/*
please use https://cssminifier.com/ to minify the css file before production
*/

:root {
    --font-color: #333333;
    --font-color-alt: #333333;
    --bg-color: #ffffff;
    --wrap-bg-color: #eee;
    --main-color: #669933;
    --link-border: #73ac39;
    --link-hover: #406020;
    --table-header: #eee;
    --table-odd: #e6e6e6;
	--table-even: #f6f6f6;
	--table-highlight-row: #ffff99;
	--table-highlight-new: #e2fdef;
	--table-bottom-border: #ddd;
	--table-disabled-row: #e2e2e2;
    --settings-bg-color: #fbfbfb;
    --settings-border-color: #e4e4e4;
    --settings-fieldnote: #4e4e4e;
    --holiday-snow: none;
    --holiday-halloween: none;

}
[data-theme="darkgreen"] {
    --main-color: #028034;
    --link-border: #048e3a;
    --link-hover: #006327;
}
[data-theme="lightblue"] {
    --main-color: #6dd3ec;
    --link-border: #5ab4de;
    --link-hover: #46acc5;
}
[data-theme="blue"] {
    --main-color: #2196f3;
    --link-border: #1e90ea;
    --link-hover: #1b82d4;
}
[data-theme="darkblue"] {
    --main-color: #114e8c;
    --link-border: #538cc6;
    --link-hover: #0d3b69;
}
[data-theme="brightpink"] {
    --main-color: #ffb3d9;
    --link-border: #ffb3d9;
    --link-hover: #fd95c9;
}
[data-theme="brown"] {
    --main-color: #c18c3a;
    --link-border: #ac6f39;
    --link-hover: #603d20;
}
[data-theme="grey"] {
    --main-color: #929292;
    --link-border: #3b3b3b;
    --link-hover: #696969;
}
[data-theme="lightpurple"] {
    --main-color: #9999ff;
    --link-border: #8e8eff;
    --link-hover: #7575f3;
}
[data-theme="purple"] {
    --main-color: #b13ff9;
    --link-border: #a639ea;
    --link-hover: #9932da;
}
[data-theme="orange"] {
    --main-color: #ff9800;
    --link-border: #e88b02;
    --link-hover: #e28804;
}
[data-theme="pink"] {
    --main-color: #fdbdfc;
    --link-border: #f7b6f6;
    --link-hover: #e69fe5;
}
[data-theme="red"] {
    --main-color: #e03030;
    --link-border: #ca2929;
    --link-hover: #bd2727;
}
[data-theme="yellow"] {
    --main-color: #c7c128;
    --link-border: #d9db30;
    --link-hover: #c8c82d;
}
[data-theme="black"] {
    --main-color: #313131;
    --link-border: #252525;
    --link-hover: #1b1b1b;
}
[data-bg="grey"] {
    --font-color: #000;
    --font-color-alt: #000;
    --bg-color: #b7b7b7;
    --wrap-bg-color: #fff3a5;
    --table-row-odd: #dadada;
    --table-row-even: #efefef;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
}
[data-bg="yellow"] {
    --font-color: #000;
    --font-color-alt: #000;
    --bg-color: #fff5c1;
    --wrap-bg-color: #fff3a5;
    --table-row-odd: #fff39e;
    --table-row-even: #f5e87f;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
}
[data-bg="darkblue"] {
    --font-color: #FFF;
    --font-color-alt: #000;
    --bg-color: #015773;
    --wrap-bg-color: #064d6f;
    --table-header: #174c65;
    --table-row-odd: #1c5773;
    --table-row-even: #124d69;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
}
[data-bg="red"] {
    --font-color: #FFF;
    --font-color-alt: #000;
    --bg-color: #f18989;
    --wrap-bg-color: #f76b66;
    --table-header: #e04f4f;
    --table-row-odd: #f57c7c;
    --table-row-even: #ff9c9c;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
}
[data-bg="purple"] {
    --font-color: #000;
    --font-color-alt: #000;
    --bg-color: #ebe1ff;
    --wrap-bg-color: #deceff;
    --table-header: #d2bcff;
    --table-row-odd: #ebe1ff;
    --table-row-even: #e0d1ff;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
}
[data-bg="pink"] {
    --font-color: #000;
    --font-color-alt: #000;
    --bg-color: #ffe7f1;
    --wrap-bg-color: #ffd6e9;
    --table-header: #f3b1d0;
    --table-row-odd: #facce2;
    --table-row-even: #ffdded;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
}
[data-bg="green"] {
    --font-color: #000;
    --font-color-alt: #000;
    --bg-color: #71d2a0;
    --wrap-bg-color: #49b57e;
    --table-header: #60c18f;
    --table-row-odd: #71d2a0;
    --table-row-even: #7dd8a9;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
}
[data-bg="teal"] {
    --font-color: #000;
    --font-color-alt: #000;
    --bg-color: #50D0D0;
    --wrap-bg-color: #5de0e0;
    --table-header: #45c3c3;
    --table-row-odd: #50D0D0;
    --table-row-even: #5cdada;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
}
[data-bg="peach"] {
    --font-color: #000;
    --font-color-alt: #000;
    --bg-color: #ffe7d9;
    --wrap-bg-color: #fddcc5;
    --table-header: #f5dac8;
    --table-row-odd: #ffe1cc;
    --table-row-even: #fce7d9;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
}
[data-bg="orange"] {
    --font-color: #000;
    --font-color-alt: #000;
    --bg-color: #f5a968;
    --wrap-bg-color: #ff973f;
    --table-header: #ea9d5a;
    --table-row-odd: #f5a967;
    --table-row-even: #f7b67e;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
}
[data-bg="christmas"] {
    --font-color: #FFF;
    --font-color-alt: #000;
    --bg-color: #525252;
    --wrap-bg-color: #006719;
    --table-header: #d03d3d;
    --table-row-odd: #17b553;
    --table-row-even: #46c75e;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
    --holiday-snow: block;
}
[data-bg="halloween"] {
    --font-color: #FFF;
    --font-color-alt: #000;
    --bg-color: #0d0d0d;
    --wrap-bg-color: #131313;
    --table-header: #131313;
    --table-row-odd: #3c3c3c;
    --table-row-even: #2f2f2f;
    --settings-bg-color: var(--bg-color);
    --settings-border-color: var(--wrap-bg-color);
    --settings-fieldnote: var(--font-color);
    --holiday-halloween: block;
}
.tshirt .tshirtinfo .newDropdown {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
    margin-right: 10px;
    max-width: none;
    min-width: 110px;
}
.tshirt .tshirtinfo .newDropdown:hover {
    border-color: #5ab4de;
}
.tshirt .tshirtinfo .newDropdown > span {
    font-size: 14px;
    line-height: 30px;
    max-width: none;
    width: 85%;
}
@media only screen and (max-width: 998px){
    .tshirt .tshirtinfo .newDropdown > span {
        width: 80%;
    }
}
@media only screen and (max-width: 767px){
    .tshirt .tshirtinfo .newDropdown > span {
        width: 90%;
    }
}
.tshirt .tshirtinfo .newDropdown > span:after {
    border-width: 6px;
    top:12px;
}
.newDropdown {
    background-clip: padding-box;
    background-color: #eee;
    border: 1px solid #ddd;
    color: #999;
    display: inline-block;
    font-weight: 700;
    width:50%;
    height: 30px;
    moz-background-clip: padding;
    moz-border-radius: 4px;
    ms-background-clip: padding-box;
    ms-border-radius: 4px;
    o-background-clip: padding-box;
    o-border-radius: 4px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    webkit-background-clip: padding-box;
    webkit-border-radius: 4px;
}
@media only screen and (max-width: 767px){
    .newDropdown {
        width: 100%;
    }
}
.newDropdown:active { background-color: #ddd;border-color: #ccc;}
.newDropdown.warn { border: solid 2px #c00; }
.newDropdown.warn > span { background: #ffcaca; }
.newDropdown > span {
    cursor: pointer;
    display: block;
    line-height: 24px;
    max-width: 94px;
    overflow: hidden;
    padding: 0 26px 0 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newDropdown > span:after {
    border-color: transparent;
    border-style: solid;
    border-top-color: #666;
    border-width: 5px;
    content: '';
    display: inline-block;
    height: 0;
    position: absolute;
    right: 8px;
    top: 10px;
    width: 0;
}
.newDropdown > span > b { color: #666; }
.newDropdown > ul {
    background-clip: padding-box;
    background-color: white;
    border-radius: 0 4px 4px 4px;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
    display: none;
    list-style: none;
    margin: 0;
    moz-background-clip: padding;
    moz-border-radius: 0 4px 4px 4px;
    moz-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
    ms-background-clip: padding-box;
    ms-border-radius: 0 4px 4px 4px;
    ms-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
    o-background-clip: padding-box;
    o-border-radius: 0 4px 4px 4px;
    o-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
    padding: 0;
    padding: 4px;
    position: absolute;
    webkit-background-clip: padding-box;
    webkit-border-radius: 0 4px 4px 4px;
    webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
    z-index: 9;
}
.newDropdown > ul > li { margin: 0; }
.newDropdown > ul > li {
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    min-width: 120px;
    padding: 0 8px;
    white-space: nowrap;
}
.newDropdown > ul > li:first-child { border-top: 0; }
.newDropdown > ul > li:hover {
    background-clip: padding-box;
    background-color: var(--main-color);
    color: #fff;
    moz-background-clip: padding;
    moz-border-radius: 4px;
    ms-background-clip: padding-box;
    ms-border-radius: 4px;
    o-background-clip: padding-box;
    o-border-radius: 4px;
    webkit-background-clip: padding-box;
    webkit-border-radius: 4px;
}

#tshirtBg {
    height: 363px;
    width: 400px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}
.overlaycover {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media only screen and (max-width: 998px){
    #tshirtBg{
        width: 320px;
        height: 290.5px;
    }
}
.overlayBg.black {
    background-color: #000 !important;
}
.overlayBg.white {
    background-color: #FFF !important;
}
.overlayBg.charcoalgrey {
    background-color: #787a81 !important;
}
.overlayBg.daisy {
    background-color: #efce1f !important;
}
.overlayBg.darkchocolate {
    background-color: #54453d !important;
}
.overlayBg.forestgreen {
    background-color: #214637 !important;
}
.overlayBg.gold {
    background-color: #d5ab47 !important;
}
.overlayBg.irishgreen {
    background-color: #50af72 !important;
}
.overlayBg.lightblue {
    background-color: #96bddf !important;
}
.overlayBg.lightpink {
    background-color: #e8a4a7 !important;
}
.overlayBg.militarygreen {
    background-color: #4e5347 !important;
}
.overlayBg.navy {
    background-color: #11285a !important;
}
.overlayBg.orange {
    background-color: #e76621 !important;
}
.overlayBg.purple {
    background-color: #52316d !important;
}
.overlayBg.red {
    background-color: #d72739 !important;
}
.overlayBg.royalblue {
    background-color: #3572b5 !important;
}
.overlayBg.sportgrey {
    background-color: #a9a9aa !important;
}
.overlayBg.tan {
    background-color: #ddccae !important;
}
.overlayBg.navyringer {
    background-color: #FFF !important;
}
.overlayBg.blackringer {
    background-color: #FFF !important;
}
.overlayBg.redringer {
    background-color: #FFF !important;
}
.overlayBg.burgundy {
    background-color: #b0486b !important;
}
.overlayBg.hotpink {
    background-color: #eb659b !important;
}
.overlayBg.hotpink {
    background-color: #eb659b;
}
.overlayBg.natural {
    background-color: #eadfd6;
}
.overlayBg.stainlesssteel {
    background-color: #C0C0C0;
}
.overlayBg.colorchanging {
    background-color: #000;
}
.overlayBg.aloe {
    background-color: #928e48;
}
.overlayBg.bluejean {
    background-color: #777c89;
}
.overlayBg.brick {
    background-color: #916d6e;
}
.overlayBg.salmon {
    background-color: #f76f63;
}
.overlayBg.lightgreen {
    background-color: #5c7664;
}
.overlayBg.grey {
    background-color: #95958d;
}
.overlayBg.pepper {
    background-color: #5c5e5d;
}
.overlayBg.periwinkle {
    background-color: #8c9ad7;
}
.overlayBg.watermelon {
    background-color: #f58a7c;
}
.overlayBg.crimsonred {
    background-color: #8c4549;
}
.overlayBg.vineyardred {
    background-color: #a5424c;
}
.overlayBg.neongreen {
    background-color: #a2ea00;
}
.overlayBg.silver {
    background-color: #b9bfc4;
}
.overlayBg.azalea {
    background-color: #d36ba1;
}
.overlayBg.sapphire {
    background-color: #0373b0;
}
.overlayBg.teal {
    background-color: #30b6b8;
}
.overlayBg.darkgrey {
    background-color: #4c474c;
}
.overlayBg.lightbrown {
    background-color: #857570;
}
.overlayBg.pink {
    background-color: #d2687d;
}
.overlayBg.citrus {
    background-color: #efce1f;
}
.overlayBg.montereysage {
    background-color: #4e5347;
}
.overlayBg.burntorange {
    background-color: #e76621;
}
.overlayBg.royalcaribe {
    background-color: #3572b5;
}

.tshirtOverlay.classic {
    width: 31.5%;
    margin-top:20.5%;
}
.tshirtOverlay.premium {
    width:31.5%;
    margin-top:20.5%;
}
.tshirtOverlay.ladies {
    width:31.5%;
    margin-top:20.5%;
}
.tshirtOverlay.hoodie {
    width:21%;
    margin-top:22%;
}
.tshirtOverlay.longsleeve {
    width:31.5%;
    margin-top:20.5%;
}
.tshirtOverlay.vneck {
    width:31.5%;
    margin-top:20.5%;
}
.tshirtOverlay.tanktop {
    width:31.5%;
    margin-top:25%;
}
.tshirtOverlay.kids {
    width:31.5%;
    margin-top:25%;
}
.tshirtOverlay.apron {
    width:20%;
    margin-top:19%;
}
.tshirtOverlay.babyonepiece {
    width:31.5%;
    margin-top:20.5%;
}
.tshirtOverlay.phonecase {
    width:31.5%;
    margin-top:22%;
}
.tshirtOverlay.ladiespremium {
    width: 26.5%;
    margin-top: 16.5%;
    margin-left: 9px;
}
.tshirtOverlay.ladiestanktop {
    width: 26.5%;
    margin-top: 24.5%;
    margin-left: 9px;
}
.tshirtOverlay.crewnecksweatshirt {
    width: 35.5%;
    margin-top: 15.5%;
    margin-left: 9px;
}
.tshirtOverlay.baseballraglan {
    width: 33.5%;
    margin-top: 14.5%;
}
.tshirtOverlay.hat {
    width: 26.5%;
    position: absolute;
    bottom: 0;
    vertical-align: bottom;
    margin-bottom: 34%;
    left: 38%;
}
.tshirtOverlay.mug {
	width: 42.5%;
    margin-top: 18.5%;
    margin-left: -30%;
}
.tshirtOverlay.totebag {
    width: 40%;
    margin-top: 24.5%;
}
.tshirtOverlay.dog {
    width: 39%;
    margin-top: 13%;
}
.tshirtOverlay.mousepad {
    margin-top: 3%;
    height: 300px;
    max-width: 90%;
    width: auto;
}
.tshirtOverlay.framedcanvas {
    width: 52%;
    margin-top: 10%;
}
.tshirtOverlay.travelmug {
    width: 33%;
    margin-top: 8%;
    margin-left: 10px;
}
.tshirtOverlay.facemask {
    width: 53%;
    margin-top: 18%;
    max-height: 212px;
    width: auto;
    height: auto;
}
.tshirtOverlay.neckgaiter {
    width: 43%;
    margin-top: 13%;
}
.tshirtOverlay.towels {
    width: 39%;
    margin-top: 13%;
}
.tshirtOverlay.truckerhat {
    width: 26.5%;
    margin-top: 28.5%;
}
.tshirtOverlay.vintageunisex {
    width: 31.5%;
    margin-top:20.5%;
}
.tshirtOverlay.tiedye {
    width: 31.5%;
    margin-top:20.5%;
}
.tshirtOverlay.kidstiedye {
    width: 31.5%;
    margin-top:20.5%;
}
.tshirtOverlay.youthhoodie {
    width: 24.5%;
    margin-top: 22.5%;
}
.tshirtOverlay.babybib {
    width: 29.5%;
    margin-top: 41.5%;
}
.tshirtOverlay.ringer {
    width: 31.5%;
    margin-top:20.5%;
}
.hidden{
    display: none;
}
#verotitle { display: none; }
/*standard*/
.tshirtBg.color1 { background-image: url("../images/shirts/classic/BlackTshirt.png");}
.tshirtBg.color2 { background-image: url("../images/shirts/classic/WhiteTshirt.png");}
.tshirtBg.color3 { background-image: url("../images/shirts/classic/CharcoalGreyTshirt.png");}
.tshirtBg.color4 { background-image: url("../images/shirts/classic/DaisyTshirt.png");}
.tshirtBg.color5 { background-image: url("../images/shirts/classic/DarkChocolateTshirt.png");}
.tshirtBg.color6 { background-image: url("../images/shirts/classic/ForestGreenTshirt.png");}
.tshirtBg.color7 { background-image: url("../images/shirts/classic/GoldTshirt.png");}
.tshirtBg.color8 { background-image: url("../images/shirts/classic/IrishGreenTshirt.png");}
.tshirtBg.color9 { background-image: url("../images/shirts/classic/LightBlueTshirt.png");}
.tshirtBg.color10 { background-image: url("../images/shirts/classic/LightPinkTshirt.png");}
.tshirtBg.color11 { background-image: url("../images/shirts/classic/MilitaryGreenTshirt.png");}
.tshirtBg.color12 { background-image: url("../images/shirts/classic/NavyTshirt.png");}
.tshirtBg.color13 { background-image: url("../images/shirts/classic/OrangeTshirt.png");}
.tshirtBg.color14 { background-image: url("../images/shirts/classic/PurpleTshirt.png");}
.tshirtBg.color15 { background-image: url("../images/shirts/classic/RedTshirt.png");}
.tshirtBg.color16 { background-image: url("../images/shirts/classic/RoyalBlueTshirt.png");}
.tshirtBg.color17 { background-image: url("../images/shirts/classic/SportGreyTshirt.png");}
.tshirtBg.color18 { background-image: url("../images/shirts/classic/TanTshirt.png");}
.tshirtBg.color23 { background-image: url("../images/shirts/classic/BurgundyTshirt.png");}
.tshirtBg.color19 { background-image: url("../images/shirts/classic/NavyRingerTshirt.png");}
.tshirtBg.color20 { background-image: url("../images/shirts/classic/BlackRingerTshirt.png");}
.tshirtBg.color21 { background-image: url("../images/shirts/classic/RedRingerTshirt.png");}
.tshirtBg.color37 { background-image: url("../images/shirts/classic/IrishGreenRingerTshirt.png");}
.tshirtBg.color38 { background-image: url("../images/shirts/classic/RoyalBlueRingerTshirt.png");}
.tshirtBg.color51 { background-image: url("../images/shirts/classic/NeonGreenTshirt.png");}
.tshirtBg.color52 { background-image: url("../images/shirts/classic/SilverTshirt.png");}
.tshirtBg.color53 { background-image: url("../images/shirts/classic/AzaleaTshirt.png");}
.tshirtBg.color54 { background-image: url("../images/shirts/classic/SapphireTshirt.png");}
/*mensfitted*/
.tshirtBg.color1.premium { background-image: url("../images/shirts/mensfitted/BlackTshirt.png");}
.tshirtBg.color2.premium { background-image: url("../images/shirts/mensfitted/WhiteTshirt.png");}
.tshirtBg.color3.premium { background-image: url("../images/shirts/mensfitted/CharcoalGreyTshirt.png");}
.tshirtBg.color4.premium { background-image: url("../images/shirts/mensfitted/DaisyTshirt.png");}
.tshirtBg.color5.premium { background-image: url("../images/shirts/mensfitted/DarkChocolateTshirt.png");}
.tshirtBg.color8.premium { background-image: url("../images/shirts/mensfitted/IrishGreenTshirt.png");}
.tshirtBg.color9.premium { background-image: url("../images/shirts/mensfitted/LightBlueTshirt.png");}
.tshirtBg.color10.premium { background-image: url("../images/shirts/mensfitted/LightPinkTshirt.png");}
.tshirtBg.color11.premium { background-image: url("../images/shirts/mensfitted/MilitaryGreenTshirt.png");}
.tshirtBg.color12.premium { background-image: url("../images/shirts/mensfitted/NavyTshirt.png");}
.tshirtBg.color13.premium { background-image: url("../images/shirts/mensfitted/OrangeTshirt.png");}
.tshirtBg.color14.premium { background-image: url("../images/shirts/mensfitted/PurpleTshirt.png");}
.tshirtBg.color15.premium { background-image: url("../images/shirts/mensfitted/RedTshirt.png");}
.tshirtBg.color16.premium { background-image: url("../images/shirts/mensfitted/RoyalBlueTshirt.png");}
.tshirtBg.color17.premium { background-image: url("../images/shirts/mensfitted/SportGreyTshirt.png");}
/*ladies*/
.tshirtBg.color1.ladies { background-image: url("../images/shirts/ladies/BlackTshirt.png");}
.tshirtBg.color2.ladies { background-image: url("../images/shirts/ladies/WhiteTshirt.png");}
.tshirtBg.color3.ladies { background-image: url("../images/shirts/ladies/CharcoalGreyTshirt.png");}
.tshirtBg.color8.ladies { background-image: url("../images/shirts/ladies/IrishGreenTshirt.png");}
.tshirtBg.color9.ladies { background-image: url("../images/shirts/ladies/LightBlueTshirt.png");}
.tshirtBg.color10.ladies { background-image: url("../images/shirts/ladies/LightPinkTshirt.png");}
.tshirtBg.color11.ladies { background-image: url("../images/shirts/ladies/MilitaryGreenTshirt.png");}
.tshirtBg.color12.ladies { background-image: url("../images/shirts/ladies/NavyTshirt.png");}
.tshirtBg.color14.ladies { background-image: url("../images/shirts/ladies/PurpleTshirt.png");}
.tshirtBg.color15.ladies { background-image: url("../images/shirts/ladies/RedTshirt.png");}
.tshirtBg.color16.ladies { background-image: url("../images/shirts/ladies/RoyalBlueTshirt.png");}
.tshirtBg.color17.ladies { background-image: url("../images/shirts/ladies/SportGreyTshirt.png");}
.tshirtBg.color53.ladies { background-image: url("../images/shirts/ladies/AzaleaTshirt.png");}
.tshirtBg.color54.ladies { background-image: url("../images/shirts/ladies/SapphireTshirt.png");}
/*hoodies*/
.tshirtBg.color1.hoodie { background-image: url("../images/shirts/hoodies/BlackTshirt.png");}
.tshirtBg.color2.hoodie { background-image: url("../images/shirts/hoodies/WhiteTshirt.png");}
.tshirtBg.color12.hoodie { background-image: url("../images/shirts/hoodies/NavyTshirt.png");}
.tshirtBg.color15.hoodie { background-image: url("../images/shirts/hoodies/RedTshirt.png");}
.tshirtBg.color16.hoodie { background-image: url("../images/shirts/hoodies/RoyalBlueTshirt.png");}
.tshirtBg.color17.hoodie { background-image: url("../images/shirts/hoodies/SportGreyTshirt.png");}
/*tanktops*/
.tshirtBg.color1.tanktop { background-image: url("../images/shirts/tanktop/BlackTshirt.png");}
.tshirtBg.color2.tanktop { background-image: url("../images/shirts/tanktop/WhiteTshirt.png");}
.tshirtBg.color3.tanktop { background-image: url("../images/shirts/tanktop/CharcoalGreyTshirt.png");}
.tshirtBg.color12.tanktop { background-image: url("../images/shirts/tanktop/NavyTshirt.png");}
.tshirtBg.color15.tanktop { background-image: url("../images/shirts/tanktop/RedTshirt.png");}
.tshirtBg.color16.tanktop { background-image: url("../images/shirts/tanktop/RoyalBlueTshirt.png");}
.tshirtBg.color17.tanktop { background-image: url("../images/shirts/tanktop/SportGreyTshirt.png");}
/*vneck*/
.tshirtBg.color1.vneck { background-image: url("../images/shirts/vneck/BlackTshirt.png");}
.tshirtBg.color2.vneck { background-image: url("../images/shirts/vneck/WhiteTshirt.png");}
.tshirtBg.color3.vneck { background-image: url("../images/shirts/vneck/CharcoalGreyTshirt.png");}
.tshirtBg.color12.vneck { background-image: url("../images/shirts/vneck/NavyTshirt.png");}
.tshirtBg.color15.vneck { background-image: url("../images/shirts/vneck/RedTshirt.png");}
.tshirtBg.color17.vneck { background-image: url("../images/shirts/vneck/SportGreyTshirt.png");}
/* Kids */
.tshirtBg.color1.kids { background-image: url("../images/shirts/kids/BlackTshirt.png");}
.tshirtBg.color2.kids { background-image: url("../images/shirts/kids/WhiteTshirt.png");}
.tshirtBg.color3.kids { background-image: url("../images/shirts/kids/CharcoalGreyTshirt.png");}
.tshirtBg.color4.kids { background-image: url("../images/shirts/kids/DaisyTshirt.png");}
.tshirtBg.color5.kids { background-image: url("../images/shirts/kids/DarkChocolateTshirt.png");}
.tshirtBg.color6.kids { background-image: url("../images/shirts/kids/ForestGreenTshirt.png");}
.tshirtBg.color7.kids { background-image: url("../images/shirts/kids/GoldTshirt.png");}
.tshirtBg.color8.kids { background-image: url("../images/shirts/kids/IrishGreenTshirt.png");}
.tshirtBg.color9.kids { background-image: url("../images/shirts/kids/LightBlueTshirt.png");}
.tshirtBg.color10.kids { background-image: url("../images/shirts/kids/LightPinkTshirt.png");}
.tshirtBg.color11.kids { background-image: url("../images/shirts/kids/MilitaryGreenTshirt.png");}
.tshirtBg.color12.kids { background-image: url("../images/shirts/kids/NavyTshirt.png");}
.tshirtBg.color13.kids { background-image: url("../images/shirts/kids/OrangeTshirt.png");}
.tshirtBg.color14.kids { background-image: url("../images/shirts/kids/PurpleTshirt.png");}
.tshirtBg.color15.kids { background-image: url("../images/shirts/kids/RedTshirt.png");}
.tshirtBg.color16.kids { background-image: url("../images/shirts/kids/RoyalBlueTshirt.png");}
.tshirtBg.color17.kids { background-image: url("../images/shirts/kids/SportGreyTshirt.png");}
.tshirtBg.color18.kids { background-image: url("../images/shirts/kids/TanTshirt.png");}
.tshirtBg.color19.kids { background-image: url("../images/shirts/kids/NavyRingerTshirt.png");}
.tshirtBg.color20.kids { background-image: url("../images/shirts/kids/BlackRingerTshirt.png");}
.tshirtBg.color21.kids { background-image: url("../images/shirts/kids/RedRingerTshirt.png");}
.tshirtBg.color23.kids { background-image: url("../images/shirts/kids/BurgundyTshirt.png");}
.tshirtBg.color37.kids { background-image: url("../images/shirts/kids/IrishGreenRingerTshirt.png");}
.tshirtBg.color38.kids { background-image: url("../images/shirts/kids/RoyalBlueRingerTshirt.png");}

/*onepiece*/
.tshirtBg.color1.babyonepiece  { background-image: url("../images/shirts/onesies/BlackTshirt.png");}
.tshirtBg.color2.babyonepiece  { background-image: url("../images/shirts/onesies/WhiteTshirt.png");}
.tshirtBg.color8.babyonepiece  { background-image: url("../images/shirts/onesies/IrishGreenTshirt.png");}
.tshirtBg.color9.babyonepiece  { background-image: url("../images/shirts/onesies/LightBlueTshirt.png");}
.tshirtBg.color10.babyonepiece  { background-image: url("../images/shirts/onesies/LightPinkTshirt.png");}
.tshirtBg.color12.babyonepiece  { background-image: url("../images/shirts/onesies/NavyTshirt.png");}
.tshirtBg.color15.babyonepiece  { background-image: url("../images/shirts/onesies/RedTshirt.png");}
.tshirtBg.color16.babyonepiece  { background-image: url("../images/shirts/onesies/RoyalBlueTshirt.png");}
.tshirtBg.color17.babyonepiece  { background-image: url("../images/shirts/onesies/SportGreyTshirt.png");}
.tshirtBg.color30.babyonepiece  { background-image: url("../images/shirts/onesies/HotPinkTshirt.png");}
/*apron*/
.tshirtBg.color1.apron { background-image: url("../images/shirts/apron/BlackTshirt.png");}
.tshirtBg.color2.apron { background-image: url("../images/shirts/apron/WhiteTshirt.png");}
/*Phone*/
.tshirtBg.color1.phonecase { background-image: url("../images/shirts/phonecase/BlackTshirt.png");}
.tshirtBg.color2.phonecase { background-image: url("../images/shirts/phonecase/WhiteTshirt.png");}
.tshirtBg.color1.phonecase.size47,
.tshirtBg.color1.phonecase.size49 { background-image: url("../images/shirts/phonecase/Black_iPhone7_8.png");}
.tshirtBg.color2.phonecase.size47,
.tshirtBg.color2.phonecase.size49 { background-image: url("../images/shirts/phonecase/White_iPhone7_8.png");}
.tshirtBg.color1.phonecase.size48,
.tshirtBg.color1.phonecase.size50 { background-image: url("../images/shirts/phonecase/Black_iPhone7_8plus.png");}
.tshirtBg.color2.phonecase.size48,
.tshirtBg.color2.phonecase.size50 { background-image: url("../images/shirts/phonecase/White_iPhone7_8plus.png");}
.tshirtBg.color1.phonecase.size51 { background-image: url("../images/shirts/phonecase/Black_iPhoneX.png");}
.tshirtBg.color2.phonecase.size51 { background-image: url("../images/shirts/phonecase/White_iPhoneX.png");}
/*Long Sleeve*/
.tshirtBg.color1.longsleeve { background-image: url("../images/shirts/longsleeve/BlackTshirt.png");}
.tshirtBg.color2.longsleeve { background-image: url("../images/shirts/longsleeve/WhiteTshirt.png");}
.tshirtBg.color3.longsleeve { background-image: url("../images/shirts/longsleeve/CharcoalGreyTshirt.png");}
.tshirtBg.color6.longsleeve { background-image: url("../images/shirts/longsleeve/ForestGreenTshirt.png");}
.tshirtBg.color12.longsleeve { background-image: url("../images/shirts/longsleeve/NavyTshirt.png");}
.tshirtBg.color16.longsleeve { background-image: url("../images/shirts/longsleeve/RoyalBlueTshirt.png");}
.tshirtBg.color17.longsleeve { background-image: url("../images/shirts/longsleeve/SportGreyTshirt.png");}
.tshirtBg.color15.longsleeve { background-image: url("../images/shirts/longsleeve/RedTshirt.png");}
/*ladies premium*/
.tshirtBg.color1.ladiespremium { background-image: url("../images/shirts/ladiespremium/BlackTshirt.png");}
.tshirtBg.color2.ladiespremium { background-image: url("../images/shirts/ladiespremium/WhiteTshirt.png");}
.tshirtBg.color4.ladiespremium { background-image: url("../images/shirts/ladiespremium/DaisyTshirt.png");}
.tshirtBg.color5.ladiespremium { background-image: url("../images/shirts/ladiespremium/DarkChocolateTshirt.png");}
.tshirtBg.color7.ladiespremium { background-image: url("../images/shirts/ladiespremium/GoldTshirt.png");}
.tshirtBg.color9.ladiespremium { background-image: url("../images/shirts/ladiespremium/LightBlueTshirt.png");}
.tshirtBg.color10.ladiespremium { background-image: url("../images/shirts/ladiespremium/LightPinkTshirt.png");}
.tshirtBg.color11.ladiespremium { background-image: url("../images/shirts/ladiespremium/MilitaryGreenTshirt.png");}
.tshirtBg.color12.ladiespremium { background-image: url("../images/shirts/ladiespremium/NavyTshirt.png");}
.tshirtBg.color13.ladiespremium { background-image: url("../images/shirts/ladiespremium/OrangeTshirt.png");}
.tshirtBg.color14.ladiespremium { background-image: url("../images/shirts/ladiespremium/PurpleTshirt.png");}
.tshirtBg.color15.ladiespremium { background-image: url("../images/shirts/ladiespremium/RedTshirt.png");}
.tshirtBg.color16.ladiespremium { background-image: url("../images/shirts/ladiespremium/RoyalBlueTshirt.png");}
.tshirtBg.color17.ladiespremium { background-image: url("../images/shirts/ladiespremium/SportGreyTshirt.png");}
.tshirtBg.color49.ladiespremium { background-image: url("../images/shirts/ladiespremium/CrimsonRedTshirt.png");}
.tshirtBg.color55.ladiespremium { background-image: url("../images/shirts/ladiespremium/TealTshirt.png");}
.tshirtBg.color56.ladiespremium { background-image: url("../images/shirts/ladiespremium/DarkGreyTshirt.png");}
.tshirtBg.color57.ladiespremium { background-image: url("../images/shirts/ladiespremium/LightBrownTshirt.png");}
.tshirtBg.color58.ladiespremium { background-image: url("../images/shirts/ladiespremium/PinkTshirt.png");}
/*ladies tanktop*/
.tshirtBg.color1.ladiestanktop { background-image: url("../images/shirts/ladiestanktop/BlackTshirt.png");}
.tshirtBg.color2.ladiestanktop { background-image: url("../images/shirts/ladiestanktop/WhiteTshirt.png");}
.tshirtBg.color8.ladiestanktop { background-image: url("../images/shirts/ladiestanktop/IrishGreenTshirt.png");}
.tshirtBg.color12.ladiestanktop { background-image: url("../images/shirts/ladiestanktop/NavyTshirt.png");}
.tshirtBg.color15.ladiestanktop { background-image: url("../images/shirts/ladiestanktop/RedTshirt.png");}
.tshirtBg.color16.ladiestanktop { background-image: url("../images/shirts/ladiestanktop/RoyalBlueTshirt.png");}
.tshirtBg.color17.ladiestanktop { background-image: url("../images/shirts/ladiestanktop/SportGreyTshirt.png");}
/* Crewneck Sweatshirt */
.tshirtBg.color1.crewnecksweatshirt { background-image: url("../images/shirts/crewnecksweatshirt/BlackTshirt.png");}
.tshirtBg.color2.crewnecksweatshirt { background-image: url("../images/shirts/crewnecksweatshirt/WhiteTshirt.png");}
.tshirtBg.color12.crewnecksweatshirt { background-image: url("../images/shirts/crewnecksweatshirt/NavyTshirt.png");}
.tshirtBg.color15.crewnecksweatshirt { background-image: url("../images/shirts/crewnecksweatshirt/RedTshirt.png");}
.tshirtBg.color16.crewnecksweatshirt { background-image: url("../images/shirts/crewnecksweatshirt/RoyalBlueTshirt.png");}
.tshirtBg.color17.crewnecksweatshirt { background-image: url("../images/shirts/crewnecksweatshirt/SportGreyTshirt.png");}
/* 3/4 Sleeve Raglan */
.tshirtBg.color24.baseballraglan { background-image: url("../images/shirts/baseballraglan/GreyBlackTshirt.png");}
.tshirtBg.color25.baseballraglan { background-image: url("../images/shirts/baseballraglan/WhiteBlackTshirt.png");}
.tshirtBg.color26.baseballraglan { background-image: url("../images/shirts/baseballraglan/WhiteNavyTshirt.png");}
.tshirtBg.color27.baseballraglan { background-image: url("../images/shirts/baseballraglan/WhiteRedTshirt.png");}
.tshirtBg.color28.baseballraglan { background-image: url("../images/shirts/baseballraglan/BlackWhiteTshirt.png");}
.tshirtBg.color29.baseballraglan { background-image: url("../images/shirts/baseballraglan/GreyRedTshirt.png");}
.tshirtBg.color34.baseballraglan { background-image: url("../images/shirts/baseballraglan/GreyNavyTshirt.png");}
.tshirtBg.color35.baseballraglan { background-image: url("../images/shirts/baseballraglan/GreyRoyalTshirt.png");}
.tshirtBg.color36.baseballraglan { background-image: url("../images/shirts/baseballraglan/WhiteRoyalTshirt.png");}
/* Vintage unisex */
.tshirtBg.color3.vintageunisex { background-image: url("../images/shirts/vintage/CharcoalGrey.png");}
.tshirtBg.color12.vintageunisex { background-image: url("../images/shirts/vintage/Navy.png");}
.tshirtBg.color40.vintageunisex { background-image: url("../images/shirts/vintage/Aloe.png");}
.tshirtBg.color41.vintageunisex { background-image: url("../images/shirts/vintage/BlueJean.png");}
.tshirtBg.color42.vintageunisex { background-image: url("../images/shirts/vintage/Brick.png");}
.tshirtBg.color43.vintageunisex { background-image: url("../images/shirts/vintage/Salmon.png");}
.tshirtBg.color44.vintageunisex { background-image: url("../images/shirts/vintage/LightGreen.png");}
.tshirtBg.color45.vintageunisex { background-image: url("../images/shirts/vintage/Grey.png");}
.tshirtBg.color46.vintageunisex { background-image: url("../images/shirts/vintage/Pepper.png");}
.tshirtBg.color47.vintageunisex { background-image: url("../images/shirts/vintage/Periwinkle.png");}
.tshirtBg.color48.vintageunisex { background-image: url("../images/shirts/vintage/Watermelon.png");}
.tshirtBg.color49.vintageunisex { background-image: url("../images/shirts/vintage/CrimsonRed.png");}
.tshirtBg.color50.vintageunisex { background-image: url("../images/shirts/vintage/VineyardRed.png");}
.tshirtBg.color59.vintageunisex { background-image: url("../images/shirts/vintage/Citrus.png");}
.tshirtBg.color60.vintageunisex { background-image: url("../images/shirts/vintage/MontereySage.png");}
.tshirtBg.color61.vintageunisex { background-image: url("../images/shirts/vintage/BurntOrange.png");}
.tshirtBg.color62.vintageunisex { background-image: url("../images/shirts/vintage/RoyalCaribe.png");}
/* Tie Dye */
.tshirtBg.color63.tiedye { background-image: url("../images/shirts/tiedye/RainbowSwirl.png");}
.tshirtBg.color64.tiedye { background-image: url("../images/shirts/tiedye/RoyalBlueSwirl.png");}
.tshirtBg.color65.tiedye { background-image: url("../images/shirts/tiedye/RedSwirl.png");}
.tshirtBg.color66.tiedye { background-image: url("../images/shirts/tiedye/PurpleSwirl.png");}
.tshirtBg.color67.tiedye { background-image: url("../images/shirts/tiedye/OrangeSwirl.png");}
.tshirtBg.color68.tiedye { background-image: url("../images/shirts/tiedye/NavySwirl.png");}
.tshirtBg.color69.tiedye { background-image: url("../images/shirts/tiedye/IrishGreenSwirl.png");}
.tshirtBg.color70.tiedye { background-image: url("../images/shirts/tiedye/GoldSwirl.png");}
.tshirtBg.color71.tiedye { background-image: url("../images/shirts/tiedye/ForestGreenSwirl.png");}
.tshirtBg.color72.tiedye { background-image: url("../images/shirts/tiedye/BlackSwirl.png");}
/* Kids Tie Dye */
.tshirtBg.color63.kidstiedye { background-image: url("../images/shirts/tiedye/RainbowSwirl.png");}
.tshirtBg.color64.kidstiedye { background-image: url("../images/shirts/tiedye/RoyalBlueSwirl.png");}
.tshirtBg.color65.kidstiedye { background-image: url("../images/shirts/tiedye/RedSwirl.png");}
.tshirtBg.color72.kidstiedye { background-image: url("../images/shirts/tiedye/BlackSwirl.png");}
/*Hat*/
.tshirtBg.color1.hat { background-image: url("../images/shirts/hat/Black.png");}
.tshirtBg.color2.hat { background-image: url("../images/shirts/hat/White.png");}
.tshirtBg.color3.hat { background-image: url("../images/shirts/hat/CharcoalGrey.png");}
.tshirtBg.color6.hat { background-image: url("../images/shirts/hat/ForestGreen.png");}
.tshirtBg.color7.hat { background-image: url("../images/shirts/hat/Gold.png");}
.tshirtBg.color8.hat { background-image: url("../images/shirts/hat/IrishGreen.png");}
.tshirtBg.color9.hat { background-image: url("../images/shirts/hat/LightBlue.png");}
.tshirtBg.color12.hat { background-image: url("../images/shirts/hat/Navy.png");}
.tshirtBg.color14.hat { background-image: url("../images/shirts/hat/Purple.png");}
.tshirtBg.color15.hat { background-image: url("../images/shirts/hat/Red.png");}
.tshirtBg.color16.hat { background-image: url("../images/shirts/hat/RoyalBlue.png");}
.tshirtBg.color23.hat { background-image: url("../images/shirts/hat/Burgundy.png");}
/*Mug*/
.tshirtBg.color1.mug { background-image: url("../images/shirts/mug/BlackTshirt.png");}
.tshirtBg.color2.mug { background-image: url("../images/shirts/mug/WhiteTshirt.png");}
.tshirtBg.color33.mug { background-image: url("../images/shirts/mug/WhiteBlack.png");}

.tshirtBg.color73.mug { background-image: url("../images/shirts/mug/WhiteBlackAccent.png");}
.tshirtBg.color74.mug { background-image: url("../images/shirts/mug/WhiteLightBlueAccent.png");}
.tshirtBg.color75.mug { background-image: url("../images/shirts/mug/WhiteRedAccent.png");}
.tshirtBg.color76.mug { background-image: url("../images/shirts/mug/WhitePinkAccent.png");}
.tshirtBg.color77.mug { background-image: url("../images/shirts/mug/WhiteOrangeAccent.png");}
.tshirtBg.color78.mug { background-image: url("../images/shirts/mug/WhiteLightGreenAccent.png");}
.tshirtBg.color79.mug { background-image: url("../images/shirts/mug/WhiteNavyAccent.png");}
/* Travel Mug */
.tshirtBg.color2.travelmug { background-image: url("../images/shirts/travelmug/White.png");}
.tshirtBg.color32.travelmug { background-image: url("../images/shirts/travelmug/StainlessSteel.png");}
/* Totebags */
.tshirtBg.color1.totebag { background-image: url("../images/shirts/totebag/BlackTshirt.png");}
.tshirtBg.color2.totebag { background-image: url("../images/shirts/totebag/WhiteTshirt.png");}
.tshirtBg.color8.totebag { background-image: url("../images/shirts/totebag/IrishGreenTshirt.png");}
.tshirtBg.color12.totebag { background-image: url("../images/shirts/totebag/NavyTshirt.png");}
.tshirtBg.color14.totebag { background-image: url("../images/shirts/totebag/PurpleTshirt.png");}
.tshirtBg.color15.totebag { background-image: url("../images/shirts/totebag/RedTshirt.png");}
.tshirtBg.color16.totebag { background-image: url("../images/shirts/totebag/RoyalBlueTshirt.png");}
.tshirtBg.color31.totebag { background-image: url("../images/shirts/totebag/NaturalTshirt.png");}
/* Dog tshirts */
.tshirtBg.color1.dog { background-image: url("../images/shirts/dog/BlackTshirt.png");}
.tshirtBg.color10.dog { background-image: url("../images/shirts/dog/LightPinkTshirt.png");}
.tshirtBg.color12.dog { background-image: url("../images/shirts/dog/NavyTshirt.png");}
.tshirtBg.color15.dog { background-image: url("../images/shirts/dog/RedTshirt.png");}
.tshirtBg.color17.dog { background-image: url("../images/shirts/dog/SportGreyTshirt.png");}
.tshirtBg.color20.dog { background-image: url("../images/shirts/dog/LightPinkTshirt.png");}
/* Mousepad */
.tshirtBg.color2.mousepad { background-image: url("../images/shirts/mousepad/White.png");}
/* Framed Canvas */
.tshirtBg.color1.framedcanvas { background-image: url("../images/shirts/framedcanvas/Black_23.png");}
.tshirtBg.color2.framedcanvas { background-image: url("../images/shirts/framedcanvas/White_23.png");}

.tshirtBg.color2.framedcanvas.size74,
.tshirtBg.color2.framedcanvas.size62,
.tshirtBg.color2.framedcanvas.size72,
.tshirtBg.color2.framedcanvas.size65,
.tshirtBg.color2.framedcanvas.size75,
.tshirtBg.color2.framedcanvas.size68 { background-image: url("../images/shirts/framedcanvas/White_11.png");}

.tshirtBg.color2.framedcanvas.size61,
.tshirtBg.color2.framedcanvas.size64,
.tshirtBg.color2.framedcanvas.size67,
.tshirtBg.color2.framedcanvas.size70,
.tshirtBg.color2.framedcanvas.size71 { background-image: url("../images/shirts/framedcanvas/White_12.png");}

.tshirtBg.color2.framedcanvas.size60,
.tshirtBg.color2.framedcanvas.size63,
.tshirtBg.color2.framedcanvas.size66,
.tshirtBg.color2.framedcanvas.size69,
.tshirtBg.color2.framedcanvas.size73,
.tshirtBg.color2.framedcanvas.size76 { background-image: url("../images/shirts/framedcanvas/White_23.png");}

/* Face mask */
.tshirtBg.color2.facemask { background-image: url("../images/shirts/facemaskcover/White.png");}
/* Neck Gaiter */
.tshirtBg.color1.neckgaiter { background-image: url("../images/shirts/neckgaiter/Black.png"); }
.tshirtBg.color2.neckgaiter { background-image: url("../images/shirts/neckgaiter/White.png"); }
.tshirtBg.color3.neckgaiter { background-image: url("../images/shirts/neckgaiter/CharcoalGrey.png");}
.tshirtBg.color4.neckgaiter { background-image: url("../images/shirts/neckgaiter/Daisy.png");}
.tshirtBg.color5.neckgaiter { background-image: url("../images/shirts/neckgaiter/DarkChocolate.png");}
.tshirtBg.color6.neckgaiter { background-image: url("../images/shirts/neckgaiter/ForestGreen.png");}
.tshirtBg.color7.neckgaiter { background-image: url("../images/shirts/neckgaiter/Gold.png");}
.tshirtBg.color8.neckgaiter { background-image: url("../images/shirts/neckgaiter/IrishGreen.png");}
.tshirtBg.color9.neckgaiter { background-image: url("../images/shirts/neckgaiter/LightBlue.png");}
.tshirtBg.color10.neckgaiter { background-image: url("../images/shirts/neckgaiter/LightPink.png");}
.tshirtBg.color12.neckgaiter { background-image: url("../images/shirts/neckgaiter/Navy.png");}
.tshirtBg.color13.neckgaiter { background-image: url("../images/shirts/neckgaiter/Orange.png");}
.tshirtBg.color14.neckgaiter { background-image: url("../images/shirts/neckgaiter/Purple.png");}
.tshirtBg.color15.neckgaiter { background-image: url("../images/shirts/neckgaiter/Red.png");}
.tshirtBg.color16.neckgaiter { background-image: url("../images/shirts/neckgaiter/RoyalBlue.png");}
.tshirtBg.color17.neckgaiter { background-image: url("../images/shirts/neckgaiter/SportGrey.png");}
.tshirtBg.color18.neckgaiter { background-image: url("../images/shirts/neckgaiter/Tan.png");}
.tshirtBg.color23.neckgaiter { background-image: url("../images/shirts/neckgaiter/Burgundy.png");}

/* Trucker Hat */
.tshirtBg.color1.truckerhat { background-image: url("../images/shirts/truckerhat/Black.png");}
.tshirtBg.color25.truckerhat { background-image: url("../images/shirts/truckerhat/WhiteBlack.png");}

/*youth hoodie*/
.tshirtBg.color1.youthhoodie { background-image: url("../images/shirts/youthhoodie/Black.png");}
.tshirtBg.color2.youthhoodie { background-image: url("../images/shirts/youthhoodie/White.png");}
.tshirtBg.color6.youthhoodie { background-image: url("../images/shirts/youthhoodie/ForestGreen.png");}
.tshirtBg.color7.youthhoodie { background-image: url("../images/shirts/youthhoodie/Gold.png");}
.tshirtBg.color8.youthhoodie { background-image: url("../images/shirts/youthhoodie/IrishGreen.png");}
.tshirtBg.color9.youthhoodie { background-image: url("../images/shirts/youthhoodie/LightBlue.png");}
.tshirtBg.color10.youthhoodie { background-image: url("../images/shirts/youthhoodie/LightPink.png");}
.tshirtBg.color12.youthhoodie { background-image: url("../images/shirts/youthhoodie/Navy.png");}
.tshirtBg.color13.youthhoodie { background-image: url("../images/shirts/youthhoodie/Orange.png");}
.tshirtBg.color14.youthhoodie { background-image: url("../images/shirts/youthhoodie/Purple.png");}
.tshirtBg.color15.youthhoodie { background-image: url("../images/shirts/youthhoodie/Red.png");}
.tshirtBg.color16.youthhoodie { background-image: url("../images/shirts/youthhoodie/RoyalBlue.png");}
.tshirtBg.color17.youthhoodie { background-image: url("../images/shirts/youthhoodie/SportGrey.png");}
.tshirtBg.color23.youthhoodie { background-image: url("../images/shirts/youthhoodie/Burgundy.png");}

/*baby bib*/
.tshirtBg.color1.babybib { background-image: url("../images/shirts/babybib/Black.png");}
.tshirtBg.color2.babybib { background-image: url("../images/shirts/babybib/White.png");}
.tshirtBg.color4.babybib { background-image: url("../images/shirts/babybib/Daisy.png");}
.tshirtBg.color5.babybib { background-image: url("../images/shirts/babybib/DarkChocolate.png");}
.tshirtBg.color7.babybib { background-image: url("../images/shirts/babybib/Gold.png");}
.tshirtBg.color8.babybib { background-image: url("../images/shirts/babybib/IrishGreen.png");}
.tshirtBg.color9.babybib { background-image: url("../images/shirts/babybib/LightBlue.png");}
.tshirtBg.color12.babybib { background-image: url("../images/shirts/babybib/Navy.png");}
.tshirtBg.color14.babybib { background-image: url("../images/shirts/babybib/Purple.png");}
.tshirtBg.color15.babybib { background-image: url("../images/shirts/babybib/Red.png");}
.tshirtBg.color16.babybib { background-image: url("../images/shirts/babybib/RoyalBlue.png");}
.tshirtBg.color17.babybib { background-image: url("../images/shirts/babybib/SportGrey.png");}
.tshirtBg.color18.babybib { background-image: url("../images/shirts/babybib/Tan.png");}
.tshirtBg.color23.babybib { background-image: url("../images/shirts/babybib/Burgundy.png");}
.tshirtBg.color55.babybib { background-image: url("../images/shirts/babybib/Teal.png");}
.tshirtBg.color61.babybib { background-image: url("../images/shirts/babybib/BurntOrange.png");}

/** Ringer **/
.tshirtBg.color19.ringer { background-image: url("../images/shirts/ringer/NavyRingerTshirt.png");}
.tshirtBg.color20.ringer { background-image: url("../images/shirts/ringer/BlackRingerTshirt.png");}
.tshirtBg.color21.ringer { background-image: url("../images/shirts/ringer/RedRingerTshirt.png");}
.tshirtBg.color37.ringer { background-image: url("../images/shirts/ringer/IrishGreenRingerTshirt.png");}
.tshirtBg.color38.ringer { background-image: url("../images/shirts/ringer/RoyalBlueRingerTshirt.png");}

.inputform { padding-bottom: 15px; }
#holiday-snow {
    display: var(--holiday-snow);
    position: relative;
    background: none;
    background-image: url('../images/snow2.png'), url('../images/snow3.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:-100;
    -webkit-animation: snow 15s linear infinite;
    -moz-animation: snow 15s linear infinite;
    -ms-animation: snow 15s linear infinite;
    animation: snow 15s linear infinite;
}
@keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} 
}
#holiday-halloween {
    display: var(--holiday-halloween);
    background-image: url('../images/stars.png');
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:-1;
    animation:none;
}
#productBg {
    position: absolute;
    z-index: 3;
    min-height: 500px;
    height: 500px;
}
#canvas-wrap {
    background-color:#fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0 4px 16px;
}
#productimage {
    z-index: 50;
    position: relative;
    height: 500px;
    min-height: 500px;
}
#productDetails{
    display:none;
}
/**
 * New settings
 */
.settings_section {
    background-color: var(--settings-bg-color);
    border: solid 1px var(--settings-border-color);
    padding: 10px 5px;
    margin-bottom: 15px;
    border-radius: 4px;
    margin-top: 5px;
}
.settings_section.top_nav,
.settings_section.flex-box {
    display:flex;
    padding: 5px 5px;
}
.settings_section.top_nav > .nav_link {
    display:flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: var(--bg-color);
    border: solid 1px #f5f5f5;
    cursor: pointer;
    font-size: 16px;
    color: var(--font-color);
    text-align: center;
}
.settings_section.top_nav > .nav_link:hover {
    background-color: var(--wrap-bg-color);
    border: solid 1px #dadada;
}
.settings_section.top_nav > .nav_link.selected {
    border: solid 1px #c3d7ff;
    background-color: #f1f9ff;
}
.settings_section > .field:hover > .field_note {
    /*display:block;*/
}
.settings_section > .field {
    margin-bottom: 22px;
}
.settings_section > .flex-group {
    display: inline-block;
    vertical-align: top;
    min-width: 29%;
}
.settings_section > .field > label,
.settings_section > .flex-group > label,
.settings_section > .flex-group > div > label {
    color: var(--settings-font-color);
}
.field_note { 
    /*clear:both;*/
    float: right;
    width: 48%;
    color: var(--settings-fieldnote); 
    margin-top: 2px;
}
.checkbox_category {
    font-size: 16px;
    font-weight: bold;
}
/* Display Settings Themes */
#select-theme > ul {
    display:inline-block;
    list-style: none;
    padding:0;
}
.ds_theme {
    border-radius: 100%;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
    list-style-type: none;
    margin: 4px;
    padding: 7px 7px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    border: solid 1px #e4e4e4;
}
.ds_theme.selected { border: solid 1px #59f36a;
    background-image: url(../images/swatchcheck.png);
    background-size: 20px;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-position: center;}
.ds_theme.green { background-color: #693; }
.ds_theme.blue { background-color: #223597; }
.ds_theme.yellow { background-color: #c8c82d; }
.ds_theme.red { background-color: #660000; }
.ds_theme.black { background-color: #3a3a3a; }
.ds_theme.lightblue { background-color: #71b8cc; }
.ds_theme.pink { background-color: #d65aa9; }
.ds_theme.purple { background-color: #602056; }
.ds_theme.brown { background-color: #603d20; }
.ds_theme.orange { background-color: #e59522; }
.ds_theme.darkgreen { background-color: #006666; }
.ds_theme.lightpurple { background-color: #9966ff; }
.ds_theme.brightpink { background-color: #ff99cc; }
.ds_theme.darkblue { background-color: #336699; }
.ds_theme.grey { background-color: #999999; }

.leftCorner > ul {
	margin: 0px;
}
.leftCorner > ul:after {
	margin:0px;
}
ul.tabs {
    width: 100%;
	/*height: 75px;
	margin: -40px auto 0 0;*/
	list-style: none;
	overflow: hidden;
    padding: 0;
    margin: 0 0 -4px 0;
}
ul.tabs li {	
	float: left;
	width: auto;
    cursor: pointer;
}
ul.tabs li {
	position: relative;
	display: block;
	height: 26px;
	/*margin-top: 51px;*/
	padding: 2px 10px 2px 10px;
	font-size: 13px;
	text-align: center;	
	text-decoration: none;
	color: #ffffff;
	background: #a0aaac;
	margin-right: 2px;
    line-height: 25px;
}
.tabs li:first-child {
	z-index: 3;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
.tabs li:last-child {
	z-index: 1;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}

ul.tabs li.active {
	/*margin: 51px 2px 0 0;*/
	padding: 2px 10px 2px 10px;
	background: #6b797b;
	color: white;
	z-index: 4;
	outline: none;
    font-weight: bold;
}
.group:before,
.group:after {
    content: " "; 
    display: table; 
}
.group:after {
    clear: both;
}

.categoryMainMenu {
    display: none;
    background-clip: padding-box;
    background-color: #eee;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
    display: none;
    list-style: none;
    margin: 0;
    moz-background-clip: padding;
    moz-border-radius: 0 4px 4px 4px;
    moz-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
    ms-background-clip: padding-box;
    ms-border-radius: 0 4px 4px 4px;
    ms-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
    o-background-clip: padding-box;
    o-border-radius: 0 4px 4px 4px;
    o-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
    position: absolute;
    webkit-background-clip: padding-box;
    webkit-border-radius: 0 4px 4px 4px;
    webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
    z-index: 9;
    height: 300px;
    overflow-x: hidden;
    padding-top:20px;
    width: 210px;
    text-transform: uppercase;
    font-size: 11px;
}
.categoryMainMenu ul li{
    list-style:none; 
    margin-top: 10px;
}
.categoryMainMenu h4{
    padding-left: 20px;
    margin-bottom: 20px;
}
.categoryMainMenu.expand {
	height:100%;
}
.welcome-google-shopping{
    width: 140px;
    margin-top:5px;
}
.guideArea {
    margin-top: 20px;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}
.tutorial {
    font-size: 0.9em;
    text-align: center;
    background-color: #47476b;
    width: 214px;
    height: 180px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 5px;
    padding: 20px 10px;
    color: white;
    font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
}
.tutorialRed{
    font-size: 0.9em;
    background-color: #ff4d4d;
    text-align: center;
    width: 214px;
    height: 180px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 5px;
    padding: 20px 10px;
    color: white;
    font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
}
.tutorialRed:hover{
    background-color: #ff8080;
}
.tutorial:hover {
    background-color: #666699;
}
.tutorial h1, .tutorialRed h1{
    font-size: 1.5em;
}

.background-clip {
    background-clip: padding-box;
    moz-background-clip: padding;
    ms-background-clip: padding-box;
    o-background-clip: padding-box;
    webkit-background-clip: padding-box;
}

.price-wrap {
    float: left;
    font-size: 15px;
    font-weight: 400;
    text-align: right;
    width: 20px;
    padding-top: 5px;
    padding-right: 3px;
}
.lazy {
    display: none;
}
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clear {
    clear: both;
    content: '';
    display: block;
}
.space {
	padding-right: 15px;
}
.space.small {
    padding-right: 5px;
}
.hide {
    display: none;
    visibility: hidden;
}

.indent {
    margin-left: 20px;
}

.nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .nav > li {
        margin: 0;
    }

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ie7-inline-block {
    display: inline;
    zoom: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
address {
    font-style: normal;
}

img {
    border: 0;
    ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

form {
    display: inline;
    margin: 0;
}

button,
input,
select,
textarea {
    font-family: "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    vertical-align: middle;
}

button,
input {
    line-height: normal;
    overflow: visible;
}

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
        webkit-appearance: button;
    }

    input[type="search"] {
        box-sizing: content-box;
        moz-box-sizing: content-box;
        webkit-appearance: textfield;
        webkit-box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-decoration,
        input[type="search"]::-webkit-search-cancel-button {
            webkit-appearance: none;
        }

textarea {
    overflow: auto;
    vertical-align: top;
}

figure {
    margin: 0;
}

strong {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 100%;
    margin: 0;
    text-rendering: optimizeLegibility;
}

h1 {
    font-family: "Segoe WP Light", "Segoe UI Light", "Segoe UI Web Light", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 12px;
}

h2 {
    font-family: "Segoe WP Semi Light", "Segoe UI Semi Light", "Segoe UI Web Semi Light", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 0px;
}

h3 {
    font-family: "Segoe WP Semi Light", "Segoe UI Semi Light", "Segoe UI Web Semi Light", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 3px;
}

h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: .8px;
}

h5 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: .8px;
}

h6 {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 4px;
}

p {
    margin: 0 0 24px;
}

ol,
ul {
    margin: 0 0 24px;
}

    ol li,
    ul li {
        margin-bottom: 5px;
    }

dl {
    margin-bottom: 24px;
    overflow: hidden;
    zoom: 1;
}

dt {
    float: left;
    width: 172px;
    margin-right: 8px;
    clear: left;
    font-weight: 600;
    margin-bottom: 4px;
    min-height: 24px;
}

dd {
    margin-left: 180px;
    margin-bottom: 4px;
    border-left: 1px dotted #ddd;
    padding-left: 16px;
    min-height: 24px;
}

hr {
    background: transparent;
    border: 0;
    border-top: 1px solid #ddd;
    clear: both;
    margin: 24px 0;
    size: 0;
}

table {
    border-collapse: collapse;
    margin: 16px 0;
    width: 100%;
}
table.narrow {
    margin-top: 0px;
}

    table caption {
        background: #eee;
        border-bottom: 1px solid #ccc;
        font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 600;
        padding: 12px;
        text-align: left;
    }

    table th {
        background-color: var(--table-header);
        /*
        background-image: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        */
        border-bottom: 1px solid #ccc;
        font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 600;
        padding: 4px 12px;
        text-align: left;
        white-space: nowrap;
    }

    table td {
        border-bottom: 1px solid #ddd;
        padding: 8px 12px;
        text-align: left;
    }

        table td.indent {
            padding-left: 30px;
        }

        table td.indent_ssub {
            padding-left: 60px;
        }

        table td.indent_sssub {
            padding-left: 90px;
        }

    table tr.tr-right {
        border-bottom: 1px solid #ddd;
        padding: 8px 12px;
        text-align: right;
    }

    table tr:nth-child(even) {
        background: var(--table-row-even);
    }
    table tr:nth-child(odd) {
        background: var(--table-row-odd);
    }

    table .tleft {
        text-align: left;
    }

    table .tright {
        text-align: right;
    }

    table .tcenter {
        text-align: center;
    }

    table .empty-table {
        color: #666;
        padding: 32px;
        text-align: center;
    }
.table-container {
	width: 100%;
	overflow-y: auto;
	overflow: auto;
	margin: 0 0 1em;
	height: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

/**
 * Flex Table
 */
.flextable {
	margin-bottom: 15px;
}

.flextable.nobottom {
	margin-bottom: 0px;
}

.flextable>.thead {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: baseline;
	padding: 2px 0px;
	text-align: left;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 600;
	background-color: var(--table-odd);
	background-image: url(/images/button.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid var(--content-bg-border);
	font-weight: 500;
}

.flextable > .trow,
.trow-with-inner > .inner-row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--table-bottom-border);
	align-items: center;
	width: 100%;
}
.trow-with-inner {
	position: relative;
}
.flextable > .trow-with-inner {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	/*align-items: baseline;*/
	border-bottom: 1px solid var(--table-bottom-border);
	align-items: center;
}
	.trow-with-inner.disabled,
	.trow.disabled {
		background-color: var(--table-disabled-row);
	}
.trow-with-inner.selected {
	z-index:1000;
	background-color:#FFF;
}
.trow:nth-child(even) {
	background: var(--table-even);
}

.trow.highlight {
	background-color: var(--table-highlight-row);
}
.trow.new {
	background-color: var(--table-highlight-new);
}
.trow > .empty-table {
	width: 100%;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: italic;
}
.flextable.rtable {}

.flextable>.caption {
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #ccc;
	padding: 6px 16px;
}
.caption.noborder {
	border-bottom: 0px;
}

.caption>.note {
	font-size: 12px;
	color: #999999;
}
.flextable--dropdown {
	width: 100%;
	float: right;
}
.col {
	flex: 3;
	padding: 6px 12px;
	text-align: left;
	flex-basis: 2%;
}

.col.light {
	color: #c8c8c9;
}

.col.empty,
.col.tiny {
	flex-grow: 0;
	white-space: nowrap;
	overflow-x: hidden;
}

.col.tiny-p2 {
	flex-grow: 0.02;
	white-space: nowrap;
	overflow-x: hidden;
}

.col.small-p1 {
	flex-grow: 0.1;
	overflow-x: hidden;
}

.col.small-p2 {
	flex-grow: 0.2;
	overflow-x: hidden;
}

.col.small-p3 {
	flex-grow: 0.3;
	overflow-x: hidden;
}

.col.small-p4 {
	flex-grow: 0.4;
	overflow-x: hidden;
}

.col.small-p5 {
	flex-grow: 0.5;
	overflow-x: hidden;
}

.col.small-p6 {
	flex-grow: 0.6;
	overflow-x: hidden;
}

.col.small {
	flex-grow: 1;
	overflow-x: hidden;
}

.col.medium {
	flex-grow: 1.4;
	overflow-x: hidden;
}

.col.large {
	flex-grow: 3;
	overflow-x: hidden;
}

.col.col-inlineblock {
	display: inline-block;
}

.col.empty-centered {
	text-align: center;
}
.col.button-spacing {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.col.tright {
	text-align: right;
}
.col-highlight {
	font-weight: normal;
}
.highlightme {
	font-weight: bold;
	color: #CC0000;
}
.mobile-view-only {
	display:none;
}
.inlineblock {
	display: inline-block;
}
.item-controls {
	min-height: 50px;
	position: absolute;
	background-color: #FFF;
	border: solid 1px #cdcdcd;
	right: 160px;
	top: 26px;
	padding: 10px 20px;
	z-index: 1001;
	border-radius: 5px;
	align-content: center;
	 animation: slideIn 0.2s forwards;
}
.item-controls > .item-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
.item-controls.hidden {
	display: none;
}
.item-controls > .item-option,
.item-buttons > .item-option {
	padding: 7px 7px;
	border-radius: 4px;
	margin-left: 10px;
	cursor: pointer;
	background-color: #f2f2f2;
	border: solid 1px #c1c1c1;
	color: #000;
	min-width: 25px;
	text-align: center;
}
	.item-option > a {
		color:#000;
	}
	.item-option:hover > a {
		color:#FFF;
	}
	.item-option.enabled {
		background-color: #2196f3;
		border: solid 1px #03A9F4;
		color: #FFF;
	}
	.item-option:not(.enabled):hover {
		background-color: #64B5F6;
		color: #FFF;
	}
	.delete_item:hover {
		background-color: #ff5151 !important;
		color: #FFF;
	}
	.delete_item:hover > a {
		color: #FFF;
	}
	.control-icons {
		display: inline-block;
	}
	.desktop-view-only{
		display:inline-block;
	}
.controls-menu-icon {
	display:inline-block;
}
.controls-menu-icon.up {
	transform: rotate(180deg);
}
@keyframes slideIn {
    from {
        right: 100px;
    }
    to {
        right: 160px;
    }
}
@media screen and (max-width: 768px) {
	.item-controls {
		position: unset;
		width: 100%;
		border: none;
	}
	.mobilehead > .thead {
        display: none !important;
    }
    .mobilehead > .trow,
    .mobilehead * .inner-row {
		display: flex;
		position: relative;
		min-height: 110px;
		flex-direction: column;
		align-content: flex-start;
		align-items: flex-start;
    }
        .trow.narrow {
            min-height: 10px;
        }

	.cartitems > .trow > .col,
    .cartitems > .trow > div > .col {
    	display: flex;
    }

    .mobile-pos {
    	position: absolute;
    }
    .pos-top-right-1 {
    	right: 4px;
    	top: 4px;
    }
    .pos-top-right-2 {
    	right: 4px;
    	top: 30px;
    }
    .pos-top-right-3 {
    	right: 4px;
    	top: 60px;
    }
    .pos-top-right-4 {
    	right: 4px;
    	top: 90px;
    }
    .pos-bottom-right-1 {
    	right: 4px;
    	bottom: 4px;
    }
    .pos-bottom-right-2 {
    	right: 4px;
    	bottom: 24px;
    }
    .mobile-checkbox {
    	transform: scale(1.25);
    }
    .col-highlight {
		font-weight: bold;
	}
    /* Order */
	.mobile-order-1 { order: 1 !important; }
	.mobile-order-2 { order: 2 !important; }
	.mobile-order-3 { order: 3 !important; }
	.mobile-order-4 { order: 4; }
	.mobile-order-5 { order: 5; }
	.mobile-order-6 { order: 6; }

	.desktop-view-only {
		display:none;
	}
	.mobile-view-only {
		display:inline-block;
		padding-right: 10px;
	}
}


#loading {
    display: none;
}

#overlay {
    display: none;
    background-color: #00000059;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 998;
}

#changeProductStyle{
    padding:10px 30px;
    text-align: center;
    border-radius: 4px;
    margin:20px 0;
    outline: none;
    background-color: white;
    border: solid 0.5px #d8d8d8;
}
#changeProductStyle:hover{
    border-color:var(--main-color);
}
@media only screen and (max-width: 767px) {
    #changeProductStyle{
        width:100%;
    }
}
.style_category{
    background-image: url("../images/style_category.png");
    background-repeat: no-repeat;
    background-size: 16px 80px;
    display:block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 2px;
}
.style_category.category_icon1{ background-position: 0 0; }
.style_category.category_icon2{ background-position: 0 -16px; }
.style_category.category_icon3{ background-position: 0 -32px; }
.style_category.category_icon4{ background-position: 0 -48px; }
.style_category.category_icon5{ background-position: 0 -64px; }

.modal-item{
    list-style-type: none;
    float:left;
    margin-left:5%;
    cursor: pointer;
}
.modal-item:hover{
    color:var(--main-color);
    border-bottom: solid 1px var(--main-color);
}
.modal-list-content{
    margin-left: 5%;
}
.modal-item{
    list-style-type: none;
    float:left;
    margin-left:5%;
    cursor: pointer;
}
.item-outline{
    border-bottom: solid 1px black;
}
.modal-window .field textarea {
    width: 438px;
    height: 100px;
}

    .modal-window .field textarea.short {
        height: 50px;
    }

.modal-window,
.window {
    width: 480px;
    background-color: #e6e6e6;
    min-height: 100px;
    z-index: 999;
    box-shadow: rgba(0,0,0,.5) 0 4px 16px;
    border-radius: 8px;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
    .modal-window{
        width: 300px;
    }
    .modal-item{
        margin-top:10px;
    }
}

.modal-window {
    display: none;
}

    .modal-window.error {
        background-color: #fcdedd;
    }

        .modal-window.error > .modal-content {
            padding-left: 60px;
            background: url(/images/modal_icon_error.png) no-repeat 16px 16px;
            min-height: 34px;
        }

    .modal-window.success {
        background-color: #d0edd0;
    }

        .modal-window.success > .modal-content {
            padding-left: 60px;
            background: url(/images/modal_icon_success.png) no-repeat 16px 16px;
            min-height: 34px;
        }

.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    text-indent: -9000px;
    background: url(/images/modal_close.png) no-repeat;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    cursor: pointer;
}

    .modal-close:hover {
        background-position: 0 -24px;
    }

    .modal-close:active {
        background-position: 0 -48px;
    }

.modal-caption,
.window-caption {
    font-size: 20px;
    font-weight: 600;
    line-height: 44px;
    border-bottom: 1px solid rgba(0,0,0,.15);
    box-shadow: rgba(255,255,255,.75) 0 1px 0;
    display: block;
    margin: 0;
    padding: 0 16px;
}

.modal-content,
.window-content {
    padding: 16px;
    clear: both;
    overflow: hidden;
}

    .modal-content > p:last-child,
    .window-content > p:last-child {
        margin-bottom: 12px;
    }

.modalWindow {
    width: 580px;
    z-index: 999;
    margin: 0 auto;
    display: none;
    background-color: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px;
    -o-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px;
    min-height: 140px;
    position: relative;
}

    .modalWindow .modalClose {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        text-indent: 100%;
        font-size: 0;
        line-height: 0;
        background: url("../images/modal_close.png") no-repeat;
        cursor: pointer;
        width: 24px;
        height: 24px;
    }

        .modalWindow .modalClose:hover {
            background-position: 0 -24px;
        }

        .modalWindow .modalClose:active {
            background-position: 0 -48px;
        }

    .modalWindow .modalCaption {
        background-color: #3a587b;
        background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);
        background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);
        background-image: -ms-linear-gradient(90deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);
        background-image: -o-linear-gradient(90deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);
        background-image: linear-gradient(90deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);
        font-size: 16px;
        font-weight: 600;
        font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
        line-height: 30px;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
        padding: 5px 20px;
        margin: 0;
    }

    .modalWindow .modalContent {
        padding: 20px;
        clear: both;
        overflow: hidden;
    }


html,
body {
    height: 100%;
    margin: 0;
    min-width: 320px;
    padding: 0;
}

body {
    background-color: var(--bg-color);
    background-image: url("../images/body.jpg");
    background-size: 250px 250px;
    color:var(--font-color);
    font-family: "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    moz-text-size-adjust: 100%;
    ms-text-size-adjust: 100%;
    o-text-size-adjust: 100%;
    position: relative;
    text-size-adjust: 100%;
    webkit-font-smoothing: antialiased;
    webkit-text-size-adjust: 100%;
}
    body.bg2{
        background-image: url("../images/body2.jpg");
    }
    body.bg3{
        background-image: url("../images/body3.jpg");
    }
    body.bg4{
        background-image: url("../images/body4.jpg");
    }
    body.bg5{
        background-image: url("../images/body5.jpg");
    }
    body.bg6{
        background-image: url("../images/body6.jpg");
    }
    body.bg7{
        background-image: url("../images/body7.jpg");
    }
    body.bg8{
        background-image: url("../images/body8.jpg");
    }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    body {
        background-image: url("../images/body@2x.jpg");
    }
    body.bg2{
        background-image: url("../images/body2.jpg");
    }
    body.bg3{
        background-image: url("../images/body3.jpg");
    }
    body.bg4{
        background-image: url("../images/body4.jpg");
    }
    body.bg5{
        background-image: url("../images/body5.jpg");
    }
    body.bg6{
        background-image: url("../images/body6.jpg");
    }
    body.bg7{
        background-image: url("../images/body7.jpg");
    }
    body.bg8{
        background-image: url("../images/body8.jpg");
    }
}

a {
    color: var(--main-color);
    cursor: pointer;
    outline: 0;
    text-decoration: none;
}

    a:hover {
        color: var(--link-hover);
    }
#admin_bar {
    min-height: 25px;
    font-size: 15px;
    background-color: #d69a1a !important;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 6px;
} 
#admin_bar > .links {
    font-size: 14px;
}
#admin_bar > .links a,
#admin_bar > .links a:hover,
#admin_bar > .links a:visited,
#admin_bar > .links a:active {
    color: #fff;
}
.ajaxSearchBox { display: none; width: 90%; max-width: 200px; z-index: 9000; position: absolute; background-color: #FFF; padding-left: 15px; border: 1px solid #BBBBBB; }
.wrap {
    margin: 0 auto;
    max-width: 990px;
}
.wrap.large {
	max-width: 1100px;
}

.tooltip {
    display: inline-block;
    border-bottom: 1px dotted #000000;
    color: #000000;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
}

    .tooltip span {
        display: none;
        background-color: #EEEEEE;
        border: 2px solid #BFBFBF;
        position: absolute;
        border-radius: 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        font-family: Calibri, Tahoma, Geneva, sans-serif;
        margin-left: 0;
        width: 200px;
        right: 0;
        top: 40px;
        z-index: 99;
        padding-right: 10px;
    }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .tooltip span {
        position: absolute;
        right: 0;
        top: -90px;
        z-index: 99;
    }
}
#branding {
    background-color: #292929;
    background-image: url("../images/header.jpg");
    background-repeat: repeat-x;
    background-size: 417px 200px;
    color: #fff;
}

    #branding.bg2 {
        background-image: url("../images/header2.jpg");
    }

    #branding.bg3 {
        background-image: url("../images/header3.jpg");
    }

    #branding.bg4 {
        background-image: url("../images/header4.jpg");
    }

    #branding.bg5 {
        background-image: url("../images/header5.jpg");
    }

    #branding.bg6 {
        background-image: url("../images/header6.jpg");
    }

    #branding.bg7 {
        background-image: url("../images/header7.jpg");
    }
    #branding.bg8 {
        background-image: url("../images/header8.jpg");
    }
    #branding.bg9 {
        background-image: url("../images/header9.jpg");
    }
    #branding.bg10 {
        background-image: url("../images/header10.jpg");
    }
    #branding.bg11 {
        background-image: url("../images/header11.jpg");
    }
    #branding.bg12 {
        background-image: url("../images/header12.jpg");
    }
    #branding.bg13 {
        background-image: url("../images/header13.jpg");
    }
    #branding.bg14 {
        background-image: url("../images/header14.jpg");
    }
    #branding.bg15 {
        background-image: url("../images/header15.jpg");
    }
    #branding.bg16 {
        background-image: url("../images/header16.jpg");
    }
    #branding.bg17 {
        background-image: url("../images/header17.jpg");
    }
    #branding.bg18 {
        background-image: url("../images/header18.jpg");
    }
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #branding {
        background-image: url("../images/header@2x.jpg");
    }
}

#branding:after {
    clear: both;
    content: '';
    display: block;
}

#header {
    height:100px;
    padding: 5px 0px;
    display: flex;
    justify-content: space-around;
    align-items: center; 
    text-transform: uppercase;
}
    #header:after {
        clear: both;
        content: '';
        display: block;
    }

#brandingLogo {
    border-right: 1px solid #414141;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: rgba(0, 0, 0, 0.1) 1px 0 0;
    float: left;
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    margin: 0 16px 0 0;
    moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 0 0;
    ms-box-shadow: rgba(0, 0, 0, 0.1) 1px 0 0;
    o-box-shadow: rgba(0, 0, 0, 0.1) 1px 0 0;
    padding: 0 20px 0 0;
    text-shadow: rgba(0, 0, 0, 0.35) 2px 2px 4px;
    text-transform: uppercase;
    webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 0 0;
}

    #brandingLogo > a {
        color: #fff;
        display: block;
    }

        #brandingLogo > a > span {
            color: var(--main-color);
        }

            #brandingLogo > a > span + span {
                color: #fff;
                font-family: "Segoe WP Light", "Segoe UI Light", "Segoe UI Web Light", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
                font-weight: 100;
            }
	.textlogo {
		font-size: 1.6vw;
	}
#Coupon { width: 120px; }
#navigation {
    float: left;
    text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 2px;
}

    #navigation #navigationToggle {
        background-clip: padding-box;
        background-color: #505050;
        background-color: rgba(255, 255, 255, 0.1);
        background-image: url("../images/menu.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 32px 32px;
        border-radius: 4px;
        color: #fff;
        display: none;
        font-size: 14px;
        height: 32px;
        line-height: 24px;
        margin: -4px 0;
        moz-background-clip: padding;
        moz-border-radius: 4px;
        ms-background-clip: padding-box;
        ms-border-radius: 4px;
        o-background-clip: padding-box;
        o-border-radius: 4px;
        padding: 0 8px;
        padding: 0;
        text-indent: -9000px;
        webkit-background-clip: padding-box;
        webkit-border-radius: 4px;
        width: 32px;
    }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #navigation #navigationToggle {
        background-image: url("../images/menu@2x.png");
    }
}

#navigation > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #navigation > ul > li {
        margin: 0;
        margin-right:5px;
    }

    #navigation > ul > li {
        display: inline-block;
    }

        #navigation > ul > li > a {
            background-clip: padding-box;
            border-radius: 4px;
            color: #b4b4b4;
            color: rgba(255, 255, 255, 0.65);
            display: block;
            font-size: 16px;
            font-weight: 400;
            line-height: 32px;
            moz-background-clip: padding;
            moz-border-radius: 4px;
            ms-background-clip: padding-box;
            ms-border-radius: 4px;
            o-background-clip: padding-box;
            o-border-radius: 4px;
            padding: 0 16px;
            webkit-background-clip: padding-box;
            webkit-border-radius: 4px;
        }

#navigation > ul > li > a {
    text-decoration: none;
    position: relative;
    z-index: 0;
    cursor: pointer;
}
#navigation > ul > li > a:before
{
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0px;
    top: 0px;
    content: '';
    background: white;
    opacity: 0.3;
    transition: all 0.3s;
}

#navigation > ul > li > a:hover:before
{
    height: 100%;
}
        #navigation > ul > li.active > a {
            background-color: #505050;
            background-color: rgba(255, 255, 255, 0.1);
            color: #fff;
            font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
            font-weight: 600;
        }
    

.group:hover > ul,
.share-more-menu > li > a,
.share-more-menu:hover {
    display: block;
}

.share-more-menu {
    display: none;
    position: absolute;
    z-index: 400;
    background: var(--bg-color);
    border: 1px solid #cccccc;
    padding: 5px;
    margin-left: -5px;
}

    .share-more-menu > {
        margin: 0;
    }

        .share-more-menu > li {
            list-style: none outside none;
            min-width: 155px;
            color: #000;
        }

            .share-more-menu > li > a {
                display: block;
                min-width: 150px;
                padding: 0 12px;
                text-decoration: none;
                white-space: nowrap;
            }

            .share-more-menu > li:hover {
                color: #00324b;
                min-width: 150px;
            }

            .share-more-menu > li > a:hover {
                border-radius: 4px;
                color: #fff !important;
                background-color: #4e8c0e;
                /*background-image: url(/images/button.png);*/
                background-repeat: repeat-x;
                box-shadow: rgba(0,0,0,.25) 0 1px 2px, inset rgba(255,255,255,.25) 0 1px 0;
                text-shadow: rgba(0,0,0,.35) 0 -1px 0;
            }

        .share-more-menu > .sep {
            border-top: 1px solid #ccc;
        }

.group-sub:hover > ul,
.share-more-menu-sub:hover {
    display: block;
}

.share-more-menu-sub {
    display: none;
    position: absolute;
    z-index: 400;
    background: #FFF;
    border: 1px solid #cccccc;
    padding: 5px;
    margin-left: 160px;
    margin-top: -26px;
}

    .share-more-menu-sub > {
        margin: 0;
    }

        .share-more-menu-sub > li {
            list-style: none outside none;
            min-width: 155px;
            color: #000;
        }

            .share-more-menu-sub > li > a {
                display: block;
                min-width: 150px;
                padding: 0 12px;
                text-decoration: none;
                white-space: nowrap;
            }

            .share-more-menu-sub > li:hover {
                color: #00324b;
                min-width: 155px;
            }

            .share-more-menu-sub > li > a:hover {
                border-radius: 4px;
                color: #fff !important;
                background-color: #4e8c0e;
                /*background-image: url(/images/button.png);*/
                background-repeat: repeat-x;
                box-shadow: rgba(0,0,0,.25) 0 1px 2px, inset rgba(255,255,255,.25) 0 1px 0;
                text-shadow: rgba(0,0,0,.35) 0 -1px 0;
            }

        .share-more-menu-sub > .sep {
            border-top: 1px solid #ccc;
        }

.group-sub-arrow {
    float: right;
}
.category-list li { float: left; width: 25%; list-style: none; }
.category-list:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#categories_letters > .letter_nav {
	font-size: 18px;
	font-weight:bold;
	margin-bottom: 10px;
}

#categories_letters > .letter_cats > .letter_header_titles {
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
}
#search {
    margin: 2px 0;
    float: right;
}

    #search #search-input,
    #search input[type=search] {
        appearance: textfield;
        background-clip: padding-box;
        background-color: rgba(0, 0, 0, 0.75);
        background-image: url("../images/search.png");
        background-position: 4px center;
        background-repeat: no-repeat;
        background-size: 17px 17px;
        border: 0;
        border-radius: 4px;
        box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
        color: #fff;
        font-size: 12px;
        height: 12px;
        min-height: 12px;
        moz-appearance: textfield;
        moz-background-clip: padding;
        moz-border-radius: 4px;
        moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
        ms-appearance: textfield;
        ms-background-clip: padding-box;
        ms-border-radius: 4px;
        ms-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
        o-appearance: textfield;
        o-background-clip: padding-box;
        o-border-radius: 4px;
        o-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
        outline: none;
        padding: 8px 8px 8px 24px;
        text-transform: uppercase;
        webkit-appearance: textfield;
        webkit-background-clip: padding-box;
        webkit-border-radius: 4px;
        webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
        width: 112px;
        -moz-appearance: none;
        -webkit-appearance: none; 
        appearance: none; 
    }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #search #search-input,
    #search input[type=search] {
        background-image: url("../images/search@2x.png");
    }
}

#search #search-submit,
#search input[type=submit] {
    display: none;
}

.bigsearch > .searchbox {
    height: 30px;
    width: 70%;
    font-size: 20px;
}

.bigsearch > .searchbutton {
    height: 42px;
    width: 100px;
}

#subnavigation {
    background-clip: padding-box;
    background-color: #d6d6d6;
    background-image: url("../images/subnavigation.jpg");
    background-repeat: repeat-x;
    background-size: 250px 250px;
    border-radius: 4px 4px 0 0;
    box-shadow: rgba(0, 0, 0, 0.35) 0 0 8px;
    clear: both;
    font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 600;
    moz-background-clip: padding;
    moz-border-radius: 4px 4px 0 0;
    moz-box-shadow: rgba(0, 0, 0, 0.35) 0 0 8px;
    ms-background-clip: padding-box;
    ms-border-radius: 4px 4px 0 0;
    ms-box-shadow: rgba(0, 0, 0, 0.35) 0 0 8px;
    o-background-clip: padding-box;
    o-border-radius: 4px 4px 0 0;
    o-box-shadow: rgba(0, 0, 0, 0.35) 0 0 8px;
    padding: 4px;
    text-transform: uppercase;
    webkit-background-clip: padding-box;
    webkit-border-radius: 4px 4px 0 0;
    webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 0 8px;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #subnavigation {
        background-image: url("../images/subnavigation@2x.jpg");
    }
}
.mobile-cart-controls { display: none; }
.updatecartwheel {display:inline-block;}

/* New hover*/
#subnavigation nav > ul > li > a:before, #subnavigation nav > ul > li > a:after {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #333;
    content: "";
    opacity: 0;
    transition: all 0.3s;
}

#subnavigation nav > ul > li > a:before {
    top: 0px;
    transform: translateY(10px);
}

#subnavigation nav > ul > li > a:after {
    bottom: 0px;
    transform: translateY(-10px);
}

#subnavigation nav > ul > li > a:hover:before, #subnavigation nav > ul > li > a:hover:after {
    opacity: 1;
    transform: translateY(0px);
} 

#subnavigation:after {
    clear: both;
    content: '';
    display: block;
}

#subnavigation > nav {
    float: left;
}

    #subnavigation > nav > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #subnavigation > nav > ul > li {
            margin: 0;
        }

        #subnavigation > nav > ul > li {
            display: inline-block;
            margin-right: 2px;
            position: relative;
        }

            #subnavigation > nav > ul > li > a {
                background-clip: padding-box;
                border-radius: 4px;
                color: #666;
                display: block;
                font-size: 11px;
                line-height: 32px;
                moz-background-clip: padding;
                moz-border-radius: 4px;
                ms-background-clip: padding-box;
                ms-border-radius: 4px;
                o-background-clip: padding-box;
                o-border-radius: 4px;
                padding: 0 12px;
                webkit-background-clip: padding-box;
                webkit-border-radius: 4px;
            }

                #subnavigation > nav > ul > li:hover > a,
                #subnavigation > nav > ul > li > a:hover {
                    color: #333;
                }

                    #subnavigation > nav > ul > li:hover > a .icon,
                    #subnavigation > nav > ul > li > a:hover .icon {
                        ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
                        opacity: .75;
                    }

            #subnavigation > nav > ul > li.active > a {
                background-color: var(--main-color);
                color: #fff;
                text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 2px;
            }

            #subnavigation > nav > ul > li.active .icon {
                ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
                opacity: 1 !important;
            }

            #subnavigation > nav > ul > li:last-child {
                margin-right: 0;
            }

            #subnavigation > nav > ul > li.dd:hover > a {
                background-clip: padding-box;
                border-radius: 4px 4px 0 0;
                moz-background-clip: padding;
                moz-border-radius: 4px 4px 0 0;
                ms-background-clip: padding-box;
                ms-border-radius: 4px 4px 0 0;
                o-background-clip: padding-box;
                o-border-radius: 4px 4px 0 0;
                webkit-background-clip: padding-box;
                webkit-border-radius: 4px 4px 0 0;
            }

            #subnavigation > nav > ul > li.dd.active > a:after {
                border-top-color: #fff;
            }

            #subnavigation > nav > ul > li > ul {
                background-clip: padding-box;
                background-color: #eee;
                /*border-radius: 0 4px 4px 4px;*/
                box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
                display: none;
                list-style: none;
                margin: 0;
                moz-background-clip: padding;
                moz-border-radius: 0 4px 4px 4px;
                moz-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
                ms-background-clip: padding-box;
                ms-border-radius: 0 4px 4px 4px;
                ms-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
                o-background-clip: padding-box;
                o-border-radius: 0 4px 4px 4px;
                o-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
                padding: 0;
                padding: 4px;
                position: absolute;
                webkit-background-clip: padding-box;
                webkit-border-radius: 0 4px 4px 4px;
                webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
                z-index: 9;
            }

                #subnavigation > nav > ul > li > ul > li {
                    margin: 0;
                }

                #subnavigation > nav > ul > li > ul > li {
                    border-top: 1px solid #ddd;
                }

                    #subnavigation > nav > ul > li > ul > li:first-child {
                        border-top: 0;
                    }

                    #subnavigation > nav > ul > li > ul > li > a {
                        background-clip: padding-box;
                        /*border-radius: 4px;*/
                        color: #333;
                        display: block;
                        font-size: 12px;
                        font-weight: 400;
                        line-height: 24px;
                        min-width: 120px;
                        moz-background-clip: padding;
                        moz-border-radius: 4px;
                        ms-background-clip: padding-box;
                        ms-border-radius: 4px;
                        o-background-clip: padding-box;
                        o-border-radius: 4px;
                        padding: 0 8px;
                        webkit-background-clip: padding-box;
                        webkit-border-radius: 4px;
                    }

                        #subnavigation > nav > ul > li > ul > li > a:hover {
                            background-color: var(--main-color);
                            color: #fff;
                        }

            #subnavigation > nav > ul > li:hover > ul {
                display: block;
            }

#subnavigation #cart {
    float: right;
}

    #subnavigation #cart > a {
        background-clip: padding-box;
        background-color: #eee;
        border-radius: 4px;
        color: #666;
        display: block;
        font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
        font-weight: 600;
        moz-background-clip: padding;
        moz-border-radius: 4px;
        ms-background-clip: padding-box;
        ms-border-radius: 4px;
        o-background-clip: padding-box;
        o-border-radius: 4px;
        padding: 0 12px;
        webkit-background-clip: padding-box;
        webkit-border-radius: 4px;
    }

        #subnavigation #cart > a:before {
            background-image: url("../images/new_breadcrumb_cart.png");
            background-repeat: no-repeat;
            background-size: 12px 132px;
            background-position: 0 0;
            content: '';
            display: inline-block;
            height: 12px;
            margin-right: 4px;
            vertical-align: middle;
            width: 12px;
        }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #subnavigation #cart > a:before {
        background-image: url("../images/new_breadcrumb_cart@2x.png");
    }
}

#subnavigation #cart > a > span {
    display: inline-block;
    line-height: 32px;
    vertical-align: middle;
}

#subnavigation #cart > a > var {
    color: var(--main-color);
    display: inline-block;
    font-size: 24px;
    font-style: normal;
    line-height: 32px;
    margin-left: 8px;
    vertical-align: middle;
}

#subnavigation #cart > a:hover {
    background-color: #fff;
    color: #333;
}

    #subnavigation #cart > a:hover > var {
        color: var(--link-hover);
    }

#subnavigation .icon {
    background-image: url("../images/subnav_icons.png");
    background-repeat: no-repeat;
    background-size: 32px 256px;
    display: inline-block;
    height: 16px;
    margin: -1px 2px 1px -2px;
    ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    vertical-align: text-bottom;
    width: 16px;
}


@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #subnavigation .icon {
        background-image: url("../images/subnav_icons@2x.png");
    }
}
.cart-shipping {
	background-color: #FFF;
    border: 1px solid #E5E2E2;
    color: #666666;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 10px;
    width: 94%;
    cursor: pointer;
    border-radius: 2px;
}
.cart-shipping:hover {
	background-color: #EEEDED;
    color: #333333;
}
.cart-shipping > a,
.cart-shipping > a:active,
.cart-shipping > a:hover {
	color: #666666;
}
.shipping_days {
	color: #9e9e9e;
	font-size:12px;
}
.truck {
	background-image: url("/images/truck.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    padding-right: 5px;
    width: 16px;
}
.arrow:after {
    border-color: transparent;
    border-style: solid;
    border-top-color: #999;
    border-width: 5px;
    content: '';
    display: inline-block;
    height: 0;
    margin: 12px -2px -4px 4px;
    width: 0;
}
/* Alt Sizing */
#alt_sizes {
    margin-top:0px;
	margin-bottom: 20px;
}
.size_button {
	cursor: pointer;
	display: inline-block;
    border: solid 0.5px #d8d8d8;
    padding: 4px;
    font-size: 14px;
    background-color: #fff;
    min-width: 30px;
    text-align: center;
    height: 20px;
    margin-right: 2px;
    color: var(--font-color-alt);
}
.sizeBtnRadius{
    border-radius: 4px;
}
	.size_button.selected {
		color:#FFF;
	}
#alt_styles {}
.style_button {
	cursor: pointer;
	display: inline-block;
    border: solid 1px #d8d8d8;
    padding: 4px;
    font-size: 14px;
    background-color: #fff;
    min-width: 30px;
    text-align: center;
    height: 20px;
    margin-right:2px;
    box-shadow: 3px 3px 4px 0px #c5c5c5;
}

.shirt_icons {
    background-image: url("/images/all_styles.png?v=1.23");
    background-repeat: no-repeat;
    background-size: auto 180px;
    border-radius: 4px;
    content: '';
    display: block;
    float: left;
    height: 60px;
    width: 50px;
    padding: 0px;

}
.shirt_icons.black {
    background-image: url("/images/all_styles_black.png?v=1.23");
    background-repeat: no-repeat;
    background-size: auto 180px;
    border-radius: 4px;
    content: '';
    display: block;
    float: left;
    height: 60px;
    width: 50px;
    padding: 0px;
}

	.shirt_icons.standard {
	    background-position: 0 0px;
	}
	.shirt_icons.mensfitted {
	    background-position: -50px 0px;
	}
	.shirt_icons.ladies {
	    background-position: -100px 0px;
	}
	.shirt_icons.hoodie {
	    background-position: -150px 0px;
	}
	.shirt_icons.apron {
	    background-position: -200px 0px;
	}
	.shirt_icons.vneck {
	    background-position: -250px 0px;
	}
	.shirt_icons.tanktop {
	    background-position: -300px 0px;
	}
	.shirt_icons.babyonepiece {
	    background-position: -350px 0px;
	}
	.shirt_icons.phonecase {
		background-position: -400px 0px;
	}
    .shirt_icons.kids {
        background-position: -450px 0px;
    }
    .shirt_icons.hat {
        background-position: -500px 0px;
    }
    .shirt_icons.mug {
        background-position: -550px 0px;
    }
    .shirt_icons.longsleeve {
		background-position: -600px 0px;
	}
    /* Row 2 */
	.shirt_icons.ladiespremium {
		background-position: -0px -60px;
	}
	.shirt_icons.ladiestanktop {
		background-position: -50px -60px;
	}
    .shirt_icons.crewnecksweatshirt {
        background-position: -100px -60px;
    }
    .shirt_icons.baseballraglan {
        background-position: -150px -60px;
    }
    .shirt_icons.dog {
        background-position: -200px -60px;
    }
    .shirt_icons.totebag {
        background-position: -250px -60px;
    }
    .shirt_icons.mousepad {
        background-position: -300px -60px;
    }
    .shirt_icons.framedcanvas {
        background-position: -350px -60px;
    }
    .shirt_icons.stretchedcanvas {
        background-position: -350px -60px;
    }
    .shirt_icons.travelmug {
        background-position: -400px -60px;
    }
    .shirt_icons.towel {
        background-position: -450px -60px;
    }
    .shirt_icons.facemask {
        background-position: -500px -60px;
    }
    .shirt_icons.neckgaiter {
        background-position: -550px -60px;
    }
    .shirt_icons.posterpaper {
        background-position: -600px -60px;
    }
    /* Row 3 */
    .shirt_icons.truckerhat {
        background-position: -0px -120px;
    }
    .shirt_icons.peelandstick {
        background-position: -50px -120px;
    }
    .shirt_icons.canvasthrowpillow,
    .shirt_icons.suedethrowpillow {
        background-position: -100px -120px;
    }
    .shirt_icons.puzzle {
        background-position: -150px -120px;
    }
    .shirt_icons.snowflakeornament {
        background-position: -200px -120px;
    }
    .shirt_icons.vintageunisex {
        background-position: -250px -120px;
    }
    .shirt_icons.tiedye {
        background-position: -300px -120px;
    }
    .shirt_icons.kidstiedye {
        background-position: -350px -120px;
    }
    .shirt_icons.youthhoodie {
        background-position: -400px -120px;
    }
    .shirt_icons.babybib {
        background-position: -450px -120px;
    }
    .shirt_icons.ringer {
		background-position: -500px -120px;
	}
.alt_style_name {
	font-size: 17px;
    font-weight: 400;
}

.itemInfoTitle{
    font-size: 17px; 
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 20px;
}
.dropdown-list-wrap {
	margin: 20px 0px;
}

/* Font Awesome Colors */
.fa-black {
	color: #000;
}
.fa-green {
	color: #00B928;
}
.fa-yellow {
	color: #A4A703;
}
.fa-red {
	color: #D82929;
}
.fa-blue {
	color: #446BF7;
}
.fa-gray {
	color: #A59C9C;
}
.fa-space {
	padding-left:5px;
}
.onsale {
    background-position: 0 -16px;
}
.active .onsale {
    background-position: -16px -16px;
}
.topsellers {
    background-position: 0 -32px;
}
.active .topsellers {
    background-position: -16px -32px;
}
.newitems {
    background-position: 0 -128px;
}
.active .newitems {
    background-position: -16px -128px;
}
.featureditems {
    background-position: 0 -48px;
}
.active .featureditems {
    background-position: -16px -48px;
}
.admin {
    background-position: 0 -64px;
}
.active .admin {
    background-position: -16px -64px;
}
.logout {
    background-position: 0 -80px;
}
.active .logout {
    background-position: -16px -80px;
}
.sold {
    background-position: 0 -96px;
}
.active .sold {
    background-position: -16px -96px;
}
.shoppers {
    background-position: 0 -112px;
}
.active .shoppers {
    background-position: -16px -112px;
}
.promo {
    background-position: 0 -128px;
}
.active .promo {
    background-position: -16px -128px;
}
.settings {
    background-position: 0 -144px;
}
.active .settings {
    background-position: -16px -144px;
}
.pages {
    background-position: 0 -160px;
}
.active .pages {
    background-position: -16px -160px;
}
.categories {
    background-position: 0 -176px;
}
.active .categories {
    background-position: -16px -176px;
}
.plugins {
    background-position: 0 -192px;
}
.active .plugins {
    background-position: -16px -192px;
}
.stats {
    background-position: 0 -208px;
}
.active .stats {
    background-position: -16px -208px;
}
.help {
    background-position: 0 -224px;
}
.active .help {
    background-position: -16px -224px;
}
.showComment.false {
    display: none;
}
.customerInfo > div {
    margin-left: 10px;
    padding-bottom: 15px;
}
.section {
	vertical-align: top;
	max-width: 300px;
	min-width: 300px;
	display: inline-block;
	padding: 5px;
}
.advancedFeatures.hidden {display:none;}
#breadcrumb {
    border-top: 1px solid #ddd;
    clear: both;
    color: #666;
    font-size: 11px;
    font-weight: 700;
    line-height: 32px;
    margin-top: 16px;
    min-height: 32px;
    overflow: hidden;
    padding: 0 !important;
    text-transform: uppercase;
}

    #breadcrumb > ul {
        list-style: none;
        margin: 0;
        padding: 0 8px;
        padding: 0;
    }

        #breadcrumb > ul > li {
            margin: 0;
        }

        #breadcrumb > ul > li {
            background-image: url("../images/new_breadcrumb_cart.png");
            background-position: right -36px;
            background-repeat: no-repeat;
            background-size: 12px 132px;
            float: left;
            padding-right: 12px;
        }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #breadcrumb > ul > li {
        background-image: url("../images/new_breadcrumb_cart@2x.png");
    }
}

#breadcrumb > ul > li > a {
    color: var(--font-color);
    display: block;
    padding: 0 8px;
    text-decoration: none;
}

    #breadcrumb > ul > li > a:hover {
        color: var(--main-color);
    }

#breadcrumb > ul > li.top {
    background: none;
    float: right;
    padding: 0;
}

    #breadcrumb > ul > li.top > a {
        background-image: url("../images/new_breadcrumb_cart.png");
        background-position: 12px 132px;
        background-repeat: no-repeat;
        background-size: 12px 132px;
    }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #breadcrumb > ul > li.top > a {
        background-image: url("../images/new_breadcrumb_cart@2x.png");
    }
}

#breadcrumb > ul > li.home > a {
    background-image: url("../images/new_breadcrumb_cart.png");
    background-position: left -68px;
    background-repeat: no-repeat;
    background-size: 12px 132px;
    display: block;
    padding-left: 20px;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #breadcrumb > ul > li.home > a {
        background-image: url("../images/new_breadcrumb_cart@2x.png");
    }
}


#siteinfo {
    /*Ã¥
    background-image: linear-gradient(top, rgba(0,0,0,.15) 0%, rgba(0,0,0,0) 50%);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.15) 0%, rgba(0,0,0,0) 50%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.15) 0%, rgba(0,0,0,0) 50%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,.15) 0%, rgba(0,0,0,0) 50%);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.15) 0%, rgba(0,0,0,0) 50%);*/
    clear: both;
    overflow: hidden;
    text-align: center;
    padding-top:40px;
}

#footer {
    color: #666;
    padding: 0px 100px;
    text-transform: uppercase;
}
    #footer:after {
        clear: both;
        content: '';
        display: block;
    }
#siteinfo-payment {
    float: left;
    width:33%;
}
#siteinfo-payment > img {
    height: 25px;
}
#siteinfo-contact {
    float: left;
    width:33%;
}
#siteinfo-address {
    float: right;
    width:33%;
}
#siteinfo-company{
    float: left;
}
#siteinfo-community{
    float: left;
    margin-left:30%;
}
#siteinfo-social{
    float:right;
}
#siteinfo-social img{
    width: 14px;
    margin-bottom: 1px;
}
        #footer > div#siteinfo-content {
            border-bottom: 0;
            float: right;
            margin-right: 0;
        }

    #footer a {
        color: #666;
        text-decoration: none;
    }

        #footer a:hover {
            color: var(--main-color);
        }

    #footer h3 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    #footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #footer ul > li {
            margin: 0;
        }

    #footer .copyright {
        font-size: 11px;
        margin: 40px 0 0;
    }

    #footer .footer-logo {
        font-size: 16px;
        text-transform: uppercase;
    }

        #footer .footer-logo > span {
            color: var(--main-color);
        }

            #footer .footer-logo > span + span {
                color: white;
                font-family: "Segoe WP Light", "Segoe UI Light", "Segoe UI Web Light", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
                font-weight: 100;
            }

.performance {
    background-color: var(--bg-color);
    border: 1px solid #d3d2d2;
    padding: 10px;
    margin-top:20px;
}

    .performance ul {
        display: -moz-box;
		display: -webkit-box;
		display: box;
		list-style: none;
    	margin-left: 10px;
		width: 100%;
		display:table-row;	
		
    }

    .performance li {
        display:table-cell;
		vertical-align: middle;			
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		list-style: none;
		margin: 10px;
	 	padding-right: 20px;
	 	height: 15px;
        width: 15%;
    }
    .performance.wrap.minimized {
        max-height: 80px;
        overflow-y: hidden;
    }
    .performance.wrap.minimized:hover {
        max-height: 100%;
    }
#categorySideNav{
    color:white;
    font-size:14px;
    cursor:pointer;
    float:left;
    background-color:var(--main-color);
    padding:5px 15px; 
    width:100px;
    height:23px;
    text-align: center;
    border-radius:0 0 8px 0;
    position: absolute;
    z-index: 1;
    transition: width 0.25s;
}

#categorySideNav:hover{
    width: 130px; 
}
.sidenav {
    height: 95%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    float:left;
    text-transform: uppercase;
}

.sidenav li {
    list-style-type:none;
    margin-bottom: -5px;
}
.sidenav a {
    padding: 8px 8px 8px 16px;
    text-decoration: none;
    font-size: 15px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    top: 10px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
#body {
    background-color: var(--bg-color);
    clear: both;
    position: relative;
    z-index: 1;
}

    #body .wrap {
        padding: 5px 10px;
    }

        #body .wrap:after {
            clear: both;
            content: '';
            display: block;
        }

#main {
    padding: 0 16px;
}

    #mainBar.full {
        float:left;
        text-align: center;
        margin-top:20px;
        width: 100%;
    }
#mainBar.withsidecat{
    float:left;
        text-align: center;
        margin-top:20px;
        width: 766px;
}
    #main.blog {
        float:left;
        margin-top:20px;
        /*width: 776px;*/
        width:100%;
        margin-left:-16px;
    }

#sidebar {
    color: #afafaf;
    float: right;
    margin-right: 16px;
    text-transform: uppercase;
    width: 160px;
    margin-top:20px;
}

    #sidebar #sidebar-categories {
        margin: 0 0 24px;
    }

    #sidebar h4 {
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 6px;
    }

        #sidebar h4 a {
            color: #afafaf;
        }

    #sidebar ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #sidebar ul > li {
            margin: 0;
        }

        #sidebar ul li {
            font-size: 13px;
            padding-top: 2px;
        }

            #sidebar ul li > a {
                background-clip: padding-box;
                /*border-radius: 4px;*/
                display: block;
                line-height: 30px;
                moz-background-clip: padding;
                moz-border-radius: 4px;
                ms-background-clip: padding-box;
                ms-border-radius: 4px;
                o-background-clip: padding-box;
                o-border-radius: 4px;
                padding: 0 4px 0 16px;
                webkit-background-clip: padding-box;
                webkit-border-radius: 4px;
            }

                #sidebar ul li > a:hover {
                    background-color: #eee;
                }

            #sidebar ul li.active > a {
                background-color: var(--main-color);
                /*
                background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
                background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
                background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
                background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
                background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
                */
                color: #fff;
                font-weight: 700;
                text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 2px;
            }

    #sidebar #sidebar-newsletter input {
        margin-bottom: 4px;
        width: 148px;
    }


#promos-large{
    float:left;
}
#promos-small-left{
    float:left;
}
#promos-small-right{
    float:right;
}

.imgbox{
    text-align:center; 
    display: inline;
    width:100%;
}
.imgbox ul{
    padding:0px; 
    margin:0px;
}
.imgbox ul li{
    float:left; 
    list-style:none; 
    width:100%;
}
.imgbox ul li.select{
    display:block;
}
.imgbox ul li a{
    display: block;
}

.imgnum1 span{
    border-radius:50%; 
    width: 10px; 
    height: 10px; 
    margin-left:5px; 
    background-color:grey; 
    cursor:pointer;
    display:inline-block;       
}
.imgnum1 span.onselect{
    background-color:black;
}
.imgnum1{
    text-align:center; 
    position:relative;
}


.imgnum2 span{
    border-radius:50%; 
    width: 10px; 
    height: 10px; 
    margin-left:5px; 
    background-color:grey; 
    cursor:pointer;
    display:inline-block;      
}
.imgnum2 span.onselect{
    background-color:black;
}
.imgnum2{
    text-align:center; 
    position:relative;
}


.imgnum3 span{
    border-radius:50%; 
    width: 10px; 
    height: 10px; 
    margin-left:5px; 
    background-color:grey; 
    cursor:pointer;
    display:inline-block;      
}
.imgnum3 span.onselect{
    background-color:black;
}
.imgnum3{
    text-align:center; 
    position:relative;
}

.imgnum4 span{
    border-radius:50%; 
    width: 10px; 
    height: 10px; 
    margin-left:5px; 
    background-color:grey; 
    cursor:pointer;
    display:inline-block;  
}
.imgnum4 span.onselect{
    background-color:black;
}
.imgnum4{
    text-align:center; 
    position:relative;
}

#promos-x-large img{
    height: auto;
    width: 100%;
}



#promos {
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


#promos-large {
    margin-right: 12px;
}

    #promos-large img {
        height: 230px;
        width: 494.5px;
    }

#promos-small-left {
    margin-right: 4px;
}

    #promos-small-left img,
    #promos-small-right img {
        height: 230px;
        width: 235.75px;
    }

.upload-gallery {
    width: 100%;
    min-height: 250px;
    display: inline-block;
    padding: 0 5px;
}

    .upload-gallery > .box {
        max-width: 200px;
        height: 200px;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
    }

        .upload-gallery > .box > img {
            max-width: 200px;
            max-height: 200px;
        }

        .upload-gallery > .box.new {
            width: 200px;
            height: 200px;
            border: dashed 1px #000;
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            background-image: url("../images/upload_new_image.png");
            background-repeat: no-repeat;
            background-position: center;
        }

        .upload-gallery > .box > .options {
            background-color: rgba(0, 0, 0, 0.5);
            bottom: 0;
            position: absolute;
            width: 50%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            line-height: 20px;
            padding: 0 5px;
            display: block;
            font-size: 11px;
        }

            .upload-gallery > .box > .options.remove {
                color: #FFF;
                right: 0;
                text-align: right;
                cursor: pointer;
            }

            .upload-gallery > .box > .options.update {
                color: #FFF;
                left: 0;
                cursor: pointer;
            }

.price-adjust-window {
    display: none;
    background-color: #e9e9e9;
    border: 1px solid #d3d2d2;
    position: absolute;
    width: 200px;
    height: 100px;
    font-size: 15px;
}

    .price-adjust-window > .button {
        width: 15px;
        height: 15px;
        font-size: 20px;
    }

.itemtiles {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
    text-align: center;
    text-transform: uppercase;
}

.item {
    display: inline-block;
    height: 136px;
    margin: 1px;
    position: relative;
    vertical-align: top;
    width: 150px;
    background-color: grey;
}

    .item > figure {
        background-color: #fff;
        height: 136px;
        moz-transition: all 0.05s ease-in-out;
        ms-transition: all 0.05s ease-in-out;
        o-transition: all 0.05s ease-in-out;
        overflow: hidden;
        position: relative;
        text-align: center;
        transition: all 0.05s ease-in-out;
        webkit-transition: all 0.05s ease-in-out;
        width: 150px;
    }

        .item > figure .item-sale,
        #canvas-wrap > .item-sale {
            background-image: url("../images/sale.png");
            background-repeat: no-repeat;
            background-size: 78px 78px;
            display: block;
            height: 78px;
            left: 0;
            position: absolute;
            top: 0;
            width: 78px;
        }
        #canvas-wrap > .item-sale {
            position: absolute;
            z-index: 100;
            left: auto !important;
            top: auto !important;
        }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .item > figure .item-sale {
        background-image: url("../images/sale@2x.png");
    }
}

.item > figure > img {
    display: inline-block;
    height: 136px;
    moz-transition: all 0.05s ease-in-out;
    ms-transition: all 0.05s ease-in-out;
    o-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;
    webkit-transition: all 0.05s ease-in-out;
    width: 150px;
}

.item > figure > figcaption {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
    bottom: 0;
    color: #fff;
    display: none;
    font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 300;
    left: 0;
    line-height: 20px;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    text-align: left;
    text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 2px;
    
}

.item > figure var {
    /*color: var(--main-color);
    font-style: normal;
    font-weight: 900;
    margin: 0 4px;
    */
    color: var(--main-color);
    font-style: normal;
    font-weight: 900;
    position: absolute;
    bottom: 6px;
    left: 14px;
}
.item > figure button{
    float:right;
    margin: 4px -8px 0 0;
}
.item > figure var > span {
	font-size: 10px;
}
.item:hover {
    z-index: 2;
}

    .item:hover > figure {
        border: 2px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.35) 0 4px 16px;
        height: 236px;
        margin: -52px -52px;
        moz-box-shadow: rgba(0, 0, 0, 0.35) 0 4px 16px;
        ms-box-shadow: rgba(0, 0, 0, 0.35) 0 4px 16px;
        o-box-shadow: rgba(0, 0, 0, 0.35) 0 4px 16px;
        webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 4px 16px;
        width: 250px;
    }

        .item:hover > figure > img {
            height: 236px;
            width: 250px;
        }

        .item:hover > figure > figcaption {
            display: block;
        }

.item:active > figure {
    opacity: .9;
}

.tshirt {
    background-clip: padding-box;
    background-color: var(--wrap-bg-color);
    border-radius: 4px;
    moz-background-clip: padding;
    moz-border-radius: 4px;
    ms-background-clip: padding-box;
    ms-border-radius: 4px;
    o-background-clip: padding-box;
    o-border-radius: 4px;
    padding: 16px;
    webkit-background-clip: padding-box;
    webkit-border-radius: 4px;
}

    .tshirt:after {
        clear: both;
        content: '';
        display: block;
    }

    .tshirt figure {
        background-color: #fff;
        border: 3px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.15) 0 4px 16px;
        float: left;
        margin-right: 24px;
        max-width: 100%;
        moz-box-shadow: rgba(0, 0, 0, 0.15) 0 4px 16px;
        ms-box-shadow: rgba(0, 0, 0, 0.15) 0 4px 16px;
        o-box-shadow: rgba(0, 0, 0, 0.15) 0 4px 16px;
        text-align: center;
        webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 4px 16px;
        width: 100%;
        position:relative;
        min-height: 370px;
        min-height: 500px;
    }

.overlay {
    position: absolute;
    right: 0;
    z-index: 999;
}

.tshirt figure .Navy {
    background-image: url("../images/shirts/NavyTshirt.png");
}

.tshirt figure > .item-sale {
    background-image: url("../images/sale.png");
    background-repeat: no-repeat;
    background-size: 78px 78px;
    display: block;
    height: 78px;
    position: absolute;
    width: 78px;
}

.tshirt figure img {
    /*box-shadow: #dddddd 0 0 0 1px;*/
    height: auto;
    max-width: 100%;
    moz-box-shadow: #dddddd 0 0 0 1px;
    ms-box-shadow: #dddddd 0 0 0 1px;
    o-box-shadow: #dddddd 0 0 0 1px;
    webkit-box-shadow: #dddddd 0 0 0 1px;
    width: 400px;
}

.tshirt figure .noPreview {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #e9e9e9;
    display: none;
    font-size: 14px;
    height: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.tshirt .tshirtinfo {
    float: right;
    width: 496px;
}

.tshirt .tshirtLeftView {
    float: left;
    width: 400px;
}
.tshirt .tshirtLeftView.large {
	width: 510px;
}
    .tshirt .tshirtinfo h1 {
        font-size: 20px;
        color: var(--font-color);
        font-weight: 600;
        margin-bottom: 20px;
    }

    .tshirt .tshirtinfo h2 {
        font-size: 40px;
        line-height: 48px;
    }

    .tshirt .tshirtinfo .dropdown {
        background-color: #fff;
        border: 1px solid #ddd;
        color: #333;
        font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
        font-weight: 600;
        margin-right: 10px;
        max-width: none;
        min-width: 110px;
        min-height: 28px;
    }

        .tshirt .tshirtinfo .dropdown:hover {
            border-color: #5ab4de;
        }

        .tshirt .tshirtinfo .dropdown > span {
            font-size: 16px;
            line-height: 25px;
            max-width: none;
            width: 146px;
        }

            .tshirt .tshirtinfo .dropdown > span:after {
                border-width: 8px;
                top: 10px;
            }

    .tshirt .tshirtinfo .tshirtinfostyle {
        margin-bottom: 15px;
        float: left;
    }

    .tshirt .tshirtinfo .tshirtinfosize {
        margin-bottom: 8px;
        float: left;
    }
        .tshirt-stock-level {
            font-size: 15px;
            padding-bottom: 10px;
        }
            .tshirt-stock-level > span {
                font-weight: bold;
                font-size: 15px;
            }

        .tshirt .tshirtinfo .tshirtinfosize .tshirtinfosizingchart {
            display: inline-block;
            font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
            font-weight: 600;
            line-height: 32px;
            vertical-align: middle;
            float: left;
        }

    .tshirt .tshirtinfo .tshirtinfoorder {
        clear: both;
        display: -webkit-flex;
        display:flex;
    }
    .tshirt .tshirtinfo .tshirtpriceinfo {
        clear: both;
    }

.warning-msg-size { 
	display: none;
} 
.dropdown-content li:hover {
    background-color: var(--main-color);
}
.style_button.selected {
	background-color: var(--main-color);
}
.style_button:hover{
    border-color: var(--main-color);
}

.size_button:hover{
    border-color: var(--main-color);
}
	.size_button.selected {
		background-color: var(--main-color);
	}
        .tshirt .tshirtinfo .tshirtpriceinfo var {
            color: var(--main-color);
            display: inline-block;
            font-family: "Segoe WP Semi Light", "Segoe UI Semi Light", "Segoe UI Web Semi Light", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
            font-size: 34px;
            font-style: normal;
            font-weight: 300;
            line-height: 20px;
            margin-right: 16px;
            vertical-align: middle;
            float: right;
        }

.tshirt .tshirtinfo .tshirtinfoorder .large {
    font-size:30px;
    font-weight: 400;
    margin-right: -3px;
}
        .tshirtInfoSupPrice{
            color:#71b8cc;
            font-size:18px;
            font-weight: 100;
        }
        .tshirt .tshirtinfo .tshirtinfoorder .add-cart {
            font-size: 13px;
            min-height: 22px;
            padding: 3px 15px 3px 15px;
        }

    .tshirt .tshirtinfo p {
        font-size: 12px;
    }

    .tshirt .tshirtLeftView .note {
        width:390px;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        color: #666;
        font-size: 11px;
        line-height: 20px;
        /*margin: 10px 0 0;*/
        padding: 10px 10px;
        background:#fff;
    }
.note > img {
    		height: auto;
    		width: 100%;
    	}
.tshirt .tshirtLeftView .large{
    /*margin-top:20px;*/
}
.leftCornerMobile{
    display: none;
}
.noteMobile{
    /*display:none;*/
}
.tshirtinfoswatch {
    padding-left: 0px;
    margin-bottom: 0px;
}

.swatchCircle li {
    border: solid 1px #000;
    border-radius: 100%;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
    list-style-type: none;
    margin: 2px;
    padding: 3px 3px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.swatchCircle li:hover {
    padding: 5px 5px;
    margin: 0;
}

.swatchSquare li {
    border: solid 1px #000;
    width: 15px; height: 15px;
    list-style-type: none;
    margin: 2px;
    padding: 3px 3px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.swatchSquare li:hover {
    padding: 5px 5px;
    margin: 0;
}



.tshirt .tshirtinfoswatch .selected {
    border: solid 3px #000;
}

.tshirtinfoswatch > .black {
    background-color: #000;
    border: solid 3px #000;
}
.tshirtinfoswatch > .white {
    background-color: #FFF;
    border: solid 3px #FFF;
}
.tshirtinfoswatch > .charcoalgrey {
    background-color: #474748;
    border: solid 3px #474748;
}
.tshirtinfoswatch > .daisy {
    background-color: #efce1f;
    border: solid 3px #efce1f;
}
.tshirtinfoswatch > .darkchocolate {
    background-color: #54453d;
    border: solid 3px #54453d;
}
.tshirtinfoswatch > .forestgreen {
    background-color: #214637;
    border: solid 3px #214637;
}
.tshirtinfoswatch > .gold {
    background-color: #d5ab47;
    border: solid 3px #d5ab47;
}
.tshirtinfoswatch > .irishgreen {
    background-color: #50af72;
    border: solid 3px #50af72;
}
.tshirtinfoswatch > .lightblue {
    background-color: #96bddf;
    border: solid 3px #96bddf;
}
.tshirtinfoswatch > .lightpink {
    background-color: #e8a4a7;
    border: solid 3px #e8a4a7;
}
.tshirtinfoswatch > .militarygreen {
    background-color: #4e5347;
    border: solid 3px #4e5347;
}
.tshirtinfoswatch > .navy {
    background-color: #11285a;
    border: solid 3px #11285a;
}
.tshirtinfoswatch > .orange {
    background-color: #e76621;
    border: solid 3px #e76621;
}
.tshirtinfoswatch > .purple {
    background-color: #52316d;
    border: solid 3px #52316d;
}
.tshirtinfoswatch > .red {
    background-color: #d72739;
    border: solid 3px #d72739;
}
.tshirtinfoswatch > .royalblue {
    background-color: #3572b5;
    border: solid 3px #3572b5;
}
.tshirtinfoswatch > .sportgrey {
    background-color: #a9a9aa;
    border: solid 3px #a9a9aa;
}
.tshirtinfoswatch > .tan {
    background-color: #ddccae;
    border: solid 3px #ddccae;
}

.tshirtinfoswatch > .navyringer {
    background-color: #FFF;
    border: solid 3px navy;
}
.tshirtinfoswatch > .blackringer {
    background-color: #FFF;
    border: solid 3px black;
}
.tshirtinfoswatch > .redringer {
    background-color: #FFF;
    border: solid 3px red;
}
.tshirtinfoswatch > .irishgreenringer {
    background-color: #FFF;
    border: solid 3px #599b64;
}
.tshirtinfoswatch > .royalblueringer {
    background-color: #FFF;
    border: solid 3px #2b206b;
}
.tshirtinfoswatch > .whiteblackaccent {
    background-color: #FFF;
    border: solid 3px #000;
}
.tshirtinfoswatch > .whitelightblueaccent {
    background-color: #FFF;
    border: solid 3px #00A3E0;
}
.tshirtinfoswatch > .whiteredaccent {
    background-color: #FFF;
    border: solid 3px red;
}
.tshirtinfoswatch > .whitepinkaccent {
    background-color: #FFF;
    border: solid 3px #E4A9BB;
}
.tshirtinfoswatch > .whiteorangeaccent  {
    background-color: #FFF;
    border: solid 3px #DC4405;
}
.tshirtinfoswatch > .whitelightgreenaccent {
    background-color: #FFF;
    border: solid 3px #A4D65E;
}
.tshirtinfoswatch > .whitenavyaccent {
    background-color: #FFF;
    border: solid 3px #250E62;
}
.tshirtinfoswatch > .burgundy {
    background-color: #b0486b;
    border: solid 3px #b0486b;
}
.tshirtinfoswatch > .greyblack {
    background-color: #a9a9aa;
    border: solid 3px #000000;
}
.tshirtinfoswatch > .whiteblack {
    background-color: #ffffff;
    border: solid 3px #000000;
}
.tshirtinfoswatch > .blackwhite {
    background-color: #000000;
    border: solid 3px #ffffff;
}
.tshirtinfoswatch > .whitenavy {
    background-color: #ffffff;
    border: solid 3px #11285a;
}
.tshirtinfoswatch > .whitered {
    background-color: #ffffff;
    border: solid 3px #d72739;
}
.tshirtinfoswatch > .greyred {
    background-color: #a9a9aa;
    border: solid 3px #d72739;
}
.tshirtinfoswatch > .greynavy {
    background-color: #a9a9aa;
    border: solid 3px #11285a;
}
.tshirtinfoswatch > .greyroyal {
    background-color: #a9a9aa;
    border: solid 3px #3572b5;
}
.tshirtinfoswatch > .whiteroyal {
    background-color: #ffffff;
    border: solid 3px #3572b5;
}
.tshirtinfoswatch > .hotpink {
    background-color: #eb659b;
    border: solid 3px #eb659b;
}
.tshirtinfoswatch > .natural {
    background-color: #eadfd6;
    border: solid 3px #eadfd6;
}
.tshirtinfoswatch > .stainlesssteel {
    background-color: #C0C0C0;
    border: solid 3px #b8b8b8;
}
.tshirtinfoswatch > .colorchanging {
    background: linear-gradient(1deg, #000, #FFF);
    border: solid 3px #FFF;
    background-color: #000;
}
.tshirtinfoswatch > .aloe {
    background-color: #928e48;
    border: solid 3px #928e48;
}
.tshirtinfoswatch > .bluejean {
    background-color: #777c89;
    border: solid 3px #777c89;
}
.tshirtinfoswatch > .brick {
    background-color: #916d6e;
    border: solid 3px #916d6e;
}
.tshirtinfoswatch > .salmon {
    background-color: #f76f63;
    border: solid 3px #f76f63;
}
.tshirtinfoswatch > .lightgreen {
    background-color: #5c7664;
    border: solid 3px #5c7664;
}
.tshirtinfoswatch > .grey {
    background-color: #95958d;
    border: solid 3px #95958d;
}
.tshirtinfoswatch > .pepper {
    background-color: #5c5e5d;
    border: solid 3px #5c5e5d;
}
.tshirtinfoswatch > .periwinkle {
    background-color: #8c9ad7;
    border: solid 3px #8c9ad7;
}
.tshirtinfoswatch > .watermelon {
    background-color: #f58a7c;
    border: solid 3px #f58a7c;
}
.tshirtinfoswatch > .crimsonred {
    background-color: #8c4549;
    border: solid 3px #8c4549;
}
.tshirtinfoswatch > .vineyardred {
    background-color: #a5424c;
    border: solid 3px #a5424c;
}
.tshirtinfoswatch > .neongreen {
    background-color: #a2ea00;
    border: solid 3px #a2ea00;
}
.tshirtinfoswatch > .silver {
    background-color: #b9bfc4;
    border: solid 3px #b9bfc4;
}
.tshirtinfoswatch > .azalea {
    background-color: #d36ba1;
    border: solid 3px #d36ba1;
}
.tshirtinfoswatch > .sapphire {
    background-color: #0373b0;
    border: solid 3px #0373b0;
}
.tshirtinfoswatch > .teal {
    background-color: #30b6b8;
    border: solid 3px #30b6b8;
}
.tshirtinfoswatch > .darkgrey {
    background-color: #4c474c;
    border: solid 3px #4c474c;
}
.tshirtinfoswatch > .lightbrown {
    background-color: #857570;
    border: solid 3px #857570;
}
.tshirtinfoswatch > .pink {
    background-color: #d2687d;
    border: solid 3px #d2687d;
}
.tshirtinfoswatch > .citrus {
    background-color: #efce1f;
    border: solid 3px #efce1f;
}
.tshirtinfoswatch > .montereysage {
    background-color: #4e5347;
    border: solid 3px #4e5347;
}
.tshirtinfoswatch > .burntorange {
    background-color: #e76621;
    border: solid 3px #e76621;
}
.tshirtinfoswatch > .royalcaribe {
    background-color: #3572b5;
    border: solid 3px #3572b5;
}
/*NEW*/
.tshirtinfoswatch > .rainbowswirl {
    background-image: linear-gradient(to right, orange , yellow, green, cyan, blue, violet) !important;
    border: solid 3px #b9b9b9;
}
.tshirtinfoswatch > .royalblueswirl {
    background-color: #3572b5;
    border: solid 3px #3572b5;
    background-image: url(/images/swirl.png);
    background-repeat: no-repeat;
    background-size: 23px 23px;
}
.tshirtinfoswatch > .redswirl {
    background-color: #d72739;
    border: solid 3px #d72739;
    background-image: url(/images/swirl.png);
    background-repeat: no-repeat;
    background-size: 23px 23px;
}
.tshirtinfoswatch > .purpleswirl {
    background-color: #52316d;
    border: solid 3px #52316d;
    background-image: url(/images/swirl.png);
    background-repeat: no-repeat;
    background-size: 23px 23px;
}
.tshirtinfoswatch > .orangeswirl {
    background-color: #e76621;
    border: solid 3px #e76621;
    background-image: url(/images/swirl.png);
    background-repeat: no-repeat;
    background-size: 23px 23px;
}
.tshirtinfoswatch > .irishgreenswirl {
    background-color: #50af72;
    border: solid 3px #50af72;
    background-image: url(/images/swirl.png);
    background-repeat: no-repeat;
    background-size: 23px 23px;
}
.tshirtinfoswatch > .goldswirl {
    background-color: #d5ab47;
    border: solid 3px #d5ab47;
    background-image: url(/images/swirl.png);
    background-repeat: no-repeat;
    background-size: 23px 23px;
}
.tshirtinfoswatch > .blackswirl {
    background-color: #000;
    border: solid 3px #000;
    background-image: url(/images/swirl.png);
    background-repeat: no-repeat;
    background-size: 23px 23px;
}
/*
.tshirt .tshirtinfoswatch li > span {
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 100%;
    position: absolute;
    bottom: 3px;
    right: 3px;
    z-index: 2;
}
*/
.tshirt .selectcolour.check {
    background-image: url("../images/swatchcheck.png");
    background-repeat: no-repeat;
	background-size: 21px;
}
.tshirt .selectcolour_alt.check {
    background-image: url("../images/swatchcheck.png");
    background-repeat: no-repeat;
	background-size: 21px;
}

.tshirt .selectcolour_alt.check:hover {
    background-image: url("../images/swatchcheck.png");
    background-repeat: no-repeat;
	background-size: 25px;
}

#currency {
	display:inline-block;
	float: right;
    padding-right: 4px;
}
#currencydrop {
	height: 30px;
    font-size: 11px;
    min-width: 110px;
    max-width: 110px;
}
#currencydrop > span {
	line-height: 32px;
	color: #666;
	padding-left: 10px;
}
#currencydrop > span:after {
	top: 13px;
}
#currencydrop:hover{
    background-color: #fff;
}
.currencyFlag{
    width: 20px; 
    height: 12px; 
    float: right; 
    margin-top: 5px;
}
.currencyMenuFlag{
    width: 20px; 
    height: 12px; 
    float: right; 
    margin-top: 9px;
}
.flagicon { background-image: url(../images/flags.jpg); background-repeat: no-repeat; }
.flag-us { background-position: 0px 0px; }
.flag-ca { background-position: 0px -12px;}
.flag-eu { background-position: 0px -24px;}
.flag-au { background-position: 0px -36px;}
.flag-gb { background-position: 0px -48px;}
#also-like {
    width: 100%;
    min-height: 200px;
}
    #also-like > ul {
        list-style-type: none;
        margin: 0;
        padding: 5px;
        text-align: center;
    }

        #also-like > ul > li {
            display: inline-block;
            max-height: 150px;
            max-width: 150px;
            padding: 5px 15px;
            text-align: center;
        }

            #also-like > ul > li .title {
                white-space: nowrap;
                overflow: hidden;
                width: 100%;
            }

            #also-like > ul > li img {
                max-width: 125px;
                width: 100%;
                height: auto;
            }

.gallery > ul {
    list-style-type: none;
}

    .gallery > ul > li {
        display: inline;
        margin: 0 5px;
    }

        .gallery > ul > li > a > img {
            max-height: 75px;
            max-width: 75px;
        }

.dropdown {
    background-clip: padding-box;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #999;
    display: inline-block;
    font-weight: 700;
    max-width: 120px;
    min-width: 120px;
    moz-background-clip: padding;
    moz-border-radius: 4px;
    ms-background-clip: padding-box;
    ms-border-radius: 4px;
    o-background-clip: padding-box;
    o-border-radius: 4px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
    webkit-background-clip: padding-box;
    webkit-border-radius: 4px;
}

    .dropdown:active {
        background-color: #ddd;
        border-color: #ccc;
    }
    .dropdown.warn {
    	border: solid 2px #c00;
    }
    .dropdown.warn > span {
    	background: #ffcaca;
    }

    .dropdown > span {
        cursor: pointer;
        display: block;
        line-height: 24px;
        /*max-width: 94px;*/
        overflow: hidden;
        padding: 0 26px 0 10px;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
    }

        .dropdown > span:after {
            border-color: transparent;
            border-style: solid;
            border-top-color: #666;
            border-width: 5px;
            content: '';
            display: inline-block;
            height: 0;
            position: absolute;
            right: 8px;
            top: 10px;
            width: 0;
        }

        .dropdown > span > b {
            color: #666;
        }
        

    .dropdown > ul {
        background-clip: padding-box;
        background-color: #eee;
        border-radius: 0 4px 4px 4px;
        box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
        display: none;
        list-style: none;
        margin: 0;
        moz-background-clip: padding;
        moz-border-radius: 0 4px 4px 4px;
        moz-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
        ms-background-clip: padding-box;
        ms-border-radius: 0 4px 4px 4px;
        ms-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
        o-background-clip: padding-box;
        o-border-radius: 0 4px 4px 4px;
        o-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
        padding: 0;
        padding: 4px;
        position: absolute;
        webkit-background-clip: padding-box;
        webkit-border-radius: 0 4px 4px 4px;
        webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 8px;
        z-index: 9;
    }

        .dropdown > ul > li {
            margin: 0;
        }

        .dropdown > ul > li {
            border-top: 1px solid #ddd;
            color: #333;
            cursor: pointer;
            display: block;
            font-size: 12px;
            font-weight: 400;
            line-height: 24px;
            min-width: 120px;
            padding: 0 8px;
            white-space: nowrap;
        }

            .dropdown > ul > li:first-child {
                border-top: 0;
            }

            .dropdown > ul > li:hover {
                background-clip: padding-box;
                background-color: var(--main-color);
                color: #fff;
                moz-background-clip: padding;
                moz-border-radius: 4px;
                ms-background-clip: padding-box;
                ms-border-radius: 4px;
                o-background-clip: padding-box;
                o-border-radius: 4px;
                webkit-background-clip: padding-box;
                webkit-border-radius: 4px;
            }

#gallery > .image {
    display:inline-block;
}
#gallery > .image > .back {
   position: absolute;
    background-color: #cccccc4a;
    width: 100px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #505050;
    text-transform: uppercase;
    margin-left: -100px;
    margin-top: 73px;
}
#gallery > .image.hidden {
    display: none;
}
.tshirtLeftView .social-links {
    clear: both;
    content: '';
    display: block;
    padding-bottom: 5px;
    text-align: center;
    padding-top:10px;
}
.socialicon { background-image: url(../images/social.png); background-repeat: no-repeat; background-size: 22px; height: 22px; margin-top: 4px; }
.share-facebook-icon { background-position: 4px -22px;}
.share-twitter-icon { background-position: 4px -88px;}
.share-pinterest-icon { background-position: 4px -66px;}
.share-googleplus-icon { background-position: 4px -43px;}
.share-email-icon { background-position: 4px 0px;}
.social-button {
    background-clip: padding-box;
    background-color: #999;
    border-color: #999;
    border-radius: 50%;
    border-style: solid;
    border-width: 0;
    height: 30px;
    width: 30px;
    list-style-type: none;
	padding: 3px 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
    color: #fff !important;
    display: inline-block;
    margin: 5px;
    position: relative;
    cursor: pointer;
}
.social-button.twitter {
        background-color: #09bbff;
        border-color: #09bbff;
    }
    .social-button.twitter:hover {
        background-color: #09bbff;
        border-color: #09bbff;
    }

    .social-button.twitter:active {
        background-color: #0075a2;
        border-color: #0075a2;
    }
.social-button.facebook {
    background-color: #3b5997;
    border-color: #3b5997;
}

    .social-button.facebook:hover {
        background-color: #4264a9;
        border-color: #4264a9;
    }

    .social-button.facebook:active {
        background-color: #263960;
        border-color: #263960;
    }

.social-button.pinterest {
    background-color: #d43638;
    border-color: #d43638;
}

    .social-button.pinterest:hover {
        background-color: #d84b4d;
        border-color: #d84b4d;
    }

    .social-button.pinterest:active {
        background-color: #9c2123;
        border-color: #9c2123;
    }

.social-button.googleplus {
    background-color: #d5002c;
    border-color: #d5002c;
}

    .social-button.googleplus:hover {
        background-color: #ef0031;
        border-color: #ef0031;
    }

    .social-button.googleplus:active {
        background-color: #89001c;
        border-color: #89001c;
    }

.social-button.email {
    background-color: #999999;
    border-color: #999999;
}

    .social-button.email:hover {
        background-color: #a6a6a6;
        border-color: #a6a6a6;
    }

    .social-button.email:active {
        background-color: #737373;
        border-color: #737373;
    }

.paymentsheading {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 228px 32px;
    min-height: 32px;
}
.agree-checkout-terms {
	font-size: 15px;
	padding: 5px 0 5px 0;
}
#no-method-checkout {
	display:none;
}
/* New Cart Layout */
.checkout-payment-icon {
	max-height: 32px;
	padding-right: 8px;
}
.cartLeftSection{
    width:60%;
    float:left;
}
.cartRightSection{
    float:right;
    width: 32.2%;
    border: 1px #d9d9d9 solid;
    border-radius: 4px;
    padding:15px;
}
.newCartItem{
    margin-top: 10px;
}
.newCartItem h3{
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cartSectionNum{
    color:white;
    background-color: #009999;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    font-size: 1.5em;
    line-height: 30px;
    margin-right: 10px;
}
.cartHeadings span, .cartHeadings h1{
    float:left;
}
.cartContent figure img{
    width: 159px;
    height: 159px;
    float:left;
}
.cartContent h3{
    font-weight: 600;
}
.cartContent .dropdown .warning-msg-size{
    color: grey;
    margin-top:2px;
}
.cartContent .dropdown{
    float:left;
    background-color: white;
    color:black;
    border: none;
    margin-left:6px;
    font-size: 12px;
    min-width: 80px;
}
.cartContent .dropdown > span{
    max-width: 80px;
    color:grey;
}
.cartContent .dropdown > span:after{
    top:8px;
}
.cartContent .plainCartDropdown > span{
    font-weight: 700;
    font-family: "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    cursor: pointer;
    display: block;
    line-height: 24px;
    max-width: 94px;
    overflow: hidden;
    padding: 0 26px 0 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    text-align: left;
    text-transform: uppercase;
    color:grey;
}
.cartSettings .cart-phonecase{
    margin: 10px 0 0 16px;
}
.cartSettings .showComment{
    margin: 10px 0 0 16px;
    width:100%;
}
.cartSettings .showComment input{
    width: 90%;
    float:left;
}
.cartSettings .cartinfocontrols{
    margin: 10px 0 0 16px;
}
.cartSettings .cartinfocontrols input{
    outline:none;
}

input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
}
.cartSettings{
    float:right;
    width:72%;
}
.cartSettings div{
    float:left;
}
.checkoutIcons{
    margin-top:10px;
}
.checkoutPricing{
    margin-top: 10px;
    margin-left: 15px;
    font-size: 21px;
}
.cartContent, .shippingMethod, .termsCondit, .proceedPayment{
    width: 100%;
    border: 1px #d9d9d9 solid;
    border-radius: 4px;
    padding:15px;
    margin-bottom: 10px;
}
.paymentCheckout_display input[type=image]{
    margin-top:5px;
}
.shippingInfo{
    margin-top:10px;
}
.shippingInfo .newDropdown {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #333;
    font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    max-width: none;
    min-width: 110px;
    outline:none;
    margin-top:5px;
}
.shippingCategory{
    margin-top:15px;
}

.proceedPayment .checkout-buttons .raiseRadio{
    margin-left:5px;
}
.proceedPayment .checkout-buttons label{
    margin-bottom: 10px;
}
.checkout-buttons * img,
.checkout-buttons > img {
	max-height: 30px;
}
.couponSection{
    margin-bottom: 10px;
}
.couponSection input[type=text]{
    width: 62%;
    height: 21.3px;
    text-indent: 10px;
}
.couponSection input[type=submit]{
    margin-left:7px;
    border-radius: 2px;
}
.feesCalculation dl{
    margin: 15px 0 7px 6px;
}
.feesCalculation hr{
    margin: 0;
}
.feesCalculation dd{
    margin-left:200px;
}
.new_total_title, .new_total{
    font-size:1.4em;
}
.cartlist {
    margin-bottom: 10px;
}

@media only screen and (max-width: 998px) {
    .cartSettings .cart-phonecase, .cartSettings .showComment, .cartSettings .cartinfocontrols{
        margin: 5px 0 0 18px;
    }
    .cartSettings .checkoutIcons{
        margin-top:5px;
        margin-left:2px;
    }
    .cartSettings{
        width:61%;
    }
    .cartRightSection{
        width:30%;
    }
    .couponSection input[type=text]{
        width:56%;
        text-indent: 5px;
    }
    .couponSection input[type=submit]{
        width:34%;
        font-size:1em;
        padding:0 5px;
    }
    .feesCalculation dt{
        width:60%;
    }
    .feesCalculation dd{
        margin-left:130px;
    }
}
@media only screen and (max-width: 767px) {
    .cartLeftSection{
        width: 90%;
    }
    .cartSettings, .cartContent figure img{
        width:70%;
    }
    .cartContent figure img{
        width:30%;
        height:auto;
    }
    .cartContent .plainCartDropdown > span{
        margin-left:8px;
    }
    .cartRightSection{
        float:left;
        width: 90%;
    }
    .cartSettings .cartinfocontrols .mobile-cart-controls{
        font-size: 4em;
        float: left;
        margin-top:-12px;
    }
    .cartSettings .cartinfocontrols .mobile-cart-controls > a{
        margin: 0px 10px 0px 0;
    }
    .couponSection input[type=text]{
        width:62%;
    }
    .couponSection input[type=submit]{
        width:30%;
    }
    .feesCalculation dd{
        margin-left:65%;
    }
    ul.tabs li {
        padding: 2px 8px 2px 8px;
        font-size: 11px;
        margin-right: 1px;
    }
}
/* New Cart Layout Ends*/
    .cartlist .cartheading {
        background-color: #eee;
        border-bottom: 1px solid #ccc;
        font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 600;
        overflow: hidden;
        padding: 4px 12px;
        text-align: left;
        white-space: nowrap;
    }
        .cartlist .cartheading .cartheadinginfo {
            float: left;
        }

        .cartlist .cartheading .cartheadingcontrols {
            display: inline-block;
            float: right;
            min-width: 104px;
        }

    .cartlist .cartitem {
        border-bottom: 1px solid #ddd;
        padding: 16px 0;
    }

        .cartlist .cartitem:after {
            clear: both;
            content: '';
            display: block;
        }

        .cartlist .cartitem .cartiteminfo {
            float: left;
            padding-left: 80px;
            width: 704px;
        }

            .cartlist .cartitem .cartiteminfo figure {
                float: left;
                height: 64px;
                margin-left: -80px;
                width: 64px;
            }

                .cartlist .cartitem .cartiteminfo figure a {
                    display: block;
                }

                .cartlist .cartitem .cartiteminfo figure img {
                    height: 64px;
                    max-height: 64px;
                    max-width: 64px;
                    width: 64px;
                }

            .cartlist .cartitem .cartiteminfo h3 {
                font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
                font-size: 20px;
                font-weight: 600;
                line-height: 32px;
                margin: 0 0 4px;
                overflow: hidden;
                text-overflow: ellipsis;
                text-transform: uppercase;
                white-space: nowrap;
            }

            .cartlist .cartitem .cartiteminfo .dropdown {
                background: none;
                border: 0;
                color: #666;
                font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
                font-weight: 600;
                margin-right: 8px;
                max-width: none;
                min-width: 32px;
            }

                .cartlist .cartitem .cartiteminfo .dropdown:active {
                    background: none;
                }

                .cartlist .cartitem .cartiteminfo .dropdown > span {
                    font-size: 11px;
                    line-height: 20px;
                    max-width: none;
                    padding: 0 16px 0 0;
                }

                    .cartlist .cartitem .cartiteminfo .dropdown > span.none {
                        cursor: default;
                    }

                    .cartlist .cartitem .cartiteminfo .dropdown > span:after {
                        border-top-color: #666;
                        border-width: 4px;
                        right: 4px;
                        top: 8px;
                    }

                    .cartlist .cartitem .cartiteminfo .dropdown > span.none:after {
                        display: none;
                    }

            .cartlist .cartitem .cartiteminfo .checkout-removeitem, .cartContent .cartSettings .checkout-removeitem,
            .cartlist .cartitem .cartiteminfo .checkout-commentitem, .cartContent .cartSettings .checkout-commentitem {
                display: inline-block;
                font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
                font-size: 11px;
                font-weight: 600;
                line-height: 20px;
                margin-left: 16px;
                vertical-align: middle;
            }

                .cartlist .cartitem .cartiteminfo .checkout-removeitem:before, .cartContent .cartSettings .checkout-removeitem:before{
                    background-image: url("../images/new_breadcrumb_cart.png");
                    background-repeat: no-repeat;
                    background-size: 12px 132px;
                    background-position: 0 -24px;
                    content: '';
                    display: inline-block;
                    height: 12px;
                    margin-right: 4px;
                    ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                    opacity: .5;
                    vertical-align: text-bottom;
                    width: 12px;
                }

                .cartlist .cartitem .cartiteminfo .checkout-commentitem:before, .cartContent .cartSettings .checkout-commentitem:before {
                    background-image: url("../images/new_breadcrumb_cart.png");
                    background-repeat: no-repeat;
                    background-size: 12px 132px;
                    background-position: 0 -12px;
                    content: '';
                    display: inline-block;
                    height: 12px;
                    margin-right: 4px;
                    ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                    opacity: .5;
                    vertical-align: text-bottom;
                    width: 12px;
                }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .cartlist .cartitem .cartiteminfo .checkout-removeitem:before {
        background-image: url("../images/new_breadcrumb_cart@2x.png");
    }
}

.cartlist .cartitem .cartiteminfo .checkout-removeitem:hover:before {
    ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

.cartlist .cartitem .cartinfocontrols {
    border-left: 1px solid #eee;
    float: right;
    min-height: 32px;
    min-width: 120px;
    padding: 16px;
    text-align: right;
}

    .cartlist .cartitem .cartinfocontrols input {
        text-align: right;
        width: 40px;
    }

    .cartlist .cartitem .cartinfocontrols var {
        color: #666;
        display: inline-block;
        font-size: 16px;
        font-style: normal;
        line-height: 32px;
        margin-left: 16px;
        vertical-align: middle;
    }
.ship_label {
	font-size: 14px;
	margin-bottom: 10px;
}
.cartlist .carttotal {
    border-bottom: 1px dotted #eee;
    padding: 8px 0;
}

.cartlist > .hidden {
    display: none;
}

.cartlist .carttotal:after {
    clear: both;
    content: '';
    display: block;
}

.cartlist .carttotal .carttotalinfo {
    color: #999;
    float: left;
    font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 32px;
    padding-right: 16px;
    text-align: right;
    text-transform: uppercase;
    width: 580px;
}

.cartlist .carttotal .carttotalcontrols {
    border-left: 1px solid #eee;
    float: right;
    min-height: 32px;
    min-width: 120px;
    padding: 0 16px;
    text-align: right;
}

    .cartlist .carttotal .carttotalcontrols select {
        font-size: 14px;
        width: 223px;
    }

    .cartlist .carttotal .carttotalcontrols input {
        font-size: 14px;
    }

    .cartlist .carttotal .carttotalcontrols var {
        display: inline-block;
        font-size: 16px;
        font-style: normal;
        line-height: 32px;
        margin-left: 16px;
        vertical-align: middle;
    }

.cartlist .carttotal.grandtotal {
    background-color: #eee;
}

    .cartlist .carttotal.grandtotal .carttotalinfo {
        color: #333;
        font-size: 14px;
        font-weight: 700;
    }

    .cartlist .carttotal.grandtotal .carttotalcontrols {
        border-left-color: #ddd;
    }

        .cartlist .carttotal.grandtotal .carttotalcontrols var {
            color: var(--main-color);
            font-weight: 700;
        }

.remove-coupon-wrap {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.remove-coupon {
	cursor: pointer;
	padding: 2px 15px;
	color: #000;
}
.remove-coupon > a, 
.remove-coupon > a:focus, 
.remove-coupon > a:active, 
.remove-coupon > a:hover {
  outline: none;
  color: inherit;
  text-decoration: none;
}
.remove-coupon:hover {
	background-color: #de4848;
    color: #FFF;
    
}
.checkout-buttons {
    clear: both;
    overflow: hidden;
}


    .checkout-buttons .checkout-continueshopping {
        float: left;
    }

    .checkout-buttons .checkout-proceed {
        float: right;
    }

    .checkout-buttons .checkout-update {
        margin-left: 50px;
    }

    .checkout-buttons br {
        /*display: none;*/
    }
.field,
.fieldGroup {
    clear: left;
    margin-bottom: 12px;
    zoom: 1;
}

    .field.smallfield,
    .fieldGroup.smallfield {
        float: left;
    }

        .field.smallfield.right,
        .fieldGroup.smallfield.right {
            float: right;
        }

        .field.smallfield .input,
        .fieldGroup.smallfield .input,
        .field.smallfield input[type=text],
        .fieldGroup.smallfield input[type=text],
        .field.smallfield input[type=number],
        .fieldGroup.smallfield input[type=number],
        .field.smallfield input[type=password],
        .fieldGroup.smallfield input[type=password],
        .field.smallfield input[type=search],
        .fieldGroup.smallfield input[type=search],
        .field.smallfield input[type=email],
        .fieldGroup.smallfield input[type=email],
        .field.smallfield textarea,
        .fieldGroup.smallfield textarea,
        .field.smallfield select,
        .fieldGroup.smallfield select {
            /*width: 180px;*/
            
            /*max-width:410px;*/
            max-width:441px;
            width: 98%;
            
        }

        .field.smallfield + .smallfield,
        .fieldGroup.smallfield + .smallfield {
            clear: none;
            /*padding-left: 16px;*/
        }

.col-left .smallfield input,
.col-right .smallfield input {
    width: 142px;
}
.textarea-full {
	width: 100% !important;
}

@media only screen and (min-width: 998px) {

    .field.smallfield .input,
    .fieldGroup.smallfield .input,
    .field.smallfield input[type=text],
    .fieldGroup.smallfield input[type=text],
    .field.smallfield input[type=number],
    .fieldGroup.smallfield input[type=number],
    .field.smallfield input[type=password],
    .fieldGroup.smallfield input[type=password],
    .field.smallfield input[type=search],
    .fieldGroup.smallfield input[type=search],
    .field.smallfield input[type=email],
    .fieldGroup.smallfield input[type=email],
    .field.smallfield textarea,
    .fieldGroup.smallfield textarea,
    .field.smallfield select,
    .fieldGroup.smallfield select {
        width: 208px;
        max-width: 98%;
    }
    .col-left .smallfield input,
    .col-right .smallfield input {
        width: 202px !important;
    }
    .field.smallfield + .smallfield,
        .fieldGroup.smallfield + .smallfield {
            clear: none;
            padding-left: 16px;
        }
}


.field.tinyfield .input,
.fieldGroup.tinyfield .input,
.field.tinyfield input[type=text],
.fieldGroup.tinyfield input[type=text],
.field.tinyfield input[type=number],
.fieldGroup.tinyfield input[type=number],
.field.tinyfield input[type=password],
.fieldGroup.tinyfield input[type=password],
.field.tinyfield input[type=search],
.fieldGroup.tinyfield input[type=search],
.field.tinyfield input[type=email],
.fieldGroup.tinyfield input[type=email],
.field.tinyfield textarea,
.fieldGroup.tinyfield textarea,
.field.tinyfield select,
.fieldGroup.tinyfield select {
    width: 98px;
}

.field.required label,
.fieldGroup.required label {
    font-weight: 700;
}

.field.optional label,
.fieldGroup.optional label {
    font-weight: 400;
}

.field .fieldnote,
.fieldGroup .fieldnote {
    color: #999;
}

.field.checkbox input,
.fieldGroup.checkbox input {
    background: transparent;
    border: 0;
    border-radius: 0;
    float: left;
    height: 22px;
    margin-right: 8px;
    padding: 0;
    width: auto;
}

.field.checkbox label,
.fieldGroup.checkbox label {
    display: inline-block;
    font-weight: 400;
}

.field .input,
.fieldGroup .input,
.field input[type=text],
.fieldGroup input[type=text],
.field input[type=number],
.fieldGroup input[type=number],
.field input[type=password],
.fieldGroup input[type=password],
.field input[type=search],
.fieldGroup input[type=search],
.field input[type=email],
.fieldGroup input[type=email],
.field textarea,
.fieldGroup textarea {
    max-width: 98%;
    min-height: 20px;
    width: 443px;
}

.field textarea,
.fieldGroup textarea {
    width: 443px;
}

.field.hidden {
    display: none;
}

label,
.label {
    cursor: pointer;
    display: inline;
    display: inline-block;
    font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    margin-bottom: 4px;
    zoom: 1;
}

    label.inline,
    .label.inline {
        display: inline;
        display: inline-block;
        margin-right: 4px;
        padding-top: 4px;
        vertical-align: middle;
        zoom: 1;
    }

        label.inline + input,
        .label.inline + input {
            margin-right: 15px;
        }

.input,
input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=email],
textarea {
    background-clip: padding-box;
    background-color: #fff;
    border-color: #cccccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    color: #333;
    moz-background-clip: padding;
    moz-border-radius: 2px;
    ms-background-clip: padding-box;
    ms-border-radius: 2px;
    o-background-clip: padding-box;
    o-border-radius: 2px;
    outline: none;
    padding: 5px 4px;
    vertical-align: middle;
    webkit-appearance: textfield;
    webkit-background-clip: padding-box;
    webkit-border-radius: 2px;
}

    .input.error,
    input[type=text].error,
    input[type=number].error,
    input[type=password].error,
    input[type=search].error,
    input[type=email].error,
    textarea.error {
        border-color: #d04949;
        background-color: #fcbdbd;
    }

    .input + .input,
    input[type=text] + .input,
    input[type=number] + .input,
    input[type=password] + .input,
    input[type=search] + .input,
    input[type=email] + .input,
    textarea + .input {
        margin-top: 10px;
    }

    .input.large,
    input[type=text].large,
    input[type=number].large,
    input[type=password].large,
    input[type=search].large,
    input[type=email].large,
    textarea.large {
        width: 588px;
    }

    .input .button,
    input[type=text] .button,
    input[type=number] .button,
    input[type=password] .button,
    input[type=search] .button,
    input[type=email] .button,
    textarea .button {
        vertical-align: middle;
        width: auto !important;
    }

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}

.input:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=email]:focus,
.input:hover,
input[type=text]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=email]:hover,
textarea:focus,
textarea:hover {
    border-color: rgba(0, 0, 0, 0.4);
}

.input + .input {
    margin-top: 8px;
}

textarea {
    overflow: auto;
    resize: both;
    width: 100%;
}

select {
    max-width: 98%;
    min-height: 20px;
    padding: 4px;
    vertical-align: middle;
    width: 443px;
}
/*blog*/
.blog.box {
    border-radius: 4px;
    margin-bottom: 10px;
    border: solid 1px #D6D6D6;
    background-color: var(--bg-color);
    padding: 5px 10px;
}
.blog.title {
	font-size: 20px;
    width: 90%;
    display: block;
    padding: 4px 0px 10px 0px;
    text-transform: uppercase;
}
.blog.date {
    font-size: 11px;
    color: #7f7f7f;
}
.blog.category {
    display: inline;
    font-size: 14px;
    padding-left: 6px;
    color: #7f7f7f;
    text-transform: uppercase;
}
.blog.post {
	padding: 6px;
}
.blog.shortpost {
	padding-left: 6px;
	text-overflow: ellipsis;	
}
.blog.keywords {
	font-size: 11px;
	padding: 15px 0px 5px 5px;
	text-transform: uppercase;
}
.marker {
	background-color: yellow;
}
.buttons {
    border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 1px;
    clear: both;
    margin-top: 16px;
    padding: 8px 0 0;
}

.cancelLink {
    color: #7d0404;
    cursor: pointer;
    display: inline-block;
    font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 4px;
    padding: 0 4px;
    text-decoration: none;
    vertical-align: middle;
}

    .cancelLink:hover {
        color: #983232;
    }

    .cancelLink:active {
        color: #600;
    }

input.button,
button.button {
    min-height: 32px;
}
.add-cart {
    width: 100%;
    margin-top:10px;
    height:50px;
}
.add-cart-alt {
    width: 100%;
    margin-top:10px;
    height:50px;
}
.deDays{
    margin: 20px 0 20px 0;
    padding: 0 0;
}
.deHeading{
    margin: 20px 0 20px 0;
    padding: 0 0;
    height: 12px;
}
.deTitle{
    color: var(--font-color);
    margin-bottom:0px;
    float: left;
}

.deInfo{
    margin-top:-10px;
    text-align: center;
}
.deDates{
    font-weight: bold;
}
.deType{
    font-weight: 100;
}

.postInfo{
    text-align: center;
    margin-top:10px;
    min-height:25px;
}
.postMethod{
    width: 100px;
    height: 25px;
    display: inline-block;
}
.paymentsAccepted > img,
.paymentsAccepted * img {
	max-height: 30px;
	margin-right: 9px;
}
.shippinglabels { background-image: url(../images/shipping.png); background-repeat: no-repeat; background-size: 100px; height: 25px; }
.shipping_usps { background-position: 0px 0px;}
.shipping_canadapost { background-position: 0px -25px;}
.shipping_spring { background-position: 0px -50px;}
.shipping_landmark { background-position: 0px -75px;}
.dropbtn {
    background-color: transparent;
    text-align: right;
    color: var(--font-color);
    padding: 16px 2px;
    font-size: 13px;
    font-family: "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    border: none;
    cursor: pointer;
    width: 150px;
    height: 20px;
    margin-right: -20px;
}

.triangle-down{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #737373;
    float: right;
    margin-top: 21px;
    margin-left: 22px;
}
.dropdownCountry {
    position: relative;
    display: inline-block;
    float:right;
    margin-top:-13.7px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #D0D0D0;
    z-index: 1;
    height: 120px;
}
.dropdown-content ul{
    margin-left: -40px;
    text-align: center;
    width: 153px;
    height: 120px;
}
.dropdown-content li {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
    margin: 0 0 0 0;
}
.dropdown-content li:hover {
    color: white;
}
.dropdownCountry:hover .dropdown-content {
    display: block;
}
.dropdownCountry:hover .dropbtn {
    background-color: transparent;
}

.button,
a.button {
    background-clip: padding-box;
    background-color: #ddd;
    border-color: #ddd;
    border:none;
    color: #333;
    cursor: pointer;
    display: inline;
    display: inline-block;
    font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe WP", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    moz-background-clip: padding;
    moz-border-radius: 4px;
    ms-background-clip: padding-box;
    ms-border-radius: 4px;
    o-background-clip: padding-box;
    o-border-radius: 4px;
    outline: none;
    overflow: visible;
    padding: 5px 15px;
    vertical-align: middle;
    text-align: center;
    webkit-background-clip: padding-box;
    webkit-border-radius: 4px;
    zoom: 1;
}
	.button.add-cart-alt,
	a.button.add-cart-alt {
		font-size: 20px;
	}
    .button:hover,
    a.button:hover {
        background-color: #e1e1e1;
        border-color: #e1e1e1;
    }

    .button:active,
    a.button:active {
        background-color: #c8c8c8;
        border-color: #c8c8c8;
    }

    .button.submit,
    a.button.submit {
        background-color: var(--main-color);
        background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
        background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
        background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
        border-color: var(--main-color);
        color: #fff;
    }

        .button.submit:hover,
        a.button.submit:hover {
            background-color: var(--link-border);
            border-color: var(--link-border);
        }

        .button.submit:active,
        a.button.submit:active {
            background-color: var(--main-color);
            border-color: var(--link-border);
            color: #fff;
        }


    .button.warning,
    a.button.warning {
        background-color: #e07777;
        background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);
        background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);
        background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);
        border-color: #e07777;
        color: #fff;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
    }

        .button.warning:hover,
        a.button.warning:hover {
            background-color: #cc5f5f;
            border-color: #cc5f5f;
        }

        .button.warning:active,
        a.button.warning:active {
            background-color: #602020;
            border-color: #602020;
            color: #fff;
        }
	.button.disabled,
	a.button.disabled {
	    background-color: #d8d8d8;
	    border-color: #d8d8d8;
	}
    .button + .button,
    a.button + .button {
        margin-left: 10px;
    }

.col-left {
    float: left;
    margin: 0 2% 0 0;
    width: 46%;
}

.col-right {
    float: right;
    margin: 0 0 0 2%;
    width: 46%;
}

.helptip {
    border: 1px solid #000000;
    float: right;
    height: 20px;
    margin-left: 5px;
    width: 20px;
}

.notice {
    background-color: #ffffcc;
    border-color: #cfcfb3;
    background-clip: padding-box;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 12px;
    margin-top: 8px;
    moz-background-clip: padding;
    moz-border-radius: 4px;
    ms-background-clip: padding-box;
    ms-border-radius: 4px;
    o-background-clip: padding-box;
    o-border-radius: 4px;
    padding: 12px;
    webkit-background-clip: padding-box;
    webkit-border-radius: 4px;
    color: var(--font-color-alt);
}

    .notice.error {
        background-color: #fff7f7;
        border-color: #e0c4c4;
    }

    .notice.success {
        background-color: #f1fff1;
        border-color: #bbd7bb;
    }
    .notice > .staff:before {
        content: "Staff Message";
    }
    .notice > .staff {
        float: right;
        color: #b5b5b5;
        margin: -8px;
        font-family: serif;
        font-size: 18px;
        font-style: italic;
    }
.tiny-text {
	font-size:12px;
	margin-top:20px;
	text-align: center;
	font-style: italic;
}
.purchase-thankyou {
	text-align: center;
	font-size: 25px;
	margin-bottom: 20px;
}
.marquee span {
    display: inline-block;
    padding-left: 100%;
    text-indent: 0;
    border: none;
    animation: marquee 20s linear infinite;
}
.marquee span:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
.pagination {
    clear: both;
    line-height: 24px;
    margin: 32px 0 26px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
}

    .pagination span.pages {
        display: none;
    }

    .pagination ul,
    .pagination li {
        display: inline-block;
        margin: 0;
        text-align: center;
    }

    .pagination > ul > li {
        color: #999;
        font-weight: bold;
        margin: 0 4px;
    }

        .pagination > ul > li > a {
            background-clip: padding-box;
            border-color: #fff;
            border-radius: 4px;
            border-style: solid;
            border-width: 1px;
            cursor: pointer;
            display: inline-block;
            moz-background-clip: padding;
            moz-border-radius: 4px;
            ms-background-clip: padding-box;
            ms-border-radius: 4px;
            o-background-clip: padding-box;
            o-border-radius: 4px;
            padding: 0 8px;
            text-decoration: none;
            webkit-background-clip: padding-box;
            webkit-border-radius: 4px;
        }

            .pagination > ul > li > a.next,
            .pagination > ul > li > a.previous {
                background-color: #ddd;
                background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
                background-image: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
                background-image: -ms-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
                background-image: -o-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
                background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
                border-color: #ddd;
                color: #333;
            }

                .pagination > ul > li > a.next:hover,
                .pagination > ul > li > a.previous:hover {
                    background-color: #e1e1e1;
                    border-color: #e1e1e1;
                }

                .pagination > ul > li > a.next:active,
                .pagination > ul > li > a.previous:active {
                    background-color: #c8c8c8;
                    border-color: #c8c8c8;
                }

            .pagination > ul > li > a.active {
                background-color: var(--main-color);
                background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
                background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
                background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
                background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
                background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 100%);
                border-color: var(--main-color);
                color: #fff;
                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
            }

                .pagination > ul > li > a.active:hover {
                    background-color: var(--link-border);
                    border-color: var(--link-border);
                }

                .pagination > ul > li > a.active:active {
                    background-color: var(--link-hover);
                    border-color: var(--link-hover);
                    color: #fff;
                }

            .pagination > ul > li > a.disabled {
                background-color: #fff !important;
                border-color: #ddd !important;
                color: #999 !important;
                cursor: default;
            }

.tshirt > figure .update {
    background-image: url("../images/update.png");
    background-repeat: no-repeat;
    background-size: 78px 78px;
    display: block;
    height: 78px;
    position: absolute;x-offse
    width: 78px;
}

.plugin {
    position: relative;
    background-color: #EAE9E9;
    border: 1px solid #CDCDCD;
    display: inline-block;
    height: 100%;
    margin: 10px 30px;
    max-height: 340px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: 240px;
    min-height: 350px;
}

    .plugin > .update {
        background-image: url("../images/update.png");
        background-repeat: no-repeat;
        background-size: 78px 78px;
        display: block;
        height: 78px;
        margin-left: 20px;
        margin-top: 5px;
        position: absolute;
        width: 78px;
    }

    .plugin > .title {
        font-size: 16px;
        font-weight: 400;
    }

.version {
    color: #7b7b7b;
    font-size: 11px;
}

.plugin > a > img,
.plugin > img {
    height: 200px;
    padding: 5px 0;
    width: 200px;
}

.plugin > .description {
    color: #7b7a7a;
    padding: 1px 3px;
}
.plugin > .plugin_more {
    position: absolute;
    bottom: 5px;
    width: 200px;
    left: 5px;
    font-size: 17px;
    vertical-align: middle;
    line-height: 24px;
}

.pluginbox {
    padding: 10px 10px;
    background: #f2f2f2;
    border: solid 1px #e0e0e0;
    margin-bottom: 10px;
    margin-top: 13px;
}

.cartwheel {
    display: none;
}

.help {
    height: 100px;
    margin-left: 30px;
    width: 100%;
}

    .help > .icon {
        float: left;
        height: 100%;
        margin: 2px;
        width: 200px;
    }

    .help > .title {
        font-size: 18px;
    }

    .help > .description {
        color: #888888;
    }

.CustomerAddress {
    font-size: 14px;
}

.faq {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .faq > li {
        border-top: 1px dotted #ccc;
        list-style: none;
        min-height: 32px;
        overflow: hidden;
        padding: 16px 0;
    }

        .faq > li:before {
            background-image: url("../images/faq_icons.png");
            background-repeat: no-repeat;
            background-size: 48px 288px;
            content: '';
            display: block;
            float: left;
            height: 48px;
            margin-right: 24px;
            width: 48px;
        }

    .faq .product-management:before {
        background-position: 0 -48px;
    }

    .faq .adjust-settings:before {
        background-position: 0 -96px;
    }

    .faq .promos-coupons:before {
        background-position: 0 -144px;
    }

    .faq .purchases-payments:before {
        background-position: 0 -196px;
    }

    .faq .install-plugins:before {
        background-position: 0 -240px;
    }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .faq > li:before {
        background-image: url("../images/faq_icons@2x.png");
    }
}

.faq > li > a {
    color: #333;
    display: block;
}

    .faq > li > a:hover {
        color: #693;
    }

.faq > li:first-child {
    border-top: 0;
}

.faq > li h3 {
    margin-bottom: 4px;
}

.faq > li p:last-child,
.faq > li ul:last-child {
    margin-bottom: 0;
}

.bcategories {
    padding-bottom: 14px;
}

    .bcategories > .title {
        font-size: 18px;
        font-weight: 600;
    }

    .bcategories > .description {
        color: #484848;
        padding-left: 40px;
    }

.right {
    float: right;
}

.raiseRadio {
    margin-left: 30px;
}

.pay_hide {
    display: none;
}

    .pay_hide.show {
        display: block;
    }
@media only screen and (max-width: 998px) {
    .tutorial {
        width: 320px;
        height: 160px;
    }
    #header {
        height:50px;
        padding: 16px 8px;
        justify-content: space-around;
    }
	.bigsearch > .searchbox {
	    height: 30px;
	    width: 70%;
	    font-size: 20px;
	}
    #brandingLogo {
        font-size: 24px;
        line-height: 24px;
        margin: 0 8px 0 0;
        padding: 0 16px 0 0;
    }

    #navigation > ul > li > a {
        font-size: 14px;
        line-height: 24px;
        padding: 0 8px;
    }

    #search {
        margin: 0;
    }

        #search #search-input,
        #search input[type=search] {
            padding: 6px 8px 6px 24px;
        }

    .wrap {
        max-width: 730px;
    }
    .notice {
        margin-top:-8px;
    }
    #footer > div {
        font-size: 11px;
        margin-right: 32px;
    }
    #siteinfo-community {
        margin-left:17%;
    }
    #body .wrap {
        padding: 20px 0;
    }

    #mainBar.full {
        width: 100%;
    }
    #mainBar.withsidecat {
        width: 516px;
    }

    #promos {
        width: 100%;
    }

    #promos-x-large img {
        display: block;
        height: auto;
        width: 100%
    }
    
    #promos-large {
        margin-right: 8px;
    }

        #promos-large img {
            height: 170.1px;
            width: 363.3px;
        }

    #promos-small-left {
        margin-right: 4px;
    }

        #promos-small-left img,
        #promos-small-right img {
            height: 170.1px;
            width: 174.3px;
        }

    .item {
        height: 119px;
        width: 126px;
    }

        .item > figure {
            height: 119px;
            width: 126px;
        }

            .item > figure > img {
                height: 119px;
                width: 126px;
            }
    
            .item > figure button {
                float:right;
                margin: 4px -4px 0 0;
            }
            .item > figure > figcaption {
                font-size: 12px;
                line-height: 16px;
                padding: 8px 12px;
            }

        .item:hover > figure {
            height: 199px;
            margin: -42px -42px;
            width: 206px;
        }

            .item:hover > figure > img {
                height: 199px;
                width: 206px;
            }

    .tshirt figure {
        width: 320px;
        min-height: 300px;
    }

        .tshirt figure img {
            width: 320px;
        }

    .tshirt .tshirtinfo {
        width: 316px;
    }
    
    .tshirt .tshirtLeftView {
        float: left;
        width: 350px;
    }
   .tshirt .tshirtLeftView .social-links {
	    clear: both;
	    content: '';
	    display: block;
	    text-align: center;
	    padding-top: 10px;
	
	}
        .tshirt .tshirtinfo h2 {
            font-size: 28px;
            line-height: 32px;
            margin-bottom: 8px;
        }

        .tshirt .tshirtinfo .dropdown{
        }
    
        .tshirt .tshirtinfo .dropdown > span {
            font-size: 14px;
            width: 136px;
        }

        .tshirt .tshirtinfo .tshirtinfosize {
            margin-bottom: 20px;
        }

        .tshirt .tshirtinfo .tshirtinfoorder var {
            margin-right: 12px;
        }
    
        .add-cart-alt {
            width: 100%;
            margin:15px 0 0 0;
            height:50px;
        }
        .tshirt .tshirtinfo .tshirtinfoorder .add-cart {
            font-size: 20px;
            min-height: 48px;
            padding: 9px 15px;
        }

        .tshirt .tshirtinfo p {
            margin-bottom: 20px;
        }

        .tshirt .tshirtLeftView .note {
            width:310px;
            /*margin: 20px 0px 0px;
            padding-top: 12px;*/
        }
    
    .tshirt .tshirtLeftView .large {
		/*margin: 20px 0 20px;
		padding-top: 12px;*/
    }

    .cartlist {
        margin-bottom: 24px;
    }

        .cartlist .cartitem {
            padding: 12px 0;
        }

            .cartlist .cartitem .cartiteminfo {
                width: 444px;
            }

        .cartlist .carttotal .carttotalinfo {
            width: 524px;
        }
	.performance li {
        display:inline-table;
    }
    .settings_section > .field {
        margin-bottom:50px;
    }
    .settings_section > .field.group {
        margin-bottom:0px;
    }
    .field_note {
        width:100%;
        display: inline-block;
    }
    
    .deDays {
        margin: 20px 0 20px 0;
        padding: 0 0;
    }
    .deHeading {
        margin: 20px 0 20px 0;
        padding: 0 0;
    }
    .deTitle {
        color: var(--font-color);
        margin-bottom:0px;
        float: left;
    }

    .deInfo {
        margin-top:-10px;
        text-align: center;
    }
    .deDates {
        font-weight: bold;
    }
    .deType {
        font-weight: 100;
    }
}
@media only screen and (max-width: 767px) {
    .tutorial {
        width: 200px;
        height: 180px;
    }
    #categorySideNav{
        text-align: center;
	    font-size:14px;
	    cursor:pointer;
	    background-color:var(--main-color);
	    border-radius: 4px;
	    position: relative;
	    width: 100%;
	    height:20px;
	    padding:5px 0;
	    margin:10px 0;
	}

    #categorySideNav:hover{
	    width: 100%;
	}
    #header {
        padding: 10px 8px;
        height: auto;
        display: block;
    }
	img { display: inline-block; max-width: 100%; height: auto; }
    #brandingLogo {
        border-right: 0;
        margin: 0;
        padding: 0;
        width: 88%;
    }
	.adminsearch {
		width: 99%;
	}
	.bigsearch > .searchbox {
	    height: 30px;
	    width: 60%;
	    font-size: 20px;
	}
    #navigation {
        float: right;
        position: relative;
    }

        #navigation #navigationToggle {
            display: block;
        }

        #navigation #navigationMenu {
            display: none;
        }

        #navigation:hover #navigationMenu {
            background-clip: padding-box;
            background-color: #000;
            border-radius: 4px;
            box-shadow: rgba(0, 0, 0, 0.35) 0 0 8px;
            display: block;
            moz-background-clip: padding;
            moz-border-radius: 4px;
            moz-box-shadow: rgba(0, 0, 0, 0.35) 0 0 8px;
            ms-background-clip: padding-box;
            ms-border-radius: 4px;
            ms-box-shadow: rgba(0, 0, 0, 0.35) 0 0 8px;
            o-background-clip: padding-box;
            o-border-radius: 4px;
            o-box-shadow: rgba(0, 0, 0, 0.35) 0 0 8px;
            padding: 4px;
            position: absolute;
            right: 0;
            webkit-background-clip: padding-box;
            webkit-border-radius: 4px;
            webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 0 8px;
            z-index: 9;
        }

            #navigation:hover #navigationMenu > li {
                border-top: 1px solid rgba(255, 255, 255, 0.1);
                display: block;
            }

                #navigation:hover #navigationMenu > li:first-child {
                    border-top: 0;
                }

                #navigation:hover #navigationMenu > li > a {
                    font-size: 16px;
                    line-height: 32px;
                    padding: 0 16px;
                    text-align: right;
                }

                #navigation:hover #navigationMenu > li.active > a {
                    background-color: var(--main-color);
                    color: #fff;
                }

    #search {
        clear: both;
        float: none;
        text-align: center;
    	padding-top: 3px;
    }

    #search #search-input,
    #search input[type=search] {
        padding: 8px 8px 8px 24px;
        width: 90%;
    }

    #subnavigation {
        background-clip: padding-box;
        border-radius: 0;
        box-shadow: rgba(0, 0, 0, 0.35) 0 0 4px;
        moz-background-clip: padding;
        moz-border-radius: 0;
        moz-box-shadow: rgba(0, 0, 0, 0.35) 0 0 4px;
        ms-background-clip: padding-box;
        ms-border-radius: 0;
        ms-box-shadow: rgba(0, 0, 0, 0.35) 0 0 4px;
        o-background-clip: padding-box;
        o-border-radius: 0;
        o-box-shadow: rgba(0, 0, 0, 0.35) 0 0 4px;
        webkit-background-clip: padding-box;
        webkit-border-radius: 0;
        webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 0 4px;
    }

        #subnavigation > nav {
            float: none;
            padding: 0;
        }

            #subnavigation > nav > ul > li {
                margin-right: 0;
            }

                #subnavigation > nav > ul > li > a {
                    font-size: 13px;
                    line-height: 24px;
                    padding: 0 8px;
                }

                #subnavigation > nav > ul > li.dropdown > a:after {
                    margin: 10px -4px 0 4px;
                }

        #subnavigation #cart {
            clear: both;
            float: right;
            margin-top: 8px;
            text-align: center;
            width: 49%;
            display:inline-block;
        }

        #subnavigation .icon {
            display: none;
        }
        #subnavigation #currency {
        	clear: both;
            float: none;
            margin-top: 8px;
            text-align: center;
            width: 49%;
            display:inline-block;
        }
        #currencydrop {
        	min-width: 100%;
        }
        #currencydrop > div {
        	max-width: 100%;
       	 	text-align: center;
       	 	font-size: 14px;
        }
		.updatecartwheel {
			display:inline-block;
			width: 16px;
			height: 16px;
		}
		.mobile-cart-controls {
			display:inline-block;
			font-size: 40px;
		    line-height: 40px;
		    vertical-align: bottom;
		}
		.mobile-cart-controls > a {
			display:inline-block;
			margin: 0px 10px;
		}
    .wrap {
        max-width: none;
    }

    #breadcrumb {
        margin-top: 0;
    }

        #breadcrumb > ul li.home > a {
            background-position: center -68px;
            padding: 0 8px;
            text-indent: -9000px;
            width: 12px;
        }

        #breadcrumb > ul li.top > a {
            background-position: center -100px;
            display: block;
            text-indent: -9000px;
            width: 12px;
        }

    #footer {
        padding: 0;
        text-align: center;
    }
	#siteinfo-community{
        margin-left:0;
    }
        #footer > div {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            float: none !important;
            margin-right: 0;
            padding: 8px;
                width: 100%;
        }

            #footer > div#siteinfo-social {
                /*display: none;*/
            }

        #footer ul li {
            border-left: 1px solid rgba(0, 0, 0, 0.1);
            display: inline-block;
            margin-right: 8px;
            padding-left: 12px;
        }

            #footer ul li:first-child {
                border-left: 0;
                padding-left: 0;
            }

            #footer ul li:last-child {
                margin-right: 0;
            }

        #footer .copyright {
            font-size: 10px;
            margin: 0;
        }

    #body .wrap {
        padding: 16px 0;
    }

    #mainBar.full {
        float: none;
        margin-left: 0;
        width: auto;
    }
    #mainBar.withsidecat{
         float: none;
        margin-left: 0;
        width: auto;
    }

    #sidebar {
        float: none;
        margin-right: 0;
        padding: 16px;
        width: auto;
    }

    #sidebar-categories {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

        #sidebar-categories h4 {
            margin: 0;
        }

            #sidebar-categories h4 a {
                display: block;
                font-size: 16px;
                line-height: 32px;
            }

                #sidebar-categories h4 a:after {
                    border-color: transparent;
                    border-style: solid;
                    border-top-color: #999;
                    border-width: 7px;
                    content: '';
                    display: block;
                    float: right;
                    height: 0;
                    margin: 13px 0 0 4px;
                    width: 0;
                }

        #sidebar-categories:hover ul {
            display: block;
        }

        #sidebar-categories ul {
            display: none;
        }
     
     #also-like:hover ul {
        display: block;
    }
	 #also-like > ul {
	 	display: none;
	 }  
	 	 #also-like > h2:after {
            border-color: transparent;
            border-style: solid;
            border-top-color: #999;
            border-width: 7px;
            content: '';
            display: block;
            float: right;
            height: 0;
            margin: 13px 0 0 4px;
            width: 0;
        }
    .performance.wrap {
    	height: 20px;
    	overflow: hidden;
    }
    .performance.wrap:after {
    	border-color: transparent;
        border-style: solid;
        border-top-color: #999;
        border-width: 7px;
        content: '';
        display: block;
        float: right;
        height: 0;
        margin: 13px 0 0 4px;
        width: 0;
    }
    .performance.wrap:hover {
    	display: block;
    	height: 100%;
    }
    .leftCornerMobile > ul {
    	margin: 0 0 -5px 0;
    }
    .paymentsAccepted {
    	margin-bottom: 10px;
    }
	.note {
        margin-bottom: 20px;
        width: auto;
        overflow: hidden;
        padding: 0 6px;
        border-top: 1px solid #ddd;
        color: #666;
        font-size: 11px;
        line-height: 20px;
        padding: 10px 10px;
        background:#fff;
    }
    	.note > img {
    		height: auto;
    		width: 100%;
    	}
   	.flextable * .note {
   		margin: 0px;
		padding: 0px;
		border: none;
   	}
    .leftCorner{
        display: none;
    }
    .leftCornerMobile{
        display: block;
    }
    #descriptionMobile{
        display: block;
    }
    .noteMobile{
        margin-bottom: 20px;
        width: auto;
        overflow: hidden;
        padding: 0 6px;
        border-top: 1px solid #ddd;
        color: #666;
        font-size: 11px;
        line-height: 20px;
        padding: 10px 10px;
        background:#fff;
    }
    
    .noteMobile > img {
        height: auto;
        width: 100%;
    }
    
    .agree-checkout-terms {
		font-size: 12px;
	}
    
    #promos {
        /*margin: 0 6px 16px 0; */
        overflow: hidden;
        width: 100%;
        text-align: center;
    }
    #promos-x-large {
        display: block;
        margin-bottom: 8px;
        width: 100%;
    }
    #promos-x-large img{
	    height: auto;
	    width: 100%;
	}

    #promos-large {
        display: block;
        margin-bottom: 8px;
        margin:0;
    }

        #promos-large img {
            height: 200px;
            width: 100%;
        }

    
    #promos-small-left {
        display: block;
        float: left;
		width: 49%;
        margin-top:4px;
    }

    #promos-small-right {
        display: block;
        float: left;
        width: 49%;
        margin-top:4px;
    }

        #promos-small-left img,
        #promos-small-right img {
            height: auto;
            width: 100%;
        }

    .itemtiles {
        padding: 0 6px;
    }

    .item {
        height: 91px;
        width: 100px;
        margin: 5px;
    }

        .item > figure {
            height: 91px;
            width: 100px;
        }

            .item > figure > img {
                height: 91px;
                width: 100px;
            }

        .item:hover {
            z-index: 2;
        }
            .item:hover > figure {
                border: 0;
                box-shadow: none;
                height: 91px;
                margin: 0;
                moz-box-shadow: none;
                ms-box-shadow: none;
                o-box-shadow: none;
                webkit-box-shadow: none;
                width: 100px;
            }

                .item:hover > figure > img {
                    height: 91px;
                    width: 100px;
                }

                .item:hover > figure > figcaption {
                    display: none;
                }

    .tshirt {
        margin: -8px -8px 0;
        padding: 8px;
    }

        .tshirt figure {
            box-shadow: rgba(0, 0, 0, 0.15) 0 2px 8px;
            float: none;
            margin: 0 auto 16px;
            max-width: 98%;
            min-width: 282px;
            moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 8px;
            ms-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 8px;
            o-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 8px;
            webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 8px;
        }

        .tshirt .tshirtinfo {
            float: none;
            padding: 0 8px;
            width: auto;
        }
    
    
    .tshirt .tshirtLeftView{
        float: none;
            width: auto;
    }
    .tshirt .tshirtLeftView .social-links {
	    clear: both;
	    content: '';
	    display: block;
	    padding-bottom: 5px;
	    text-align: center;
	    padding-top: 0px;
	}
            .tshirt .tshirtinfo h2 {
                font-size: 20px;
                line-height: 24px;
                margin-bottom: 8px;
            }

            .tshirt .tshirtinfo .dropdown {
                margin-right: 0;
            }

                .tshirt .tshirtinfo .dropdown > span {
                    width: 234px;
                }

            .tshirt .tshirtinfo .tshirtinfosize {
                margin-bottom: 12px;
            }

                .tshirt .tshirtinfo .tshirtinfosize .tshirtinfosizingchart {
                    margin-left: 12px;
                }

            .tshirt .tshirtinfo .tshirtinfoorder var {
                font-size: 30px;
                line-height: 32px;
               margin-right: 16px;
            }

            .tshirt .tshirtinfo .tshirtinfoorder .add-cart {
                font-size: 16px;
                min-height: 32px;
                padding: 9px 19px;
            }
    
            .add-cart-alt{
                width: 100%;
                margin:10px 0 0 0;
                height:50px;
            }
            .tshirt .tshirtinfo p {
                margin-bottom: 16px;
            }

            .tshirt .tshirtLeftView .note {
            	width:auto;
            }
	.deDays {
	    margin: 20px 0 20px 0;
	    padding: 0 0;
	}
	.deHeading {
	    margin: 20px 0 20px 0;
	    padding: 0 0;
	}
	.deTitle {
	    color: var(--font-color);
	    margin-bottom:0px;
	    float: left;
	}
	
	.deInfo {
	    margin-top:-10px;
	    text-align: center;
	    margin-bottom: 45px;
	}
	.deDates {
	    font-weight: bold;
	}
	.deType {
	    font-weight: 100;
	}

	.social-button {
	    background-clip: padding-box;
	    background-color: #999;
	    border-color: #999;
	    border-radius: 50%;
	    border-style: solid;
	    border-width: 0;
	    min-height: 30px;
	    max-height: 30px;
	    min-width: 30px;
	    min-width: 30px;
	    list-style-type: none;
		padding: 3px 3px;
	    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
	    color: #fff !important;
	    display: inline-block;
	    font-size: 14px;
	    font-weight: 700;
	    margin: 5px;
	    position: relative;
	    cursor: pointer;
	}

    .paymentsheading {
        background-size: 114px 16px;
    }
	.nextitem {
		display:block;
	}
    .cartlist {
        margin-bottom: 16px;
    }

        .cartlist .cartheading .cartheadinginfo {
            float: none;
        }

            .cartlist .cartheading .cartheadinginfo:after {
                content: ' / ';
            }

        .cartlist .cartheading .cartheadingcontrols {
            display: inline;
            float: none;
        }

        .cartlist .cartitem {
            padding: 8px 0;
        }

            .cartlist .cartitem .cartiteminfo {
                float: none;
                padding-left: 44px;
                width: auto;
            }

                .cartlist .cartitem .cartiteminfo figure {
                    height: 32px;
                    margin-left: -44px;
                    margin-top: 1px;
                    width: 32px;
                }

                    .cartlist .cartitem .cartiteminfo figure img {
                        height: 32px;
                        max-height: 32px;
                        max-width: 32px;
                        width: 32px;
                    }

                .cartlist .cartitem .cartiteminfo h3 {
                    font-size: 16px;
                    line-height: 16px;
                    margin: 0;
                }

                .cartlist .cartitem .cartiteminfo .dropdown > span {
                    line-height: 16px;
                    max-width: 72px;
                }

                    .cartlist .cartitem .cartiteminfo .dropdown > span:after {
                        top: 6px;
                    }

                .cartlist .cartitem .cartiteminfo .checkout-removeitem {
                    clear: left;
                    color: rgba(255, 255, 255, 0);
                    /*float: left;*/
                    font-size: 0;
                    margin-left: 0;
                    /*margin-top: 14px;*/
                }

                    .cartlist .cartitem .cartiteminfo .checkout-removeitem:before {
                        vertical-align: middle;
                    }

                    .cartlist .cartitem .cartiteminfo .checkout-removeitem:after {
                        color: var(--main-color);
                        content: 'Remove';
                        display: inline-block;
                        font-size: 11px;
                        line-height: 20px;
                        vertical-align: middle;
                    }

            .cartlist .cartitem .cartinfocontrols {
                border-left: 0;
                float: none;
                padding: 8px 8px 0;
            }

                .cartlist .cartitem .cartinfocontrols var {
                    margin-left: 12px;
                }

        .cartlist .carttotal {
            padding: 4px 0;
            text-align: right;
        }

            .cartlist .carttotal .carttotalinfo {
                display: inline-block;
                float: none;
                padding-right: 12px;
                width: auto;
            }

            .cartlist .carttotal .carttotalcontrols {
                display: inline-block;
                float: none;
                padding: 0 8px;
            }

    .checkout-buttons .checkout-continueshopping {
        display: none;
    }

    .checkout-buttons.right {
        float: none;
    }

    .checkout-buttons br {
        display: block;
    }

    .checkout-buttons .checkout-proceed {
        float: none;
    }

        .checkout-buttons .checkout-proceed .button {
            box-sizing: border-box;
            display: block;
            margin: 8px 0 !important;
            moz-box-sizing: border-box;
            ms-box-sizing: border-box;
            o-box-sizing: border-box;
            text-align: center;
            webkit-box-sizing: border-box;
            width: 100%;
        }

    .col-left,
    .col-right {
        float: none;
        margin: 10px 0 !important;
        width: auto;
    }

        .col-left .smallfield,
        .col-right .smallfield,
        .shippingMethod > .smallfield,
        .inputform > .smallfield {
            float: none !important;
            padding-left: 0 !important;
        }

            .col-left .smallfield input,
            .col-right .smallfield input,
            .col-left .smallfield select,
            .col-right .smallfield select,
            .shippingMethod > .smallfield input,
            .shippingMethod > .smallfield select, {
                width: 98% !important;
            }
    .performance li {
        display:inline-table;
    }
    .settings_section {
    	flex-direction: column;
    }
    .choose-smtp {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
    }
    .choose-smtp > .button {
    	margin-left: 0px;
    }
    .settings_section > .field {
    	margin-bottom: 50px;
    }

}
.smtp-app-notice {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-decoration-line: underline;
}
.winback-admin,
.customblock-wrap {
    background-color: #fdfdfd;
    border: solid 1px #e0e0e0;
    padding: 10px;
    margin-bottom: 20px;
}
.flex-block {
    display: flex;
    margin: 20px;
}
.flex-block > .flex-row {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
}
    .flex-row > .block-title {
        font-size: 17px;
        margin-left: 10px;
        display: inline-block;
    }
    .flex-row > .block-number {
        font-size: 27px;
        margin-left: 10px;
        display: inline-block;
        font-weight: bold;
        margin-top: 13px;
    }
        .block-number.green {
            color: green;
        }
.copy_details {
	display: inline-block;
	margin-left: 3px;
	cursor: pointer;
}
.ck-editor__editable {
    min-height: 500px;
}