b font { display: none; }

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /*font: inherit; fix odd font issue */ vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html { background-color: #000; }
body { line-height: 1; color: #333; overflow-y:scroll;overflow-x:visible; font-family: 'Cabin',sans-serif; min-width:100px; margin: 0 auto; text-align: left; padding: 0; max-width: 100%; background: #FFF; }


a:link,a:visited { color: #000000; text-decoration: none; }
a:hover,a:active { color: #0087C7; text-decoration: none; }


h1 { /*font-size: 2.2em; margin: 0; border: 0; vertical-align: baseline; font: inherit; font-weight: 700;*/
    font-size: 1.5em; text-align: center; text-decoration: underline; 
    padding: 0.2em; text-shadow: 0.05em 0.05em 0.25em rgba(0,0,0,0.2); margin: 0.5em 0 0 0;
    text-underline-offset: 5px; text-decoration-skip-ink:none; }

h2 { font-size: 1.8em; margin: 0; border: 0; vertical-align: baseline; font: inherit; font-weight: 700; }
h3 { /*font-size: 1.6em;*/ margin: 0.5em 0 0.25em; border: 0; vertical-align: baseline; font: inherit; font-weight: 700; font-size: 133%; }
h4 { font-size: 1.4em; margin: 0; border: 0; vertical-align: baseline; font: inherit; font-weight: 700; }
h5 { font-size: 1.2em; margin: 0; border: 0; vertical-align: baseline; font: inherit; font-weight: 700; }
h6 { font-size: 1.0em; margin: 0; border: 0; vertical-align: baseline; font: inherit; font-weight: 700; }

.infoMessage { color: #00529B; background-color: #BDE5F8; }
.successMessage { color: #4F8A10; background: none; /*background-color: #DFF2BF;*/ border: 1px solid #4F8A10; }
.warningMessage { color: #9F6000; background-color: #FEEFB3; }
.errorMessage, .notice-failure, .block-danger .checkout-header { color: #D8000C; background: none; /*background-color: #FFBABA;*/ border: 1px solid #D8000C; }

.cwb-ui-a-headerNews  { display: block; text-align: center; padding: 0.44em; }

header { background: linear-gradient(180deg, rgba(0,0,0,1) 31%, rgba(0,35,51,1) 70%, rgba(0,130,192,1) 71%, rgba(0,130,192,1) 93%, rgba(21,74,99,1) 97%, rgba(0,0,0,0.65) 98%, rgba(0,0,0,0.48) 99%, rgba(0,0,0,0.07) 100%);
         background: linear-gradient(  0deg, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.48) 1%, rgba(0,0,0,0.65) 2%, rgba(21,74,99,1) 3%, rgba(0,130,192,1) 7%, rgba(0,130,192,1) 29%, rgba(0,35,51,1) 30%, rgba(0,0,0,1) 69%); 
         background: linear-gradient(  0deg, rgba(0,0,0,0.07) 0px, rgba(0,0,0,0.48) 1px, rgba(0,0,0,0.65) 2px, rgba(21,74,99,1) 3px, rgba(0,130,192,1) 5px, rgba(0,130,192,1) 10px, rgba(0,35,51,1) 12px, rgba(0,0,0,1) 33px); 
         padding: 0 0 0.7em 0; font-size: 1.25vw; z-index: 100; position: relative; }

header a:link, header a:visited { color: #FFFFFF; }
header a:hover, header a:active { color: #0087C7; }

header nav { display: -ms-grid; display: grid; -ms-grid-columns: 50px auto 50px; grid-template-columns: 50px auto 50px; text-align: center; }


header .cwb-ui-a-headerLogo img { margin: 1vw 0.5vw; width: calc(194px + 1.5vw); max-width: 100%;
  -webkit-filter: drop-shadow( 0px 2px 3px rgba(0, 0, 0, .7));
  filter: drop-shadow( 0px 2px 3px rgba(0, 0, 0, .7));
}

main { font-size: 0.71em; }

.cwb-ui-a-headerLogo { -ms-grid-row:1; -ms-grid-column:1; }
.cwb-ui-list-MainNav { -ms-grid-row:1; -ms-grid-column:2; }
.cwb-ui-list-AccountNav { -ms-grid-row:1; -ms-grid-column:3; }

header button, header label, header nav > .cwb-ui-btn-cart { background: #000; border:1px solid #FFF; border-radius: 15%; margin: 5px; display: flex; }

header button svg, header button img, header label svg, header label img, header .cwb-ui-btn-cart svg { width: 25px; height: 25px; fill: #FFF; margin: auto; }

header .cwb-ui-btn-ship svg { /*display: none;*/ width: 1.25em; height: 1.25em; fill: #FFF; margin: 0  0.4em 0 0; }

header .cwb-ui-btn-ship:hover svg, header .cwb-ui-btn-ship:active svg { fill: #0087C7; }

header ul { display: none; flex-direction: column; position: absolute; top: calc(40px + 3vw); left: 2vw; padding: 2vw 4vw 2vw 1.5vw; background: #000; border: 1px solid #FFF; /*font-size: 3vw;*/ }

header li { border-right: solid 1px #404040; margin: 0 0 0 0; white-space: nowrap; align-self: center; -ms-grid-row-align: center; }
header li { border-right: solid 1px #404040; margin: 0 0 0 0; white-space: nowrap; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

header li:last-child { border-right: none; }
header li a { padding: 0.25em 0.75em; display: flex; align-items: center; }
header li .cwb-ui-btn-cart span { padding: 0 0 0 0.5em; }
header li img { width: 0.75em; margin: 0  0.4em 0 0;  }

header input:checked + .cwb-ui-list-MainNav { display: flex; font-size: 6vw; }
header input:checked + .cwb-ui-list-MainNav li { border:none; -ms-flex-item-align: start; align-self: flex-start; margin: 2vw 0; }
header input { position: absolute; left: -9999em; }

header input:checked + .cwb-ui-list-MainNav label { position:fixed; top:0; bottom: 0; left:0; right:0; background:rgba(0,0,0,0.2); z-index:-1; border:none; border-radius:0; margin:0; }

header a:hover svg, header a:active svg { fill: #0087C7; }

.cwb-ui-wrap-content { min-height: 50vh; z-index: 30; position: relative; margin: -3px 0 -5px; }

footer { text-align: center; display: -ms-grid; display: grid; -ms-grid-columns: 100vw; grid-template-columns: 100vw; color: #CCC; padding: 50px 0; font-size: calc( 12px + 0.5vw ); z-index: 70; position: relative;
    background: rgb(238,238,238);
    background: -o-linear-gradient(top, rgba(0,0,0,0.07) 0px, rgba(0,0,0,0.48) 1px, rgba(0,0,0,0.65) 2px, rgba(21,74,99,1) 3px, rgba(0,130,192,1) 5px, rgba(0,130,192,1) 10px, rgba(0,35,51,1) 12px, rgba(0,0,0,1) 33px);
    background: linear-gradient(180deg, rgba(0,0,0,0.07) 0px, rgba(0,0,0,0.48) 1px, rgba(0,0,0,0.65) 2px, rgba(21,74,99,1) 3px, rgba(0,130,192,1) 5px, rgba(0,130,192,1) 10px, rgba(0,35,51,1) 12px, rgba(0,0,0,1) 33px); 

    font-size: calc( 12px + 0.5vw );
    font-size: min(calc( 12px + 0.5vw ), 20px);

}

footer section { text-align: left; -ms-grid-column-align: center; justify-self: center; padding: 1vh 5vw; width: 90vw; }

footer ul { display: flex; flex-wrap: wrap; }
footer li { display: inline-block; line-height: 1.5em; white-space: nowrap; }
footer li::after { content: '|'; padding: 0 0.3em; color: #CCC; }
footer li:last-child::after { display: none; }
footer .cwb-ui-heading-footer { /*border-bottom: 2px solid #0087C7;*/ padding: 0 0.1em 0.1em 0; display: inline-block; }

footer a:link, footer a:visited { color: #0087C7; }
footer a:hover, footer a:active { color: #FFFFFF; }

footer a img { width: 194px; -webkit-filter: drop-shadow( 0px 2px 3px rgba(0, 0, 0, .7)); filter: drop-shadow( 0px 2px 3px rgba(0, 0, 0, .7)); max-width: 100%; }

footer .cwNavLiveChat img { display: none; }

.cwb-ui-wrap-footer-logo { width: auto; }
.cwb-ui-wrap-footer-contact { width: auto; text-align: center; }

.cwb-ui-wrap-footer-logo p { width: max-content; margin: 0 auto; display: none; }

/*
.cwb-ui-wrap-footer-social { 

    width: auto; background: #000;
    z-index: 70;
    position: relative;

}
*/

.cwb-ui-wrap-footer-social { padding: 0.85em 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; max-width: 250px; margin: 0 auto; flex-direction: row; }
.cwb-ui-wrap-footer-social li::after { display: none; }
.cwb-ui-wrap-footer-social li img { width: auto; width: calc(14px + 1.5vw); height: calc(14px + 1.5vw);

    width: min(45px, calc(14px + 1.5vw));
    height: min(45px, calc(14px + 1.5vw));

}


@media screen and (orientation: landscape), screen and (min-width: 600px) { 

    header, .cwb-ui-a-headerNews { font-size: min(calc( 8px + 0.5vw ), 16px); }

    header ul { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 min(1.5vw, 15px); padding: 0; /*margin: 8px 0;*/ position: static; border:none; font-size: unset; background: none; }
    header input + .cwb-ui-list-MainNav-wrapper .cwb-ui-list-MainNav  { position: static; /*display: flex;*/ }
    header input:checked + .cwb-ui-list-MainNav li { border-right: solid 1px #404040; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin: 0; }
    header input:checked + .cwb-ui-list-MainNav li:last-child { border:none; }

    header li img { width: 1.0625vw; }
    header button, header label, header nav > .cwb-ui-btn-cart { display: none; }
    header nav { -ms-grid-columns:  -webkit-max-content 1fr -webkit-max-content; -ms-grid-columns:  max-content 1fr max-content; grid-template-columns:  calc(194px + 1.5vw) auto -webkit-max-content; grid-template-columns:  calc(194px + 1.5vw) auto max-content; }
    header .cwb-ui-a-headerLogo img  { 

        margin: 0.5vw 1vw; max-width: unset; margin: min(0.5vw, 6px) min(1vw, 10px) min(0.5vw, 4px);
    
    }

    header a svg { display: block; }

/*
    header .cwb-ui-list-MainNav { display: flex; flex-direction: row; position: static; top: unset; left: unset; padding: un; background: #000; border: 1px solid #FFF; font-size: 3vw; }
*/

    footer { -ms-grid-columns: 33% 33% 33% 33% 33%; grid-template-columns: repeat(auto-fit, minmax(33%, 1fr)); }
    footer a img { width: 10em; }
    footer ul { flex-direction: column; }
    footer li { padding: 0.25em 0 0 0; }
    footer li::after { display: none; }
    footer section { padding: 0.75em 0 0 0; width: 100%; width: max-content; }
    footer .cwb-ui-heading-footer { margin: 0; }
    .cwb-ui-wrap-footer-logo { grid-column: 1 / -1; /*order:-2;*/ grid-column: 1 / 3; grid-row: 1;   }
    .cwb-ui-wrap-footer-contact { grid-column: 1 / -1; grid-column: 2 / -1; grid-row: 1; }

/* ------ from autoprefixer ----- */
    .cwb-ui-wrap-footer-logo { grid-column: 1 / -1; /*order:-2;*/ -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / 3; -ms-grid-row: 1; grid-row: 1;   }
    .cwb-ui-wrap-footer-contact { grid-column: 1 / -1; grid-column: 2 / -1; -ms-grid-row: 1; grid-row: 1; }
/* ------ from autoprefixer ----- */

    .cwb-ui-wrap-footer-logo p { line-height: 1.25em; padding: 0.75em 0 0 0; display: block; }
    .cwb-ui-wrap-footer-contact address { line-height: 1.25em; padding: 0; }
    .cwb-ui-wrap-footer-contact address a { padding: 0 0 0.5em 0; display:inline-block; }
}


@media screen and (orientation: landscape), screen and (min-width: 1000px) { 
    h1 { font-size: 3em; }
    footer { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); -ms-grid-columns: 200px 200px 200px 200px 200px; }
    .cwb-ui-wrap-footer-logo, .cwb-ui-wrap-footer-contact { order: unset; grid-row: unset; }
    .cwb-ui-wrap-footer-logo { grid-column: unset; }
    .cwb-ui-wrap-footer-contact { grid-column: unset; }


    footer { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); -ms-grid-columns: 20% 20% 20% 20% 20%; justify-content: center; }
    .cwb-ui-wrap-footer-logo, .cwb-ui-wrap-footer-contact { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; grid-row: unset; }
    .cwb-ui-wrap-footer-logo { grid-column: unset; }
    .cwb-ui-wrap-footer-contact { grid-column: unset; }


    .cwb-ui-wrap-footer-social ul { max-width: 25%; }

    footer > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; }
    footer > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; }
    footer > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 1; }
    footer > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 4; -ms-grid-column-span: 1; }
    footer > *:nth-child(5) { -ms-grid-row: 1; -ms-grid-column: 5; -ms-grid-column-span: 1; }

/*
    */
}

@media screen and (min-width: 1600px) { 
    footer { grid-template-columns: repeat(auto-fit, minmax(300px, max-content)); -ms-grid-columns: 20% 20% 20% 20% 20%; justify-content: center; }
}


.productFrame {
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20), 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.20), 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20), 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #F8F8F8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#F8F8F8));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#F8F8F8 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#F8F8F8 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#F8F8F8 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#F8F8F8 100%);
    margin: 14px auto;
    overflow: hidden;
    max-width: 750px;
    position: relative;
    font-size: 2em;
    color: #fff;
    font-family: 'WebCabin', sans-serif;
    min-height: 300px;
}

.categoryContent p { padding: 10px 15px; font-size: 1.4em; max-width: 750px; margin:auto; }

/*** modal work ***/

.cartCombinedImage { width: 180px; }

/*---START------------------------------- Sign In -------------------------START---*/







.signin-page, .change-password-page { margin: 0 auto; max-width: 600px; padding: 0 0 5em; }
.change-password-page { margin: 0 auto; max-width: 600px; padding: 5em 0 5em; }

.change-password-page h3 { text-align: center; }

.login-form, .create-account-wrapper { max-width: 500px; margin: 2vh 2vw 2vh; padding: 2em 4em 0.5em; background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8',GradientType=0 );
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset; 
}
#password-recovery { max-width: 500px; margin: 2vh 2vw 2vh; padding: 2em 4em 0.5em; }
.sign-in-actions input, .create-account-wrapper a, .forgot-password-actions input { margin: 15px 0 20px 0; width: 60%;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) inset, 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.5);
    background-color: #0087C7; border: medium none; color: #EEE; cursor: pointer; display: inline-block; font-family: 'WebCabin',sans-serif;
    font-size: 1.7em; line-height: 23px; padding: 9px 0; text-align: center; text-decoration: none; vertical-align: baseline;
    width: 100%; -webkit-appearance: none;
}
.password-recovery-form h2 { font-size: 2em; margin: 0 0 0.5em 0; }
.forgot-password-actions input { background-color: #dcdcdc; color: #222222; text-shadow: 0 1px 1px #fff; margin: 0; }
.create-account-wrapper h4 { font-size: 1.5em; text-align: center; }
.create-account-wrapper a:link, .create-account-wrapper a:visited { color: #EEEEEE; }
.create-account-wrapper a:hover, .create-account-wrapper a:active { color: #FFFFFF; }


@media screen and (orientation: landscape), screen and (min-width: 1000px) { 

    .login-form, .create-account-wrapper { margin: 3em auto 25px; padding: 2em 4em 0.5em; }
    #password-recovery {                   margin: 3em auto 25px; padding: 2em 4em 0.5em; }

}

/*---END------------------------------- Sign In -------------------------END---*/

/*---START------------------------------- Newsletter Signup -------------------------START---*/

.newsletter-page { margin: 0 auto; max-width: 600px; padding: 0 0 5em; }
.footer-newsletter { text-align: center; margin: 15px auto 20px auto;  }
.footer-newsletter p { font-size: 0.75em; padding: 0.5em 0 0 0; }
.footer-newsletter a img { width: 1.25em; height: 1.25em; vertical-align: text-bottom;
    filter: invert(100%) sepia(1%) saturate(1836%) hue-rotate(77deg) brightness(115%) contrast(97%);
    filter: invert(39%) sepia(25%) saturate(2980%) hue-rotate(167deg) brightness(99%) contrast(104%); }
.footer-newsletter a path { color:#FF0000; }
.newsletter-wrapper { margin: 0 auto; max-width: 600px; padding: 0 0 5em; }
.newsletter-page { margin: 2vh 2vw 2vh; padding: 2em 4em 0.5em; background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top, #564e4e 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8',GradientType=0 );
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset; 
}
.newsletter-page p { padding: 0 0 2em 0; font-size: 1.5em; }
.newsletter-actions input { margin: 15px 0 20px 0; width: 60%;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) inset, 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.5);
    background-color: #0087C7; border: medium none; color: #EEE; cursor: pointer; display: inline-block; font-family: 'WebCabin',sans-serif;
    font-size: 1.7em; line-height: 23px; padding: 9px 0; text-align: center; text-decoration: none; vertical-align: baseline;
    width: 100%; -webkit-appearance: none;
}
.newsletter-page .notices { text-align: center; }
.unsubscribe-page p { text-align: center; font-size: 1.5em; padding: 3em 0; }

/*---END------------------------------- Newsletter Signup -------------------------END---*/

/*---START------------------------------- Partnering -------------------------START---*/

.partneringTopicWrapper { max-width: 1200px; display: grid; grid-template-columns: 47% 47%; grid-column-gap: 6%; grid-row-gap: 4%; margin: 0 auto 10%; }
.oversidedBanner { width: 100vw; max-width: 1300px; margin: 0 auto 10%; display: block; }
#partneringWrapper { position:relative; margin:50px 0 6em 0; color:#7E8388; }
#partneringWrapper h2 { font-size: 3em; text-align: left; font-weight: 400;  } 
#partneringWrapper h3 { border-bottom: 1px solid #0087C7; font-size: 2.6em; font-weight: 400; margin-bottom: 20px; padding-left: 3%; text-align: left; width: 80%; }
/*.partneringIntro { width:50%; }*/
.partneringIntro p { padding:10px 40px 50px 0; font-size: 1.1em; }
/*.partneringContactUs { position:absolute; top:0; right:-25px; width:50%; }*/
.partneringContactUs dl { position:relative; padding-left: 30px; }
.partneringContactUs dt { font-size: 1.1em; margin-bottom: 3px; }
.partneringContactUs dd { font-size: 1.5em; margin-bottom: 10px; }
.partneringContactUs .partneringContactEmail { float:right; clear:right; width:60%; }
#partneringWrapper .partneringTopic h3 { padding-left: 6%; padding-top:6%; margin-bottom: 0; }
.partneringTopic { display:inline-block; margin:0; vertical-align: top; 
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8',GradientType=0 );
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
}
/*.partneringTopic:nth-child(2n+1) { margin-right: 45px; }*/
.partneringTopic p { width:80%; margin:10px auto 20px; font-size: 1.2em; }
.partneringTopic ul { font-size: 1.1em; margin: 0 90px 3em 70px; list-style-type: disc; line-height: 1.2em; }
.partneringTopic img { margin: 0 auto; display: block; }
.partneringTopic a { font-size: 1.3em; position:relative; top:20px; left:10%; }
#partneringWrapper a:link, #partneringWrapper a:visited { color:#0087C7; }
#partneringWrapper a:hover, #partneringWrapper a:active { color:#000000; }
@media screen and (max-width: 1316px) {
    .oversidedBanner { margin:0 auto 50px; position:static; left:auto; display:block; }
    .partneringTopic { margin:0 auto 50px; }
}
@media screen and (max-width: 1016px) {
    .partneringTopic, .partneringTopic:nth-child(2n+1) { margin:0 auto 50px; display:block; height:auto; padding-bottom: 50px; }
    .partneringIntro { margin:0 auto; width:476px; }
    .partneringContactUs { position:static; top:auto; right:auto; width:476px; display:block; margin: 0 auto 50px; }
}
@media screen and (max-width: 476px) {
    .partneringTopic, .partneringIntro, .partneringContactUs { width:100%; overflow:hidden; }
    .partneringTopic img { /*margin-left: -78px;*/ width:320px; }
    #partneringWrapper h2 { padding: 0 10px; }
    .partneringIntro p { padding:10px 10px 50px 10px; }
    .partneringContactUs .partneringContactEmail { float:none; clear:none; width:100%; }
}
/*---END--------------------------------- Partnering ---------------------------END---*/    



/*---START------------------------ Shopping Cart / Checkout ------------------START---*/

.minicart-details { position:relative; }

.minicart-item-bottom-row { display:flex; justify-content: space-between; }

.minicart-item-actions { display:flex; /*flex-direction: column; position: absolute; top:0; right:5%;*/ text-align:center; float:none; width:180px; justify-content: space-evenly; }

.minicart-item-summary { display: flex; flex-direction: column; }

.minicart-item-summary > div { padding: 0.25em 0; text-align: right; }

.minicart-subtotal { font-size:18px; }

.checkout-page { font-size: 1.3em; }

.checkout-page .checkout-details { /*display: grid; grid-template-columns: 50% 50%; grid-gap: 2%;*/ margin: 5vw; display: flex; flex-direction: column; }
/*
.checkout-page .alternative-payment-methods { grid-column: 3 / -1; grid-row: 1; display: flex; flex-direction: column; align-items: center; position: absolute; bottom: 100%; left: 0; 
    right: 0; }
*/
.checkout-page .cart-details { grid-column: 1 / 3; background: none; border: none; border-radius: 0; padding: 0; }

.checkout-page .checkout-details-bar { grid-column: 1 / -1; /* grid-row: 1 / 4; */ background: none; border: none; border-radius: 0; padding: 0; }

.checkout-page .stickyWrapper {  position: sticky; top: 15px; }

.checkout-page .cart-item-title { font-weight: 300; font-size: 16px; grid-column: 1 / -1; }

.checkout-page .cart-item-wrapper { display: grid; grid-template-columns: minmax(320px, 50%) minmax(50px, 50%); }

.checkout-page .productThumbnail { position: relative; z-index: 50; }

.minicart-items .cart-kit dl, .checkout-page .cart-kit dl { width: 100%; padding: 20px 0 15px 0; min-height: 60px; }

.checkout-page .cart-kit .productLeadTime { text-align: center; }

.minicart-items dl dt, .checkout-page dl dt { display: inline-block; /*font-size: 12px;*/ font-weight: 700; /*height: 14px;*/ line-height: 14px; margin: 0 0 0 5%; 
    padding: 10px 0 0 0; text-align: right; width: 37%; vertical-align: top;
}
.minicart-items dl dd, .checkout-page dl dd { display: inline-block; /*height: 14px;*/ line-height: 14px; margin: 0 5% 0 -2px; padding: 10px 0 0 18px; width: 52%; }

.minicart-items dl dd.engraving-image-data, .checkout-page dl dd.engraving-image-data { margin: 0; padding-left: 0; padding-right: 0; width: 100%; text-align: center; }

.minicart-items dl dd.engraving-image-data img, .checkout-page dl dd.engraving-image-data img { max-width: 50%; }

.minicart-items .circleColor, .checkout-page .circleColor { width: 12px; height: 12px; border-radius: 12px 12px 12px 12px; margin: 0 3px; display: inline-block;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) inset, 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 0 1px rgba(0, 0, 0, 0.5); position: absolute; margin-left:-15px;
}

.checkout-page .cart-kit { display: flex; flex-direction: column;  }
.checkout-page .cart-kit dl { flex-grow:4; }
.checkout-page .cart-kit p { line-height: 1.5em; }


.checkout-page .productThumbnail { text-align: center; }
.checkout-page .productThumbnail img {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8',GradientType=0 );
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset; 
}

.engraving-text-display { display: block; font-family: "Cabin", "Font Awesome 6 Pro"; line-height: 1.5em; }











/*
.checkout-page .productThumbnail:before, .checkout-page .productThumbnail:after { z-index: -1; position: absolute; content: ""; bottom: 15px;
    left: 10px; width: 100%; top: 80%; max-width: 300px; background: rgba(0,0,0,0.7); -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.7); box-shadow: 0 15px 10px rgba(0,0,0,0.7); -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);
}

.checkout-page .productThumbnail:after { left: 10px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);
}
.checkout-page .productThumbnail > img:first-child { box-shadow: 0 -2px 13px -6px rgba(0, 0, 0, 0.35); }

*/
.checkout-page .cartCombinedImage { width: 320px; }

.productionTime { text-align: center; }
.productionTime select { font-size:12px; width:auto; }

.minicart-modal .minicart-checkout-button { background-color: #0087C7;  cursor: pointer; font-size: 1.7em; border: none; padding: 9px 0; text-align: center;
    text-decoration: none; vertical-align: baseline; font-family: 'WebCabin', sans-serif; position: relative; width: 60%; margin: 5% auto 0;
    color: #EEEEEE; display: block; line-height: 1em;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8), 0 1px 1px rgba(0,0,0,0.5);
}

.checkout-page .scOSCheckOut { background-color: #0087C7;  cursor: pointer; font-size: 1.7em; border: none; padding: 9px 0; text-align: center;
    text-decoration: none; vertical-align: baseline; font-family: 'WebCabin', sans-serif; position: relative; width: 90%; margin: 5% auto 0;
    color: #EEEEEE; display: block; line-height: 1em;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8), 0 1px 1px rgba(0,0,0,0.5);
}

.checkout-page .scOSCheckOutClicked { background-color: #AAA; }

.cwActionButton { background-color: #0087C7;  cursor: pointer; font-size: 1.7em; border: none; text-align: center;
    text-decoration: none; vertical-align: baseline; font-family: 'WebCabin', sans-serif; position: relative; 
    color: #EEEEEE; display: block; line-height: 1em;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8), 0 1px 1px rgba(0,0,0,0.5);
}
.cwActionButton:hover { color: #fff; background-color: #0065A5; }


.checkout-page .order-details section {
    border: none; margin-bottom: 0; border-radius: 0; padding: 1% 5% 8% 5%;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8',GradientType=0 );
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
}

.checkout-page .cart-details section { padding: 1% 2% 8% 2%; }
.checkout-page .CWcheckoutUserDetails { /*background: #F5F6F7;*/ padding: 0; margin-bottom: 2em; /*border: #DDD 5px solid; */

    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8',GradientType=0 );
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
}
.checkout-header { padding: 0.35em; }
.checkout-block .checkout-header { background-color: #DDD; }

span.currencyNote { font-weight: 300; font-size: 1em; width: 100%; text-align: center; display:inline-block; }

.js-selected-address { display: flex; flex-direction: row; }
.js-selected-address > div { width: 50%; }

.checkout-content { padding: 1.5em; }

.entered-promo { display: flex; }
.entered-promo span { border: 1px solid #DDD; padding: 3px 5px; border-radius: 4px 0 0 4px; }
.removePromo { margin-bottom: 0; text-align: center; vertical-align: middle; touch-action: manipulation;
    -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
    cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; border-radius: 0 4px 4px 0;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #e4352f; border-color: #DDD; font-weight: bold; display: flex; align-items: center; border-left: none;
}
.removePromo .fas { font-size: 0.8em; padding: 0 5px 0 6px; color: #e4352f; font-family: "Font Awesome 5 Free"; font-weight: 900; }
a.removePromo:link, a.removePromo:visited { color: #fff; color: #e4352f; }

.orderSummaryWrapper { font-family: 'Roboto'; }
.shipping-method .shipping-method span { font-family: 'Roboto'; font-weight: 500; padding: 0 0 0 3px; }

.shipping-estimator-wrap .form-label-suffix-optional { display:none; }

.shipping-method .radio input[type="radio"] { position: relative; top: 1px; } 

.shipping-method label { padding: 3px 0 3px 20px; }

.selected-shipping-option button { margin: 1em 0; }

.checkout-content .errorMessage { margin: 0.5em 0; padding:0.5em 0; text-align: center; }

.continue-shopping-text { font-size: 16px; margin: 0 auto; display: block; padding: 60px 0 60px; clear: both; text-align: center; }

@media screen and (orientation: landscape), screen and (min-width: 1050px) { 
    .checkout-page .CWcheckoutUserDetails { margin-bottom: 0; }
    .checkout-page .checkout-details { display: grid; grid-template-columns: 33% 33% 33%; grid-template-columns: 29% 36% 29%; grid-column-gap: 3%; grid-row-gap: 3%; max-width: 1200px; 
    margin: 50px auto; /*grid-auto-rows: 1fr;*/ }
    .checkout-page .checkout-details-bar { grid-column: 3 / -1; grid-row: 1 / 4; }

    
    .checkout-page .order-details section { padding: 1% 5% 8% 5%; }

}

label .address-info { line-height: 1.75em; }


.credit-card-form row { display: flex; }
.credit-card-form column { width: 50%; }

.credit-card-form { max-width: 450px; margin: 20px auto 80px; }

.credit-card-form .notice-wrap { margin: 2em 3em; text-align: center; }
.credit-card-form .g-recaptcha > div { margin: 0 auto 2em auto; }

.credit-card-secured-form { max-width: 100%; padding: 5%; }

.credit-card-actions { display: flex; justify-content: space-evenly; }

.jp-card .jp-card-front .jp-card-lower .jp-card-name { font-size: 1.35em; }
.jp-card .jp-card-front .jp-card-lower .jp-card-number { font-size: 1.5em; }

.form-group-medium .entry-feedback-wrapper, .form-group-medium select.form-control { width: 100%; }

.save-credit-card-text div { text-align: center; }

#card-entry-wrapper { display: none; }

.form-group-xsmall .entry-feedback-wrapper, .form-group-xsmall select.form-control { width: 60%; }

.on-site-payment-methods, .payment-details { display: flex; flex-direction: column; margin-bottom:0; align-items: center; }

.on-site-payment-methods a, .giftCardArea a.choose-payment-method-button { border-color:#000000; text-align:center; width:220px; }

.choose-payment-method-button { /*padding: 4px 0;*/ }

.choose-payment-method-button span { line-height: 28px; }

.choose-payment-method-button  .creditCardImages { display:flex; flex-grow:1; justify-content: space-evenly; margin:0 0 7px 0; }

.choose-payment-method-button  .creditCardImages img { width:15%; position:relative; top:3px; height:15px; }

.giftCardArea a { margin: 0 auto; display: block; }

.giftCardArea a span { line-height: 28px; }

.giftCardArea a img { width:1em; position: relative; top: 1px; }

.giftCardArea .input-group { margin:0 0 0.5em 0; }

.gift-card-entry-form { padding: 1.5em 0 0 0; }

.gift-card-entry-form label, .gift-card-entry-form .field-validation-error { padding: 0.5em; }

.on-site-payment-methods a:link, .on-site-payment-methods a:visited, .giftCardArea a:link, .giftCardArea a:visited  { color:#0087C7; }

.payment-details span { align-self: center; padding: 0.25em 0.2em 0; }

.duties-taxes-warning { margin: 1em; padding:0.75em; font-size:0.8em; color: #f0be00;  outline: 2px solid #f0be00; text-shadow: 0 0 #333; line-height: 1.2em; }

.skin-shipping-message { margin: 1em; padding:0.75em; font-size:0.8em; color: #f0be00; outline: 2px solid #f0be00; text-shadow: 0 0 #333; line-height: 1.2em; text-align:center;  }

.signature-required-message { margin: 1em; padding:0.75em; font-size:0.8em; color: #f0be00;  outline: 2px solid #f0be00; text-shadow: 0 0 #333; line-height: 1.2em; }


/*
.shipping-estimator-wrap + form { display:none; }  This is a bit of a hack to hide returned shipping methods when the estimator is shown */

.payment-method-actions { /*position: absolute; top: 0; right: 0;*/ }

.payment-method-detail { display: flex; padding: 0.5em 0; position: relative; }

.order-details, .shipping-estimator { border: none; }

.checkout-action-row { text-align: center; }

.stickyWrapper .col-md-6 { width: auto; float: none; }

.alternative-payment-methods { text-align: center; }

.edit-payment-method-checkout-button:link, .edit-payment-method-checkout-button:visited { color:#0087C7; }
.edit-payment-method-checkout-button:hover, .edit-payment-method-checkout-button:active { color:#0098D8; }

.GiftCardBlank { display: none; }

.hide-payment-methods-checkout-button { display:none; }

.giftCardCoversTotal { display: block; }

.cart-item-quantity { display: flex; margin:4% 0 0; /*flex-wrap: wrap;*/ }

.cart-item-quantity .scOSCheckOut { margin: 0.5em 1% 0; width:26%; font-weight:300; border-radius: 0; position: relative; }

.cart-item-quantity .cart-quantity { margin: 0 1%; }

.cart-subtotal-wrap { width:20%; font-size: 1.75em; text-align:right; align-self:flex-end; line-height: 1.9em; height: 1.9em; }

.cart-item-quantity .update-cart-button:after { content:''; border-width: 1em 0 1em 2em; border-color: red; position: absolute; }

.freeSkinMessage { clear: both; padding: 2em 0 0 0; text-align:center; }

.freeSkinMessage span { font-weight: 700; font-size: 1.3em; }

.empty-shopping-cart div, .empty-mini-cart-text { text-align: center; margin: 3em 0; }
.empty-shopping-cart div p, .empty-mini-cart-text p { margin: 1em 0; font-size:2em; }
.empty-shopping-cart div a, .empty-mini-cart-text a { max-width: 15em; display:block; margin: 2em auto; padding:0.5em 0; }
.continue-shopping-text div a, .continue-shopping-text a { max-width: 15em; display:block; margin: 2em auto; padding:0.5em 0; font-size: 1.25em; }

.empty-shopping-cart div a:link, .empty-shopping-cart div a:visited { color: #EEE; }
.empty-mini-cart-text a:link, .empty-mini-cart-text a:visited { color: #EEE; }
.continue-shopping-text a:link, .continue-shopping-text a:visited { color: #EEE; }

.alternative-payment-button { width:220px; margin-bottom: 5px; }


@media screen and (orientation: portrait) { 
    .checkout-page .cart-item-wrapper { grid-template-columns: 100%; }
    .cart-item-quantity { flex-wrap:wrap; }
    .cart-item-quantity .scOSCheckOut { width:48%; }
    .cart-subtotal-wrap { width:98%; }
    .cart-item-quantity .cart-quantity { width:auto; padding: 15px 0 0 0; margin: 0 auto; }
}
.strikeThrough { position: relative; }
.strikeThrough:after { background: #000000 none repeat scroll 0 0; content: ""; display: block; height: 2px; right: 0;
    position: absolute; top: 50%; width: 82%; z-index: 55; transform: rotate(8deg);
}
.freeSkinMessage+.cart-subtotal { display: inline-block; float: right; margin: -6px 10px 0 0; }

.altPaymentWrapper.Passing { display:none; }


.cwCartEmailEntry p { padding: 0.5em; }
.cwCartEmailEntry p span { font-weight: 700; }
.js-checkout-login-form a { margin: 1em 0 0 0; display: block; }

.js-checkout-login-form a:link, .js-checkout-login-form a:visited { color:#0087C7; }
.js-checkout-login-form a:hover, .js-checkout-login-form a:active { color:#0098D8; }
.js-create-account-form .warningMessage { margin: 0.5em auto; padding: 0.5em; font-size: 0.8em; line-height: 1.2em; }

.cwCartEmailEntry .form-group .whats-this, .checkout-details-bar .whats-this { position: relative; top: -2px; }

.js-create-account-form .create-account-button { color: #EEEEEE; background-color: #0087C7; border-color: #0087C7; }

/*---END--------------------------- Shopping Cart / Checkout -------------------END---*/  

/*---START------------------------ Amazon Payments ------------------START---*/

.amazonPayments { max-width: 600px; margin: 1em auto 3em; text-align: center; }

.amazonPayments button, .amazonPayments a { background-color: #0087C7; cursor: pointer; font-size: 1.7em; border: none; padding: 9px 0; text-align: center; text-decoration: none; vertical-align: baseline; font-family: 'WebCabin', sans-serif;
    position: relative; width: 90%; margin: 0.5em; color: #EEEEEE; line-height: 1em; box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8), 0 1px 1px rgba(0,0,0,0.5); max-width:200px;
}
.amazonPayments a { background-color: #CCCCCC; color: #0087C7; }

.amazonPayments .form-group { display:none; }

.amazonPaymentBlock { margin: 1em; }

.amazonPaymentSelectedLink { vertical-align: middle; position: relative; top: 2px; }

.amazonPaymentShipping { padding: 1.5em 0 0 0; }

/*---END-------------------------- Amazon Payments --------------------END---*/  

/*---START------------------------ Default Home Page ------------------START---*/

.bannerSlice { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.bannerSlice a { border-right: solid 1px #7f7f7f; margin:1vw 0; /*padding: 2vw 0;*/ }
.bannerSlice a:last-child { border-right: none; }
.indexWrapper img { width: 100%; }
.indexWrapper a { line-height: 0; display: block;  }
.indexWrapper li { position: relative; overflow:hidden; background-color: rgb(255,255,255); padding: 3vw 0; }
.indexWrapper > *:nth-child(2) { border-top: 1.25vw solid #000; border-bottom: 1.25vw solid #000; background: #000;}
.indexWrapper > *:last-child { border-top: 1.25vw solid #000; background: #000;}
.indexWrapper li:nth-child(even)  { background-color: rgb(245,245,245); }
.indexWrapper li img { position: relative; left: 20%; width: 100%; }
.indexWrapper li:nth-child(even) img { position: relative; left: -20%; }
.indexWrapper li img.justBanner { left: 0; }
.indexWrapper li .bannerTagLine { position: absolute; left: -24%; top:50%; line-height: 1.52em; width:100%; height:100%; margin-top:-2.25em; text-align: center; font-size: calc( 15px + 0.5vw ); font-family: "Raleway"; }
.indexWrapper li:nth-child(even) .bannerTagLine { left: 24%; }
.indexWrapper ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; }
.indexWrapper li .bannerButton { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); border:none; color:#FFF; display:inline-block; white-space: nowrap; margin:0.7em auto 0; padding: 0 1em; }
.indexWrapper li .bannerButton span:after { content: 'Customize Yours';  font-family: "Raleway"; font-size: 0.75em; }
@media screen and (orientation: landscape), screen and (min-width: 1000px) { 
    .indexWrapper li { width: 50vw; }
    .indexWrapper ul { display: -ms-grid; display: grid; -ms-grid-columns: (50vw)[2]; grid-template-columns: repeat(2, 50vw); -ms-grid-rows: 22vw 22vw 22vw; grid-template-rows: 22vw 22vw 22vw; grid-auto-flow: column; }
    .indexWrapper ul > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
    .indexWrapper ul > *:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; }
    .indexWrapper ul > *:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1; }
    .indexWrapper ul > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 2; }
    .indexWrapper ul > *:nth-child(5) { -ms-grid-row: 2; -ms-grid-column: 2; }
    .indexWrapper ul > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 2; }
}

/*---END-------------------------- Default Home Page --------------------END---*/  

/*---START------------------------ Topics ------------------START---*/

.cwTopicBoxTitle { border-bottom: 1px solid #0087C7; color: #7E8388; font-weight: 100; margin: 0 0 20px 0; padding-left: 3%; text-align: left; width: 50%; font-size:2.5em; }
.cwTopicBox { padding: 6em 0; max-width: 800px; margin: 0 auto; }
.cwTopicBox .full-blue-button { background-color: #0087C7; border: medium none; color: #EEE; cursor: pointer; display: inline-block; font-family: 'WebCabin',sans-serif;
    font-size: 1.7em; line-height: 23px; padding: 9px 0; text-align: center; text-decoration: none; vertical-align: baseline; width: 100%; -webkit-appearance: none; }
.cwTopicBox p { line-height: 1.3em; padding: 1.3em 0 0 0; font-size: 1.2em; }
.topicSubprivacy-policy p { text-indent: 3em; }
.topicSubprivacy-policy .sectionToExpand { margin:0 0 40px 0; }


.topicSubprivacy-policy h5 { margin: 3em 0 0; }

.topicSubpress  { max-width: 1000px; }
.topicSubpress  p { margin: 0 15px 15px 15px; }
.topicSubpress .mainTopicImage { position: absolute; top: 0; left: -44em; }
.topicSubpress ul img { position: absolute; }
.topicSubpress ul .pressImageLink1 img { left: 0; top:0; }
.topicSubpress ul .pressImageLink2 img { left: 9em; top: 0; }
.topicSubpress ul iframe { position: absolute; left: 0; top: 0; margin: 7px 0; }
.topicSubpress ul { display: flex; flex-wrap: wrap; }
.topicSubpress ul li { padding: 1.5em 0 0 18em; /*clear: left;*/ position: relative; min-height: 160px; width:50%; }
.topicSubpress ul p { padding: 0; margin: 0; }

.topicSubcontact-us ul { /*width:94%; display:inline-block; vertical-align: top; */ text-align: left; font-size: 1.1em; display: flex; }
.topicSubcontact-us li { width: 33%;  /*display: inline-block;*/ padding: 30px 0; text-align: center; /*vertical-align: middle; */}
.topicSubcontact-us-form { width:54%; background:none; box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow:none; display:inline-block; }
.topicSubcontact-us p { padding: 0; }
.topicSubcontact-us a.full-blue-button { width: 60%; color:#EEE; font-size: 1.3em; }
.topicSubcontact-us a.full-blue-button:hover { color:#FFF; }
.topicSubcontact-us-form img { display: none; }
.topicSubcontact-us-form input { width: 13em;  }
.topicSubcontact-us-form textarea { width: 13.3em;  }
.topicSubcontact-us-form h3 { width: 100%; text-align: center; display: block; }
.topicSubcontact-us-form dl { padding: 1.5em 0; }
.topicSubcontact-us-form dt { display: inline-block; width: 35%; text-align: right; vertical-align: top; padding: 0.5em; }
.topicSubcontact-us-form dd { display: inline-block; width: 55%; padding: 0.5em; }
.topicSubcontact-us-form #cwCSendContact { width: 50%; margin: 0 auto; display: block; }

.topicSubcontact-us .CompanyHelpList { display:grid; grid-template-columns: minmax(200px, 25%) 1fr; margin:0 0 6em 0; }
.topicSubcontact-us .CompanyHelpList li { width:100%; padding:0 10px 0 0; }
.topicSubcontact-us .CompanyHelpList > li { display:flex; flex-direction: column; margin:3em 0 0 0; }
.topicSubcontact-us .CompanyHelpList > li img { width: 70px; height:70px; margin:auto; }
.topicSubcontact-us .CompanyHelpList ul { flex-direction: column; }
.topicSubcontact-us .CompanyHelpList ul li { text-align: left; list-style: disc; font-size: 0.85em; padding:0.5em 0; }

.topicSubcontact-us a:link, .topicSubcontact-us a:visited { color:#0087C7; }
.topicSubcontact-us a:hover, .topicSubcontact-us a:active { color:#0098D8; }

.topicSubcontact-us a.full-blue-button:link, .topicSubcontact-us a.full-blue-button:visited { color:#CCCCCC; }
.topicSubcontact-us a.full-blue-button:hover, .topicSubcontact-us a.full-blue-button:active { color:#EEEEEE; }

.cwTopicBox .redMessage { color: #D8000C; }


@media screen and (orientation: portrait) { 
    .topicSubpress ul li { width:90%; margin:auto; }
    .topicSubprivacy-policy .sectionToExpand { padding:0 5%; }
    .topicSubcontact-us ul { flex-direction:column; }
    .topicSubcontact-us li { width: 88%; margin: 0 auto; }
}

.topicSubholiday-order-dates { max-width: 800px; }

.topicSubholiday-order-dates .date-boxes-wrapper {  background:#cc1801; text-align: center; padding: 2em 0 2em 0;}

.topicSubholiday-order-dates .date-boxes-wrapper > p { text-align: center; color:#EEE; padding:14px 0; font-size: 1.2em; }
.topicSubholiday-order-dates .date-boxes-wrapper ul { text-align: center; display: flex; justify-content: center; }
.topicSubholiday-order-dates .date-boxes-wrapper ul li { margin:0 1em; padding:0 0 6px 0; width:150px; background:#F0F0F0; }
.topicSubholiday-order-dates .date-boxes-wrapper ul li h5 { background:#DCDCDC; padding:5px 0; color:#cc1801; font-size: 18px; line-height: 17px; }
.topicSubholiday-order-dates .date-boxes-wrapper ul li p { font-size: 1.2em; margin: 0.5em 0 0 0; color:#000000; padding: 0; }
.topicSubholiday-order-dates .date-boxes-wrapper ul li.pastDeadline p { color:#cc1801; }
.topicSubholiday-order-dates .date-boxes-wrapper ul li .holidayDate { font-size: 4em; margin:5px 0; font-weight: 700; padding:0; }

/*---END-------------------------- Topics --------------------END---*/  

.flagSprite { background: url('../images/flags/sprite.png') no-repeat top left; width: 16px; height: 11px; display: inline-block; margin: 0 5px 0 0; } 
.flagSprite.adflag { background-position: 0 0; } .flagSprite.aeflag { background-position: 0 -21px; } .flagSprite.afflag { background-position: 0 -42px; } .flagSprite.agflag { background-position: 0 -63px; } .flagSprite.aiflag { background-position: 0 -84px; } .flagSprite.alflag { background-position: 0 -105px; } .flagSprite.amflag { background-position: 0 -126px; } .flagSprite.anflag { background-position: 0 -147px; } .flagSprite.aoflag { background-position: 0 -168px; } .flagSprite.arflag { background-position: 0 -189px; } .flagSprite.asflag { background-position: 0 -210px; } .flagSprite.atflag { background-position: 0 -231px; } .flagSprite.auflag { background-position: 0 -252px; } .flagSprite.awflag { background-position: 0 -273px; } .flagSprite.axflag { background-position: 0 -294px; } .flagSprite.azflag { background-position: 0 -315px; } .flagSprite.baflag { background-position: 0 -336px; } .flagSprite.bbflag { background-position: 0 -357px; } .flagSprite.bdflag { background-position: 0 -378px; } .flagSprite.beflag { background-position: 0 -399px; } .flagSprite.bfflag { background-position: 0 -420px; } .flagSprite.bgflag { background-position: 0 -441px; } .flagSprite.bhflag { background-position: 0 -462px; } .flagSprite.biflag { background-position: 0 -483px; } .flagSprite.bjflag { background-position: 0 -504px; } .flagSprite.bmflag { background-position: 0 -525px; } .flagSprite.bnflag { background-position: 0 -546px; } .flagSprite.boflag { background-position: 0 -567px; } .flagSprite.bqflag { background-position: 0 -588px; } .flagSprite.brflag { background-position: 0 -609px; } .flagSprite.bsflag { background-position: 0 -630px; } .flagSprite.btflag { background-position: 0 -651px; } .flagSprite.bvflag { background-position: 0 -672px; } .flagSprite.bwflag { background-position: 0 -693px; } .flagSprite.byflag { background-position: 0 -714px; } .flagSprite.bzflag { background-position: 0 -735px; } .flagSprite.caflag { background-position: 0 -756px; } .flagSprite.ccflag { background-position: 0 -777px; } .flagSprite.cdflag { background-position: 0 -798px; } .flagSprite.cfflag { background-position: 0 -819px; } .flagSprite.cgflag { background-position: 0 -840px; } .flagSprite.chflag { background-position: 0 -861px; } .flagSprite.ciflag { background-position: 0 -882px; } .flagSprite.ckflag { background-position: 0 -903px; } .flagSprite.clflag { background-position: 0 -924px; } .flagSprite.cmflag { background-position: 0 -945px; } .flagSprite.cnflag { background-position: 0 -966px; } .flagSprite.coflag { background-position: 0 -987px; } .flagSprite.crflag { background-position: 0 -1008px; } .flagSprite.csflag { background-position: 0 -1029px; } .flagSprite.cuflag { background-position: 0 -1050px; } .flagSprite.cvflag { background-position: 0 -1071px; } .flagSprite.cwflag { background-position: 0 -1092px; } .flagSprite.cxflag { background-position: 0 -1113px; } .flagSprite.cyflag { background-position: 0 -1134px; } .flagSprite.czflag { background-position: 0 -1155px; } .flagSprite.deflag { background-position: 0 -1176px; } .flagSprite.djflag { background-position: 0 -1197px; } .flagSprite.dkflag { background-position: 0 -1218px; } .flagSprite.dmflag { background-position: 0 -1239px; } .flagSprite.doflag { background-position: 0 -1260px; } .flagSprite.dzflag { background-position: 0 -1281px; } .flagSprite.ecflag { background-position: 0 -1302px; } .flagSprite.eeflag { background-position: 0 -1323px; } .flagSprite.egflag { background-position: 0 -1344px; } .flagSprite.ehflag { background-position: 0 -1365px; } .flagSprite.erflag { background-position: 0 -1386px; } .flagSprite.esflag { background-position: 0 -1407px; } .flagSprite.etflag { background-position: 0 -1428px; } .flagSprite.fiflag { background-position: 0 -1449px; } .flagSprite.fjflag { background-position: 0 -1470px; } .flagSprite.fkflag { background-position: 0 -1491px; } .flagSprite.fmflag { background-position: 0 -1512px; } .flagSprite.foflag { background-position: 0 -1533px; } .flagSprite.frflag { background-position: 0 -1554px; } .flagSprite.gaflag { background-position: 0 -1575px; } .flagSprite.gbflag { background-position: 0 -1596px; } .flagSprite.gdflag { background-position: 0 -1617px; } .flagSprite.geflag { background-position: 0 -1638px; } .flagSprite.gfflag { background-position: 0 -1659px; } .flagSprite.ghflag { background-position: 0 -1680px; } .flagSprite.giflag { background-position: 0 -1701px; } .flagSprite.glflag { background-position: 0 -1722px; } .flagSprite.gmflag { background-position: 0 -1743px; } .flagSprite.gnflag { background-position: 0 -1764px; } .flagSprite.gpflag { background-position: 0 -1785px; } .flagSprite.gqflag { background-position: 0 -1806px; } .flagSprite.grflag { background-position: 0 -1827px; } .flagSprite.gsflag { background-position: 0 -1848px; } .flagSprite.gtflag { background-position: 0 -1869px; } .flagSprite.guflag { background-position: 0 -1890px; } .flagSprite.gwflag { background-position: 0 -1911px; } .flagSprite.gyflag { background-position: 0 -1932px; } .flagSprite.hkflag { background-position: 0 -1953px; } .flagSprite.hmflag { background-position: 0 -1974px; } .flagSprite.hnflag { background-position: 0 -1995px; } .flagSprite.hrflag { background-position: 0 -2016px; } .flagSprite.htflag { background-position: 0 -2037px; } .flagSprite.huflag { background-position: 0 -2058px; } .flagSprite.idflag { background-position: 0 -2079px; } .flagSprite.ieflag { background-position: 0 -2100px; } .flagSprite.ilflag { background-position: 0 -2121px; } .flagSprite.inflag { background-position: 0 -2142px; } .flagSprite.ioflag { background-position: 0 -2163px; } .flagSprite.iqflag { background-position: 0 -2184px; } .flagSprite.irflag { background-position: 0 -2205px; } .flagSprite.isflag { background-position: 0 -2226px; } .flagSprite.itflag { background-position: 0 -2247px; } .flagSprite.jmflag { background-position: 0 -2268px; } .flagSprite.joflag { background-position: 0 -2289px; } .flagSprite.jpflag { background-position: 0 -2310px; } .flagSprite.keflag { background-position: 0 -2331px; } .flagSprite.kgflag { background-position: 0 -2352px; } .flagSprite.khflag { background-position: 0 -2373px; } .flagSprite.kiflag { background-position: 0 -2394px; } .flagSprite.kmflag { background-position: 0 -2415px; } .flagSprite.knflag { background-position: 0 -2436px; } .flagSprite.kpflag { background-position: 0 -2457px; } .flagSprite.krflag { background-position: 0 -2478px; } .flagSprite.kwflag { background-position: 0 -2499px; } .flagSprite.kyflag { background-position: 0 -2520px; } .flagSprite.kzflag { background-position: 0 -2541px; } .flagSprite.laflag { background-position: 0 -2562px; } .flagSprite.lbflag { background-position: 0 -2583px; } .flagSprite.lcflag { background-position: 0 -2604px; } .flagSprite.liflag { background-position: 0 -2625px; } .flagSprite.lkflag { background-position: 0 -2646px; } .flagSprite.lrflag { background-position: 0 -2667px; } .flagSprite.lsflag { background-position: 0 -2688px; } .flagSprite.ltflag { background-position: 0 -2709px; } .flagSprite.luflag { background-position: 0 -2730px; } .flagSprite.lvflag { background-position: 0 -2751px; } .flagSprite.lyflag { background-position: 0 -2772px; } .flagSprite.maflag { background-position: 0 -2793px; } .flagSprite.mcflag { background-position: 0 -2814px; } .flagSprite.mdflag { background-position: 0 -2835px; } .flagSprite.meflag { background-position: 0 -2856px; } .flagSprite.mfflag { background-position: 0 -2877px; } .flagSprite.mgflag { background-position: 0 -2898px; } .flagSprite.mhflag { background-position: 0 -2919px; } .flagSprite.mkflag { background-position: 0 -2940px; } .flagSprite.mlflag { background-position: 0 -2961px; } .flagSprite.mmflag { background-position: 0 -2982px; } .flagSprite.mnflag { background-position: 0 -3003px; } .flagSprite.moflag { background-position: 0 -3024px; } .flagSprite.mpflag { background-position: 0 -3045px; } .flagSprite.mqflag { background-position: 0 -3066px; } .flagSprite.mrflag { background-position: 0 -3087px; } .flagSprite.msflag { background-position: 0 -3108px; } .flagSprite.mtflag { background-position: 0 -3129px; } .flagSprite.muflag { background-position: 0 -3150px; } .flagSprite.mvflag { background-position: 0 -3171px; } .flagSprite.mwflag { background-position: 0 -3192px; } .flagSprite.mxflag { background-position: 0 -3213px; } .flagSprite.myflag { background-position: 0 -3234px; } .flagSprite.mzflag { background-position: 0 -3255px; } .flagSprite.naflag { background-position: 0 -3276px; } .flagSprite.ncflag { background-position: 0 -3297px; } .flagSprite.neflag { background-position: 0 -3318px; } .flagSprite.nfflag { background-position: 0 -3339px; } .flagSprite.ngflag { background-position: 0 -3360px; } .flagSprite.niflag { background-position: 0 -3381px; } .flagSprite.nlflag { background-position: 0 -3402px; } .flagSprite.noflag { background-position: 0 -3423px; } .flagSprite.npflag { background-position: 0 -3444px; } .flagSprite.nrflag { background-position: 0 -3465px; } .flagSprite.nuflag { background-position: 0 -3486px; } .flagSprite.nzflag { background-position: 0 -3507px; } .flagSprite.omflag { background-position: 0 -3528px; } .flagSprite.paflag { background-position: 0 -3549px; } .flagSprite.peflag { background-position: 0 -3570px; } .flagSprite.pfflag { background-position: 0 -3591px; } .flagSprite.pgflag { background-position: 0 -3612px; } .flagSprite.phflag { background-position: 0 -3633px; } .flagSprite.pkflag { background-position: 0 -3654px; } .flagSprite.plflag { background-position: 0 -3675px; } .flagSprite.pmflag { background-position: 0 -3696px; } .flagSprite.pnflag { background-position: 0 -3717px; } .flagSprite.prflag { background-position: 0 -3738px; } .flagSprite.psflag { background-position: 0 -3759px; } .flagSprite.ptflag { background-position: 0 -3780px; } .flagSprite.pwflag { background-position: 0 -3801px; } .flagSprite.pyflag { background-position: 0 -3822px; } .flagSprite.qaflag { background-position: 0 -3843px; } .flagSprite.reflag { background-position: 0 -3864px; } .flagSprite.roflag { background-position: 0 -3885px; } .flagSprite.rsflag { background-position: 0 -3906px; } .flagSprite.ruflag { background-position: 0 -3927px; } .flagSprite.rwflag { background-position: 0 -3948px; } .flagSprite.saflag { background-position: 0 -3969px; } .flagSprite.sbflag { background-position: 0 -3990px; } .flagSprite.scflag { background-position: 0 -4011px; } .flagSprite.sdflag { background-position: 0 -4032px; } .flagSprite.seflag { background-position: 0 -4053px; } .flagSprite.sgflag { background-position: 0 -4074px; } .flagSprite.shflag { background-position: 0 -4095px; } .flagSprite.siflag { background-position: 0 -4116px; } .flagSprite.sjflag { background-position: 0 -4137px; } .flagSprite.skflag { background-position: 0 -4158px; } .flagSprite.slflag { background-position: 0 -4179px; } .flagSprite.smflag { background-position: 0 -4200px; } .flagSprite.snflag { background-position: 0 -4221px; } .flagSprite.soflag { background-position: 0 -4242px; } .flagSprite.srflag { background-position: 0 -4263px; } .flagSprite.stflag { background-position: 0 -4284px; } .flagSprite.svflag { background-position: 0 -4305px; } .flagSprite.sxflag { background-position: 0 -4326px; } .flagSprite.syflag { background-position: 0 -4347px; } .flagSprite.szflag { background-position: 0 -4368px; } .flagSprite.tcflag { background-position: 0 -4389px; } .flagSprite.tdflag { background-position: 0 -4410px; } .flagSprite.tfflag { background-position: 0 -4431px; } .flagSprite.tgflag { background-position: 0 -4452px; } .flagSprite.thflag { background-position: 0 -4473px; } .flagSprite.tjflag { background-position: 0 -4494px; } .flagSprite.tkflag { background-position: 0 -4515px; } .flagSprite.tlflag { background-position: 0 -4536px; } .flagSprite.tmflag { background-position: 0 -4557px; } .flagSprite.tnflag { background-position: 0 -4578px; } .flagSprite.toflag { background-position: 0 -4599px; } .flagSprite.trflag { background-position: 0 -4620px; } .flagSprite.ttflag { background-position: 0 -4641px; } .flagSprite.tvflag { background-position: 0 -4662px; } .flagSprite.twflag { background-position: 0 -4683px; } .flagSprite.tzflag { background-position: 0 -4704px; } .flagSprite.uaflag { background-position: 0 -4725px; } .flagSprite.ugflag { background-position: 0 -4746px; } .flagSprite.ukflag { background-position: 0 -4767px; } .flagSprite.umflag { background-position: 0 -4788px; } .flagSprite.usflag { background-position: 0 -4809px; } .flagSprite.uyflag { background-position: 0 -4830px; } .flagSprite.uzflag { background-position: 0 -4851px; } .flagSprite.vaflag { background-position: 0 -4872px; } .flagSprite.vcflag { background-position: 0 -4893px; } .flagSprite.veflag { background-position: 0 -4914px; } .flagSprite.vgflag { background-position: 0 -4935px; } .flagSprite.viflag { background-position: 0 -4956px; } .flagSprite.vnflag { background-position: 0 -4977px; } .flagSprite.vuflag { background-position: 0 -4998px; } .flagSprite.wfflag { background-position: 0 -5019px; } .flagSprite.wsflag { background-position: 0 -5040px; } .flagSprite.yeflag { background-position: 0 -5061px; } .flagSprite.ytflag { background-position: 0 -5082px; } .flagSprite.zaflag { background-position: 0 -5103px; } .flagSprite.zmflag { background-position: 0 -5124px; } .flagSprite.zwflag { background-position: 0 -5145px; } 

.colorferrari { background-color:#b80000;} .borderferrari { border-color:#b80000;} .textColorferrari { color:#b80000;}
.colorcrush { background-color:#d64400;} .bordercrush { border-color:#d64400;} .textColorcrush { color:#d64400;}
.colorcrush-gloss { background-color:#d64400;} .bordercrush-gloss { border-color:#d64400;} .textColorcrush-gloss { color:#d64400;}
.colorcrush-matte { background-color:#d64400;} .bordercrush-matte { border-color:#d64400;} .textColorcrush-matte { color:#d64400;}
.colorcaution { background-color:#f3c400;} .bordercaution { border-color:#f3c400;} .textColorcaution { color:#f3c400;}
.colorcaution-gloss { background-color:#f3c400;} .bordercaution-gloss { border-color:#f3c400;} .textColorcaution-gloss { color:#f3c400;}
.colorcaution-matte { background-color:#f3c400;} .bordercaution-matte { border-color:#f3c400;} .textColorcaution-matte { color:#f3c400;}
.colorbilliard { background-color:#006100;} .borderbilliard { border-color:#006100;} .textColorbilliard { color:#006100;}
.colorbilliard-gloss { background-color:#006100;} .borderbilliard-gloss { border-color:#006100;} .textColorbilliard-gloss { color:#006100;}
.colorbilliard-matte { background-color:#006100;} .borderbilliard-matte { border-color:#006100;} .textColorbilliard-matte { color:#006100;}
.colorjade { background-color:#187a59;} .borderjade { border-color:#187a59;} .textColorjade { color:#187a59;}
.colorglacier { background-color:#2182a6;} .borderglacier { border-color:#2182a6;} .textColorglacier { color:#2182a6;}
.colorcobalt { background-color:#1c4d8a;} .bordercobalt { border-color:#1c4d8a;} .textColorcobalt { color:#1c4d8a;}
.colorabyss { background-color:#00013f;} .borderabyss { border-color:#00013f;} .textColorabyss { color:#00013f;}
.colorabyss-matte { background-color:#00013f;} .borderabyss-matte { border-color:#00013f;} .textColorabyss-matte { color:#00013f;}
.colorabyss-gloss { background-color:#00013f;} .borderabyss-gloss { border-color:#00013f;} .textColorabyss-gloss { color:#00013f;}
.colorabyss { background-color:#101f4c;} .borderabyss { border-color:#101f4c;} .textColorabyss { color:#101f4c;}
.colorconcord { background-color:#6b46ab;} .borderconcord { border-color:#6b46ab;} .textColorconcord { color:#6b46ab;}
.colorconcord-gloss { background-color:#6b46ab;} .borderconcord-gloss { border-color:#6b46ab;} .textColorconcord-gloss { color:#6b46ab;}
.colorconcord-matte { background-color:#6b46ab;} .borderconcord-matte { border-color:#6b46ab;} .textColorconcord-matte { color:#6b46ab;}
.colorfusion { background-color:#b10753;} .borderfusion { border-color:#b10753;} .textColorfusion { color:#b10753;}
.colorcotton_candy, .colorcotton-candy { background-color:#fdbdd7;} .bordercotton_candy, .bordercotton-candy { border-color:#fdbdd7;} .textColorcotton_candy, .textColorcotton-candy { color:#fdbdd7;}
.colorcotton_candy-gloss, .colorcotton-candy-gloss { background-color:#fdbdd7;} .bordercotton_candy-gloss, .bordercotton-candy-gloss { border-color:#fdbdd7;} .textColorcotton_candy-gloss, .textColorcotton-candy-gloss { color:#fdbdd7;}
.colorcotton_candy-matte, .colorcotton-candy-matte { background-color:#fdbdd7;} .bordercotton_candy-matte, .bordercotton-candy-matte { border-color:#fdbdd7;} .textColorcotton_candy-matte, .textColorcotton-candy-matte { color:#fdbdd7;}
.colorromance { background-color:#f6cee1;} .borderromance { border-color:#f6cee1;} .textColorromance { color:#f6cee1;}
.colorwhite, .colorsmoke_white, .colorsmoke-white { background-color:#f0f1f2;} .borderwhite, .bordersmoke_white, .bordersmoke-white { border-color:#f0f1f2;} .textColorsmoke_white, .textColorsmoke-white { color:#f0f1f2;}
.colorwhite, .colorsmoke_white_gloss, .colorsmoke-white-gloss { background-color:#f0f1f2;} .borderwhite, .bordersmoke_white_gloss, .bordersmoke-white-gloss { border-color:#f0f1f2;} .textColorsmoke_white_gloss, .textColorsmoke-white-gloss { color:#f0f1f2;}
.colorwhite, .colorsmoke_white_matte, .colorsmoke-white-matte { background-color:#f0f1f2;} .borderwhite, .bordersmoke_white_matte, .bordersmoke-white-matte { border-color:#f0f1f2;} .textColorsmoke_white_matte, .textColorsmoke-white-white { color:#f0f1f2;}
.colorcoffee { background-color:#43342c;} .bordercoffee { border-color:#43342c;} .textColorcoffee { color:#43342c;}
.colorblack, .colorjet_black, .colorjet-black { background-color:#070707;} .borderblack, .borderjet_black, .borderjet-black { border-color:#070707;} .textColorjet_black, .textColorjet-black { color:#070707;}
.colorblack, .colorjet_black_gloss, .colorjet-black-gloss { background-color:#070707;} .borderblack, .borderjet_black_gloss, .borderjet-black-gloss { border-color:#070707;} .textColorjet_black_gloss, .textColorjet-black-gloss { color:#070707;}
.colorblack, .colorjet_black_matte, .colorjet-black-matte { background-color:#070707;} .borderblack, .borderjet_black_matte, .borderjet-black-matte { border-color:#070707;} .textColorjet_black_matte, .textColorjet-black-matte { color:#070707;}
.colorclover { background-color:#15a135; } .borderclover { border-color:#15a135; } .textColorclover { color:#15a135; }
.colorclover-gloss { background-color:#15a135; } .borderclover-gloss { border-color:#15a135; } .textColorclover-gloss { color:#15a135; }
.colorclover-matte { background-color:#15a135; } .borderclover-matte { border-color:#15a135; } .textColorclover-matte { color:#15a135; }
.colorflirt { background-color:#c64679; } .borderflirt { border-color:#c64679; } .textColorflirt { color:#c64679; }
.colorflirt-gloss { background-color:#c64679; } .borderflirt-gloss { border-color:#c64679; } .textColorflirt-gloss { color:#c64679; }
.colorflirt-matte { background-color:#c64679; } .borderflirt-matte { border-color:#c64679; } .textColorflirt-matte { color:#c64679; }
.colorformula { background-color:#b80000; } .borderformula { border-color:#b80000; } .textColorformula { color:#b80000; }
.colorformula-gloss { background-color:#b80000; } .borderformula-gloss { border-color:#b80000; } .textColorformula-gloss { color:#b80000; }
.colorformula-matte { background-color:#b80000; } .borderformula-matte { border-color:#b80000; } .textColorformula-matte { color:#b80000; }
.colorjester { background-color:#9c87cd; } .borderjester { border-color:#9c87cd; } .textColorjester { color:#9c87cd; } 
.colorlemonade { background-color:#f9d75b; } .borderlemonade { border-color:#f9d75b; } .textColorlemonade { color:#f9d75b; }
.colorparadise { background-color:#006eac; } .borderparadise { border-color:#006eac; } .textColorparadise { color:#006eac; }
.colorparadise-gloss { background-color:#006eac; } .borderparadise-gloss { border-color:#006eac; } .textColorparadise-gloss { color:#006eac; }
.colorparadise-matte { background-color:#006eac; } .borderparadise-matte { border-color:#006eac; } .textColorparadise-matte { color:#006eac; }
.colorpumpkin { background-color:#e76317; } .borderpumpkin { border-color:#e76317; } .textColorpumpkin { color:#e76317; }
.colorsky { background-color:#559ad8; } .bordersky { border-color:#559ad8; } .textColorsky { color:#559ad8; }
.colorsky-gloss { background-color:#559ad8; } .bordersky-gloss { border-color:#559ad8; } .textColorsky-gloss { color:#559ad8; }
.colorsky-matte { background-color:#559ad8; } .bordersky-matte { border-color:#559ad8; } .textColorsky-matte { color:#559ad8; }
.colorspicy { background-color:#cb3d40; } .borderspicy { border-color:#cb3d40; } .textColorspicy { color:#cb3d40; }
.colorcandy_apple, .colorcandy-apple { background-color:#7f0000;} .bordercandy_apple, .bordercandy-apple { border-color:#7f0000;} .textColorcandy_apple, .textColorcandy-apple { color:#7f0000;}
.colorcandy_apple-gloss, .colorcandy-apple-gloss { background-color:#7f0000;} .bordercandy_apple-gloss, .bordercandy-apple-gloss { border-color:#7f0000;} .textColorcandy_apple-gloss, .textColorcandy-apple-gloss { color:#7f0000;}
.colorcandy_apple-matte, .colorcandy-apple-matte { background-color:#7f0000;} .bordercandy_apple-matte, .bordercandy-apple-matte { border-color:#7f0000;} .textColorcandy_apple-matte, .textColorcandy-apple-matte { color:#7f0000;}
.colorhybrid { background-color:#c54c1d;} .borderhybrid { border-color:#c54c1d;} .textColorhybrid { color:#c54c1d;}
.colorblaze { background-color:#c26f11;} .borderblaze { border-color:#c26f11;} .textColorblaze { color:#c26f11;}
.colorgoldrush { background-color:#dbcb7b;} .bordergoldrush { border-color:#dbcb7b;} .textColorgoldrush { color:#dbcb7b;}
.colorgoldrush-gloss { background-color:#dbcb7b;} .bordergoldrush-gloss { border-color:#dbcb7b;} .textColorgoldrush-gloss { color:#dbcb7b;}
.colorgoldrush-matte { background-color:#dbcb7b;} .bordergoldrush-matte { border-color:#dbcb7b;} .textColorgoldrush-matte { color:#dbcb7b;}
.colorgoldrush { background-color:#c09b57;} .bordergoldrush { border-color:#c09b57;} .textColorgoldrush { color:#c09b57;}
.colorlightning { background-color:#c2b753;} .borderlightning { border-color:#c2b753;} .textColorlightning { color:#c2b753;}
.colorenvy { background-color:#7ba700;} .borderenvy { border-color:#7ba700;} .textColorenvy { color:#7ba700;}
.coloralpine { background-color:#02502c;} .borderalpine { border-color:#02502c;} .textColoralpine { color:#02502c;}
.colordragon { background-color:#122415;} .borderdragon { border-color:#122415;} .textColordragon { color:#122415;}
.colordragon { background-color:#182805;} .borderdragon { border-color:#182805;} .textColordragon { color:#182805;}
.colormidnight { background-color:#112175;} .bordermidnight { border-color:#112175;} .textColormidnight { color:#112175;}
.colormidnight-gloss { background-color:#112175;} .bordermidnight-gloss { border-color:#112175;} .textColormidnight-gloss { color:#112175;}
.colormidnight-matte { background-color:#112175;} .bordermidnight-matte { border-color:#112175;} .textColormidnight-matte { color:#112175;}
.colortechno { background-color:#005dcb;} .bordertechno { border-color:#005dcb;} .textColortechno { color:#005dcb;}
.colortechno-gloss { background-color:#005dcb;} .bordertechno-gloss { border-color:#005dcb;} .textColortechno-gloss { color:#005dcb;}
.colortechno-matte { background-color:#005dcb;} .bordertechno-matte { border-color:#005dcb;} .textColortechno-matte { color:#005dcb;}
.colorpowder { background-color:#646c94;} .borderpowder { border-color:#646c94;} .textColorpowder { color:#646c94;}
.colorwet { background-color:#679bbc;} .borderwet { border-color:#679bbc;} .textColorwet { color:#679bbc;}
.colorlilac { background-color:#a5a4bf;} .borderlilac { border-color:#a5a4bf;} .textColorlilac { color:#a5a4bf;}
.colorblush { background-color:#be658c;} .borderblush { border-color:#be658c;} .textColorblush { color:#be658c;}
.colorblush-gloss { background-color:#be658c;} .borderblush-gloss { border-color:#be658c;} .textColorblush-gloss { color:#be658c;}
.colorblush-matte { background-color:#be658c;} .borderblush-matte { border-color:#be658c;} .textColorblush-matte { color:#be658c;}
.colormystique { background-color:#5b2f90;} .bordermystique { border-color:#5b2f90;} .textColormystique { color:#5b2f90;}
.colormystique-gloss { background-color:#5b2f90;} .bordermystique-gloss { border-color:#5b2f90;} .textColormystique-gloss { color:#5b2f90;}
.colormystique-matte { background-color:#5b2f90;} .bordermystique-matte { border-color:#5b2f90;} .textColormystique-matte { color:#5b2f90;}
.colorprowler { background-color:#340a20;} .borderprowler { border-color:#340a20;} .textColorprowler { color:#340a20;}
.colorprowler { background-color:#310622;} .borderprowler { border-color:#310622;} .textColorprowler { color:#310622;}
.colorsand { background-color:#796f5b;} .bordersand { border-color:#796f5b;} .textColorsand { color:#796f5b;}
.colorsteel { background-color:#bfbfc3;} .bordersteel { border-color:#bfbfc3;} .textColorsteel { color:#bfbfc3;}
.colorsteel-gloss { background-color:#bfbfc3;} .bordersteel-gloss { border-color:#bfbfc3;} .textColorsteel-gloss { color:#bfbfc3;}
.colorsteel-matte { background-color:#bfbfc3;} .bordersteel-matte { border-color:#bfbfc3;} .textColorsteel-matte { color:#bfbfc3;}
.colorgraphite { background-color:#434343;} .bordergraphite { border-color:#434343;} .textColorgraphite { color:#434343;}
.colorgraphite-gloss { background-color:#434343;} .bordergraphite-gloss { border-color:#434343;} .textColorgraphite-gloss { color:#434343;}
.colorgraphite-matte { background-color:#434343;} .bordergraphite-matte { border-color:#434343;} .textColorgraphite-matte { color:#434343;}
.colorcarbon_black, .colorcarbon-black { background-color:#1a1a1a;} .bordercarbon_black, .bordercarbon-black { border-color:#1a1a1a;} .textColorcarbon_black, .textColorcarbon-black { color:#1a1a1a;}
.colorcarbon_black_gloss, .colorcarbon-black-gloss { background-color:#1a1a1a;} .bordercarbon_black_gloss, .bordercarbon-black-gloss { border-color:#1a1a1a;} .textColorcarbon_black_gloss, .textColorcarbon-black-gloss { color:#1a1a1a;}
.colorcarbon_black_matte, .colorcarbon-black-matte { background-color:#1a1a1a;} .bordercarbon_black_matte, .bordercarbon-black-matte { border-color:#1a1a1a;} .textColorcarbon_black_matte, .textColorcarbon-black-matte { color:#1a1a1a;}
.colorcaribbean {background-color:#1f7d7a;} .bordercaribbean {border-color:#1f7d7a;} .textColorcaribbean {color:#1f7d7a;}
.colorcaribbean-gloss {background-color:#1f7d7a;} .bordercaribbean-gloss {border-color:#1f7d7a;} .textColorcaribbean-gloss {color:#1f7d7a;}
.colorcaribbean-matte {background-color:#1f7d7a;} .bordercaribbean-matte {border-color:#1f7d7a;} .textColorcaribbean-matte {color:#1f7d7a;}
.colorcranberry {background-color:#40000a;} .bordercranberry {border-color:#40000a;} .textColorcranberry {color:#40000a;}
.colorcranberry-gloss {background-color:#40000a;} .bordercranberry-gloss {border-color:#40000a;} .textColorcranberry-gloss {color:#40000a;}
.colorcranberry-matte {background-color:#40000a;} .bordercranberry-matte {border-color:#40000a;} .textColorcranberry-matte {color:#40000a;}
.colorfrostbite {background-color:#94acbd;} .borderfrostbite {border-color:#94acbd;} .textColorfrostbite {color:#94acbd;}
.colorfossil {background-color:#8f8f8f;} .borderfossil {border-color:#8f8f8f;} .textColorfossil {color:#8f8f8f;}
.colorfossil-gloss {background-color:#8f8f8f;} .borderfossil-gloss {border-color:#8f8f8f;} .textColorfossil-gloss {color:#8f8f8f;}
.colorfossil-matte {background-color:#8f8f8f;} .borderfossil-matte {border-color:#8f8f8f;} .textColorfossil-matte {color:#8f8f8f;}
.colormango {background-color:#f4ab00;} .bordermango {border-color:#f4ab00;} .textColormango {color:#f4ab00;}
.colorvanilla {background-color:#e6e1ca;} .bordervanilla {border-color:#e6e1ca;} .textColorvanilla {color:#e6e1ca;}
.colorvanilla-gloss {background-color:#e6e1ca;} .bordervanilla-gloss {border-color:#e6e1ca;} .textColorvanilla-gloss {color:#e6e1ca;}
.colorroot_beer, .colorroot-beer {background-color:#381b0a;} .borderroot_beer, .borderroot-beer {border-color:#381b0a;} .textColorroot_beer, .textColorroot-beer {color:#381b0a;}
.colorroot_beer, .colorroot-beer {background-color:#3f2117;} .borderroot_beer, .borderroot-beer {border-color:#3f2117;} .textColorroot_beer, .textColorroot-beer {color:#3f2117;}
.colorplum-matte {background-color:#6c5d88;} .borderplum-matte {border-color:#6c5d88;} .textColorplum-matte {color:#6c5d88;}
.colorgalaxy-matte {background-color:#47433a;} .bordergalaxy-matte {border-color:#47433a;} .textColorgalaxy-matte {color:#47433a;}
.colortitanium-matte {background-color:#bcb3ae;} .bordertitanium-matte {border-color:#bcb3ae;} .textColortitanium-matte {color:#bcb3ae;}
.colortank-matte {background-color:#6b785a;} .bordertank-matte {border-color:#6b785a;} .textColortank-matte {color:#6b785a;}
.colorscorch-matte {background-color:#b33132;} .borderscorch-matte {border-color:#b33132;} .textColorscorch-matte {color:#b33132;}
.colordiamond {background-color:#faf5ff;} .borderdiamond {border-color:#faf5ff;} .textColordiamond {color:#faf5ff;}
.colordiamond-gloss {background-color:#faf5ff;} .borderdiamond-gloss {border-color:#faf5ff;} .textColordiamond-gloss {color:#faf5ff;}
.colordiamond-matte {background-color:#faf5ff;} .borderdiamond-matte {border-color:#faf5ff;} .textColordiamond-matte {color:#faf5ff;}
.colorglamour {background-color:#fccce0;} .borderglamour {border-color:#fccce0;} .textColorglamour {color:#fccce0;}
.colorglamour-gloss {background-color:#fccce0;} .borderglamour-gloss {border-color:#fccce0;} .textColorglamour-gloss {color:#fccce0;}
.colorglamour-matte {background-color:#fccce0;} .borderglamour-matte {border-color:#fccce0;} .textColorglamour-matte {color:#fccce0;}
.colorstar_dust, .colorstar-dust {background-color:#f3cc02;} .borderstar_dust, .borderstar-dust {border-color:#f3cc02;} .textColorstar_dust, .textColorstar-dust {color:#f3cc02;}
.colorstar_dust-gloss, .colorstar-dust-gloss {background-color:#f3cc02;} .borderstar_dust-gloss, .borderstar-dust-gloss {border-color:#f3cc02;} .textColorstar_dust-gloss, .textColorstar-dust-gloss {color:#f3cc02;}
.colorstar_dust-matte, .colorstar-dust-matte {background-color:#f3cc02;} .borderstar_dust-matte, .borderstar-dust-matte {border-color:#f3cc02;} .textColorstar_dust-matte, .textColorstar-dust-matte {color:#f3cc02;}
.colorzest {background-color:#f04e10;} .borderzest {border-color:#f04e10;} .textColorzest {color:#f04e10;}
.colorzest-gloss {background-color:#f04e10;} .borderzest-gloss {border-color:#f04e10;} .textColorzest-gloss {color:#f04e10;}
.colorzest-matte {background-color:#f04e10;} .borderzest-matte {border-color:#f04e10;} .textColorzest-matte {color:#f04e10;}
.colorcosmic {background-color:#5100a9; } .bordercosmic {border-color:#5100a9; } .textColorcosmic {color:#5100a9; }
.colorcosmic-gloss {background-color:#5100a9; } .bordercosmic-gloss {border-color:#5100a9; } .textColorcosmic-gloss {color:#5100a9; }
.colorcosmic-matte {background-color:#5100a9; } .bordercosmic-matte {border-color:#5100a9; } .textColorcosmic-matte {color:#5100a9; }
.colorindulge {background-color:#a22561; } .borderindulge {border-color:#a22561; } .textColorindulge {color:#a22561; }
.colorindulge-gloss {background-color:#a22561; } .borderindulge-gloss {border-color:#a22561; } .textColorindulge-gloss {color:#a22561; }
.colorindulge-matte {background-color:#a22561; } .borderindulge-matte {border-color:#a22561; } .textColorindulge-matte {color:#a22561; }
.colormint {background-color:#7de0b0; } .bordermint {border-color:#7de0b0; } .textColormint {color:#7de0b0; }
.colormint-gloss {background-color:#7de0b0; } .bordermint-gloss {border-color:#7de0b0; } .textColormint-gloss {color:#7de0b0; }
.colormint-matte {background-color:#7de0b0; } .bordermint-matte {border-color:#7de0b0; } .textColormint-matte {color:#7de0b0; }
.colorstorm {background-color:#7d6874; } .borderstorm {border-color:#7d6874; } .textColorstorm {color:#7d6874; }
.colornavy { background-color:#171830;} .bordernavy { border-color:#171830;} .textColornavy { color:#171830;}
.coloroasis { background-color:#007e71;} .borderoasis { border-color:#007e71;} .textColoroasis { color:#007e71;}
.colorflare { background-color:#ffc700;} .borderflare { border-color:#ffc700;} .textColorflare { color:#ffc700;}
.colorlime { background-color:#75b400;} .borderlime { border-color:#75b400;} .textColorlime { color:#75b400;}
.colorgoldfish { background-color:#ce4c00;} .bordergoldfish { border-color:#ce4c00;} .textColorgoldfish { color:#ce4c00;}
.colorvarsity { background-color:#007aa9;} .bordervarsity { border-color:#007aa9;} .textColorvarsity { color:#007aa9;}
.colorcayenne { background-color:#c00000;} .bordercayenne { border-color:#c00000;} .textColorcayenne { color:#c00000;}
.colortangerine { background-color:#fc7e00;} .bordertangerine { border-color:#fc7e00;} .textColortangerine { color:#fc7e00;}
.colorbreeze { background-color:#5690c3;} .borderbreeze { border-color:#5690c3;} .textColorbreeze { color:#5690c3;}
.colordune { background-color:#a38c68;} .borderdune { border-color:#a38c68;} .textColordune { color:#a38c68;}
.coloralloy { background-color:#d1cbc5;} .borderalloy { border-color:#d1cbc5;} .textColoralloy { color:#d1cbc5;}
.coloriris { background-color:#602679;} .borderiris { border-color:#602679;} .textColoriris { color:#602679;}
.colororiginal { /*background-color:#434343;*/} .borderoriginal { border-color:#434343;} .textColororiginal { color:#434343;}
.colorremove-logo { background-color:#434343;} .borderremove-logo { border-color:#434343;} .textColorremove-logo { color:#434343;}
.colordesire { background-color:#C81E32;} .borderdesire { border-color:#C81E32;} .textColordesire { color:#C81E32;}
.colorscarlet { background-color:#7A1A26;} .borderscarlet { border-color:#7A1A26;} .textColorscarlet { color:#7A1A26;}
.colorcanyon { background-color:#963D37;} .bordercanyon { border-color:#963D37;} .textColorcanyon { color:#963D37;}
.coloradmiral { background-color:#1B2647;} .borderadmiral { border-color:#1B2647;} .textColoradmiral { color:#1B2647;}
.colorocean { background-color:#1E549C;} .borderocean { border-color:#1E549C;} .textColorocean { color:#1E549C;}
.coloratlantis { background-color:#1F86B6;} .borderatlantis { border-color:#1F86B6;} .textColoratlantis { color:#1F86B6;}
.colorsplash { background-color:#45AAC3;} .bordersplash { border-color:#45AAC3;} .textColorsplash { color:#45AAC3;}
.colormist { background-color:#AEBBBB;} .bordermist { border-color:#AEBBBB;} .textColormist { color:#AEBBBB;}
.colorlagoon { background-color:#0F8E8B;} .borderlagoon { border-color:#0F8E8B;} .textColorlagoon { color:#0F8E8B;}
.colorpineapple { background-color:#FFC865;} .borderpineapple { border-color:#FFC865;} .textColorpineapple { color:#FFC865;}
.colorsunflower { background-color:#F09F22;} .bordersunflower { border-color:#F09F22;} .textColorsunflower { color:#F09F22;}
.colorplum { background-color:#4C2E51;} .borderplum { border-color:#4C2E51;} .textColorplum { color:#4C2E51;}
.coloreggplant { background-color:#41222E;} .bordereggplant { border-color:#41222E;} .textColoreggplant { color:#41222E;}
.colortwilight { background-color:#41378B;} .bordertwilight { border-color:#41378B;} .textColortwilight { color:#41378B;}
.colorlavender { background-color:#7D73AE;} .borderlavender { border-color:#7D73AE;} .textColorlavender { color:#7D73AE;}
.colorspice { background-color:#A15435;} .borderspice { border-color:#A15435;} .textColorspice { color:#A15435;}
.colorcarrot { background-color:#FF893D;} .bordercarrot { border-color:#FF893D;} .textColorcarrot { color:#FF893D;}
.colormesa { background-color:#CE5740;} .bordermesa { border-color:#CE5740;} .textColormesa { color:#CE5740;}
.colorcoral { background-color:#DD4646;} .bordercoral { border-color:#DD4646;} .textColorcoral { color:#DD4646;}
.colorcactus { background-color:#5C7051;} .bordercactus { border-color:#5C7051;} .textColorcactus { color:#5C7051;}
.colorsprout { background-color:#6DA855;} .bordersprout { border-color:#6DA855;} .textColorsprout { color:#6DA855;}
.colorivy { background-color:#545137;} .borderivy { border-color:#545137;} .textColorivy { color:#545137;}
.colorluscious { background-color:#C84D6C;} .borderluscious { border-color:#C84D6C;} .textColorluscious { color:#C84D6C;}
.colorbubble-gum { background-color:#DB6794;} .borderbubble-gum { border-color:#DB6794;} .textColorbubble-gum { color:#DB6794;}
.colorsassy { background-color:#B63A71;} .bordersassy { border-color:#B63A71;} .textColorsassy { color:#B63A71;}
.colorlinen { background-color:#FEFCFD;} .borderlinen { border-color:#FEFCFD;} .textColorlinen { color:#FEFCFD;}
.colormalt { background-color:#FAE5CB;} .bordermalt { border-color:#FAE5CB;} .textColormalt { color:#FAE5CB;}
.colorbiscuit { background-color:#E9C9AE;} .borderbiscuit { border-color:#E9C9AE;} .textColorbiscuit { color:#E9C9AE;}
.coloralmond { background-color:#A7856E;} .borderalmond { border-color:#A7856E;} .textColoralmond { color:#A7856E;}
.colormocha { background-color:#422E25;} .bordermocha { border-color:#422E25;} .textColormocha { color:#422E25;}
.colordriftwood { background-color:#563628;} .borderdriftwood { border-color:#563628;} .textColordriftwood { color:#563628;}
.colormaple { background-color:#B58D6E;} .bordermaple { border-color:#B58D6E;} .textColormaple { color:#B58D6E;}
.coloronyx { background-color:#191717;} .borderonyx { border-color:#191717;} .textColoronyx { color:#191717;}
.colorshark { background-color:#6B6263;} .bordershark { border-color:#6B6263;} .textColorshark { color:#6B6263;}
.colorlunar { background-color:#9B9494;} .borderlunar { border-color:#9B9494;} .textColorlunar { color:#9B9494;}
.colorblack { background-color:#000000;} .borderblack { border-color:#000000;} .textColorblack { color:#000000;}
.colorwhite { background-color:#FFFFFF;} .borderwhite { border-color:#FFFFFF;} .textColorwhite { color:#ffffff;}
.colorivory { background-color:#f8e7dd;} .borderivory { border-color:#f8e7dd;} .textColorivory { color:#f8e7dd;}
.colormoss { background-color:#655d4a;} .bordermoss { border-color:#655d4a;} .textColormoss { color:#655d4a;}
.colornavy { background-color:#48515a;} .bordernavy { border-color:#48515a;} .textColornavy { color:#48515a;}
.colorred { background-color:#b80000;} .borderred { border-color:#b80000;} .textColorred { color:#b80000;}
.colorblue { background-color:#1c4d8a;} .borderblue { border-color:#1c4d8a;} .textColorblue { color:#1c4d8a;}
.colororiginal-black { background-color:#000000;} .borderoriginal-black { border-color:#000000;} .textColororiginal-black { color:#000000;}
.colororiginal-white { background-color:#FFFFFF;} .borderoriginal-white { border-color:#FFFFFF;} .textColororiginal-white { color:#ffffff;}
.colorgold { background-color:#deceb8;} .bordergold { border-color:#deceb8;} .textColorgold { color:#deceb8;}
.colorsilver { background-color:#ebebeb;} .bordersilver { border-color:#ebebeb;} .textColorsilver { color:#ebebeb;}
.colorspace-gray { background-color:#000000;} .borderspace-gray { border-color:#000000;} .textColorspace-gray { color:#000000;}
.colortitanium { background-color:#000000;} .bordertitanium { border-color:#000000;} .textColortitanium { color:#000000;}
.colormatte-black { background-color:#000000;} .bordermatte-black { border-color:#000000;} .textColormatte-black { color:#000000;}
.colorshadow-gray { background-color:#000000;} .bordershadow-gray { border-color:#000000;} .textColorshadow-gray { color:#000000;}
.colorcustom-color { background-color:#434343;} .bordercustom-color { border-color:#434343;} .textColorcustom-color { color:#434343;}
.coloriphone-5c-green { background-color:#b2f38e;} .borderiphone-5c-green { border-color:#b2f38e;} .textColoriphone-5c-green { color:#b2f38e;}
.coloriphone-5c-blue { background-color:#7bc3fc;} .borderiphone-5c-blue { border-color:#7bc3fc;} .textColoriphone-5c-blue { color:#7bc3fc;}
.coloriphone-5c-yellow { background-color:#fff38c;} .borderiphone-5c-yellow { border-color:#fff38c;} .textColoriphone-5c-yellow { color:#fff38c;}
.coloriphone-5c-pink { background-color:#fc828d;} .borderiphone-5c-pink { border-color:#fc828d;} .textColoriphone-5c-pink { color:#fc828d;}
.coloriphone-5c-white { background-color:#efefef;} .borderiphone-5c-white { border-color:#efefef;} .textColoriphone-5c-white { color:#efefef;}
.colormidnight-black { background-color:#070707;} .bordermidnight-black { border-color:#070707;} .textColormidnight-black { color:#070707;}
.colorcoral-blue { background-color:#7884ac;} .bordercoral-blue { border-color:#7884ac;} .textColorcoral-blue { color:#7884ac;}
.colorlilac-purple { background-color:#b594ba;} .borderlilac-purple { border-color:#b594ba;} .textColorlilac-purple { color:#b594ba;}
.colormomentum-red { background-color:#eb313b;} .bordermomentum-red { border-color:#eb313b;} .textColormomentum-red { color:#eb313b;}
.colormomentum-pink { background-color:#cd666c;} .bordermomentum-pink { border-color:#cd666c;} .textColormomentum-pink { color:#cd666c;}
.colormomentum-green { background-color:#777656;} .bordermomentum-green { border-color:#777656;} .textColormomentum-green { color:#777656;}
.colormomentum-black-and-brown { background-color:#864835;} .bordermomentum-black-and-brown { border-color:#864835;} .textColormomentum-black-and-brown { color:#864835;}
.colormomentum-blue { background-color:#363f51;} .bordermomentum-blue { border-color:#363f51;} .textColormomentum-blue { color:#363f51;}
.colormomentum-black { background-color:#392e2e;} .bordermomentum-black { border-color:#392e2e;} .textColormomentum-black { color:#392e2e;}
.colormomentum-dark-brown { background-color:#452c23;} .bordermomentum-dark-brown { border-color:#452c23;} .textColormomentum-dark-brown { color:#452c23;}
.colorwhite-text { background-color:#FFFFFF;} .borderwhite-text { border-color:#FFFFFF;} .textColorwhite-text { color:#FFFFFF;}
.colorblack-text { background-color:#000000;} .borderblack-text { border-color:#000000;} .textColorblack-text { color:#000000;}
.colorwhite-pattern { background-color:#FFFFFF;} .borderwhite-pattern { border-color:#FFFFFF;} .textColorwhite-pattern { color:#FFFFFF;}
.colorblack-pattern { background-color:#000000;} .borderblack-pattern { border-color:#000000;} .textColorblack-pattern { color:#000000;}
.colorslate-stone { background-color:#928f8a;} .borderslate-stone { border-color:#928f8a;} .textColorslate-stone { color:#928f8a;}
.colormarble-stone { background-color:#525252;} .bordermarble-stone { border-color:#525252;} .textColormarble-stone { color:#525252;}
.colorwhite-marble-stone { background-color:#f4f2e8;} .borderwhite-marble-stone { border-color:#f4f2e8;} .textColorwhite-marble-stone { color:#f4f2e8;}
.colorblack-carbon-fiber { background-color:#48484a;} .borderblack-carbon-fiber { border-color:#48484a;} .textColorblack-carbon-fiber { color:#48484a;}
.colorwhite-carbon-fiber { background-color:#dcded3;} .borderwhite-carbon-fiber { border-color:#dcded3;} .textColorwhite-carbon-fiber { color:#dcded3;}
.colorgold-carbon-fiber { background-color:#b3ada2;} .bordergold-carbon-fiber { border-color:#b3ada2;} .textColorgold-carbon-fiber { color:#b3ada2;}
.colorsilver-metal { background-color:#a4a4a2;} .bordersilver-metal { border-color:#a4a4a2;} .textColorsilver-metal { color:#a4a4a2;}
.colorblue-metal { background-color:#343338;} .borderblue-metal { border-color:#343338;} .textColorblue-metal { color:#343338;}
.colorgold-metal { background-color:#a69c81;} .bordergold-metal { border-color:#a69c81;} .textColorgold-metal { color:#a69c81;}
.colorrust-metal { background-color:#281a0b;} .borderrust-metal { border-color:#281a0b;} .textColorrust-metal { color:#281a0b;}
.colormosaic-metal { background-color:#8c8c8b;} .bordermosaic-metal { border-color:#8c8c8b;} .textColormosaic-metal { color:#8c8c8b;}
.colorebony-wood { background-color:#565251;} .borderebony-wood { border-color:#565251;} .textColorebony-wood { color:#565251;}
.colortamo-wood { background-color:#22110a;} .bordertamo-wood { border-color:#22110a;} .textColortamo-wood { color:#22110a;}
.colorzebra-wood { background-color:#a8794b;} .borderzebra-wood { border-color:#a8794b;} .textColorzebra-wood { color:#a8794b;}
.colorash-wood { background-color:#6f5a3f;} .borderash-wood { border-color:#6f5a3f;} .textColorash-wood { color:#6f5a3f;}
.colorblack-wood { background-color:#7d7875;} .borderblack-wood { border-color:#7d7875;} .textColorblack-wood { color:#7d7875;}
.colordark-brown-leather { background-color:#36312b;} .borderdark-brown-leather { border-color:#36312b;} .textColordark-brown-leather { color:#36312b;}
.colorlight-brown-leather { background-color:#827167;} .borderlight-brown-leather { border-color:#827167;} .textColorlight-brown-leather { color:#827167;}
.colorblack-leather { background-color:#2b2b29;} .borderblack-leather { border-color:#2b2b29;} .textColorblack-leather { color:#2b2b29;}
.colorwhite-leather { background-color:#edece8;} .borderwhite-leather { border-color:#edece8;} .textColorwhite-leather { color:#edece8;}
.colorred-leather { background-color:#833d3d;} .borderred-leather { border-color:#833d3d;} .textColorred-leather { color:#833d3d;}
.colorred-leather { background-color:#833d3d;} .borderred-leather { border-color:#833d3d;} .textColorred-leather { color:#833d3d;}
.colortracer { background-color:#474548;} .bordertracer { border-color:#474548;} .textColortracer { color:#474548;}
.colorgalaxy-gloss { background-color:#47433a;} .bordergalaxy-gloss { border-color:#47433a;} .textColorgalaxy-gloss { color:#47433a;}
.colorscorch-gloss { background-color:#b33132;} .borderscorch-gloss { border-color:#b33132;} .textColorscorch-gloss { color:#b33132;}
.colorblur { background-color:#656264;} .borderblur { border-color:#656264;} .textColorblur { color:#656264;}
.colorburn { background-color:#141415;} .borderburn { border-color:#141415;} .textColorburn { color:#141415;}
.colorcloak { background-color:#2f2f2f;} .bordercloak { border-color:#2f2f2f;} .textColorcloak { color:#2f2f2f;}
.colordark-slate-stone { background-color:#3b3b3b;} .borderdark-slate-stone { border-color:#3b3b3b;} .textColordark-slate-stone { color:#3b3b3b;}
.colorhive { background-color:#1a1a1a;} .borderhive { border-color:#1a1a1a;} .textColorhive { color:#1a1a1a;}
.colorplatinum-carbon-fiber { background-color:#9a9a9a;} .borderplatinum-carbon-fiber { border-color:#9a9a9a;} .textColorplatinum-carbon-fiber { color:#9a9a9a;}



.coloragate-black { background-color:#030303;} .borderagate-black { border-color:#030303;} .textColoragate-black { color:#030303;}
.coloravalanche-grey { background-color:#7b7c7f;} .borderavalanche-grey { border-color:#7b7c7f;} .textColoravalanche-grey { color:#7b7c7f;}
.colorford-performance-blue { background-color:#17334f;} .borderford-performance-blue { border-color:#17334f;} .textColorford-performance-blue { color:#17334f;}
.coloringot-silver { background-color:#7a7b7c;} .borderingot-silver { border-color:#7a7b7c;} .textColoringot-silver { color:#7a7b7c;}
.colorlead-foot { background-color:#494747;} .borderlead-foot { border-color:#494747;} .textColorlead-foot { color:#494747;}
.colorlightning-blue { background-color:#162c59;} .borderlightning-blue { border-color:#162c59;} .textColorlightning-blue { color:#162c59;}
.colormagnetic { background-color:#2d2e2e;} .bordermagnetic { border-color:#2d2e2e;} .textColormagnetic { color:#2d2e2e;}
.coloroxford-white { background-color:#bfbfbf;} .borderoxford-white { border-color:#bfbfbf;} .textColoroxford-white { color:#bfbfbf;}
.colorrace-red { background-color:#970101;} .borderrace-red { border-color:#970101;} .textColorrace-red { color:#970101;}
.colorruby-red { background-color:#5c0f10;} .borderruby-red { border-color:#5c0f10;} .textColorruby-red { color:#5c0f10;}
.colorshadow-black { background-color:#020202;} .bordershadow-black { border-color:#020202;} .textColorshadow-black { color:#020202;}
.colorvelocity-blue { background-color:#164a70;} .bordervelocity-blue { border-color:#164a70;} .textColorvelocity-blue { color:#164a70;}



.colorblaze-orange-gloss { background-color:#ff5923;} .borderblaze-orange-gloss { border-color:#ff5923;} .textColorblaze-orange-gloss { color:#ff5923;}
.colorblaze-orange-matte { background-color:#ff5923;} .borderblaze-orange-matte { border-color:#ff5923;} .textColorblaze-orange-matte { color:#ff5923;}
.coloracid-gloss { background-color:#a0cc04;} .borderacid-gloss { border-color:#a0cc04;} .textColoracid-gloss { color:#a0cc04;}
.coloracid-matte { background-color:#a0cc04;} .borderacid-matte { border-color:#a0cc04;} .textColoracid-matte { color:#a0cc04;}


.coloraurora-gloss { background:#b5ab24;} .borderaurora-gloss { border-color:#b5ab24;} .textColoraurora-gloss { color:#b5ab24;}
.coloraurora-matte { background:#b5ab24;} .borderaurora-matte { border-color:#b5ab24;} .textColoraurora-matte { color:#b5ab24;}
.coloraurora-gloss, .coloraurora-matte { background:linear-gradient(180deg, rgba(228,207,106,1) 0%, rgba(89,136,80,1) 100%); }
.colorsunset-gloss { background:#b85b25;} .bordersunset-gloss { border-color:#b85b25;} .textColorsunset-gloss { color:#b85b25;}
.colorsunset-matte { background:#b85b25;} .bordersunset-matte { border-color:#b85b25;} .textColorsunset-matte { color:#b85b25;}
.colorsunset-gloss, .colorsunset-matte { background:linear-gradient(180deg, rgba(191,48,29,1) 0%, rgba(224,162,74,1) 100%); }
.colortwilight-gloss { background:#513098;} .bordertwilight-gloss { border-color:#513098;} .textColortwilight-gloss { color:#513098;}
.colortwilight-matte { background:#513098;} .bordertwilight-matte { border-color:#513098;} .textColortwilight-matte { color:#513098;}
.colortwilight-gloss, .colortwilight-matte { background:linear-gradient(180deg, rgba(67,66,207,1) 0%, rgba(218,101,119,1) 100%); }

/*---START------------------------ Categories ------------------START---*/


a:link,a:visited { color: #555555; text-decoration: none; }

.account-page .notices { max-width: 300px; text-align: center; margin: 0 auto; }

.category-navigation { display: flex; align-items: baseline; text-align: center; width: fit-content; 
    margin: 1em auto; flex-wrap: wrap; }

.category-navigation ul { display: flex; flex-wrap: wrap; justify-content: left; padding: 0 1em; }
.category-navigation h3 { padding: 0 0 0 1em; }

.category-navigation li { padding: 0 0.75em; margin: 1em 0; border-right: 1px solid #999; color: #777; }
.category-navigation li:last-child { border-right: none; }

.category-navigation a:link, .category-navigation a:visited { color: #777; text-decoration: none; }
.category-navigation a:hover, .category-navigation a:active { color: #0087C7; text-decoration: none; }

.productList { padding: 0 0 5em 0; }

.fullCategories { background: rgba(245,245,245,1); }
/*.productList li*/ .fullProductFrame { background: rgba(255,255,255,1); }
.fullCategories > li { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); text-align: center; padding: 2em 2.5vw 5em; grid-gap: 3em 2.5vw; 
    background: rgba(255,255,255,1); background: rgba(245,245,245,1); }

.fullCategories > li a { position: relative; background: rgba(235,235,235,1); background: rgba(255,255,255,1); }

.fullCategories > li > a { line-height: 0;     transition-property: top;
    transition-duration: 0.25s;
    position: relative;
    top: 0;
}
.fullCategories > li > a:hover { top: -6px; }

.fullCategories > li a img { width: 100%;   /*-webkit-filter: drop-shadow( 0px 2px 3px rgba(0, 0, 0, .7));
  filter: drop-shadow( 0px 2px 3px rgba(0, 0, 0, .7)); */}
.fullCategories > li a .productName { position: absolute; left: 0; right: 0; bottom: -2.0em; /*background: rgba(0,0,0,0.1);*/ padding: 0.5em; font-size: 0.6em;  background: rgba(255,255,255,1); background: none; } 

.fullCategories .limitedCategory a .productName { background: rgba(0,0,0,0.4); background: none; } 
.fullCategories .limitedCategory a { background: rgba(0,0,0,1); } 
.fullCategories .limitedCategory h5 a { background: rgba(0,0,0,0); } 
.fullCategories .limitedCategory { background: rgba(25,25,25,1); }
.fullCategories .limitedCategory a:link, .limitedCategory a:visited { color: #CCC; text-decoration: none; }

.fullCategories h5 { /*grid-area: header;*/ grid-column: 1 / -1; text-align: center; }

.fullCategories h5 a { font-size: 1.25em; border-bottom: 1px solid #0087C7; grid-column: 1 / 2; display: inline-block; padding: 0 1em; background: unset; }

.productFlag { -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.65); -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.65); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.65);
    font-size: 10px; left: 50%; line-height: 1em; margin: 0 0 0 -60px; padding: 3px 0; position: absolute; text-align: center; text-transform: uppercase;
    width: 120px; font-weight: 600; bottom: calc(100% - (1em + 6px)); color: #333;
}

.productFlag:before { border-left: 5px solid transparent; border-top: 17px solid #0087C7; content: ""; left: -5px; position: absolute; top: 0; }
.productFlag:after { border-right: 5px solid transparent; border-top: 17px solid #0087C7; content: ""; right: -5px; position: absolute; top: 0; }

.flagAddShipping { background: none repeat scroll 0 0 #e9eb6b; } .flagAddShipping:before, .flagAddShipping:after {border-top-color:#e9eb6b; }
.flagBackorder { background: none repeat scroll 0 0 #e63939; } .flagBackorder:before, .flagBackorder:after {border-top-color:#e63939; }
.flagNew { background: none repeat scroll 0 0 #0087c7; } .flagNew:before, .flagNew:after {border-top-color:#0087c7; }
.flagUpdate { background: none repeat scroll 0 0 #00c700; } .flagUpdate:before, .flagUpdate:after {border-top-color:#00c700; }
.flagPrevious { background: none repeat scroll 0 0 #e9eb6b; color:#333; } .flagPrevious:before, .flagPrevious:after {border-top-color:#e9eb6b; }
.flagSoldOut { background: none repeat scroll 0 0 #e63939; } .flagSoldOut:before, .flagSoldOut:after {border-top-color:#e63939; }
.flagReadyToShip { background: none repeat scroll 0 0 #00c700; } .flagReadyToShip:before, .flagReadyToShip:after {border-top-color:#00c700; }
.flagComingSoon { background: none repeat scroll 0 0 #d8d9da; } .flagComingSoon:before, .flagComingSoon:after {border-top-color:#d8d9da; }
.flagSalePrice { background: none repeat scroll 0 0 #DC143C; color:#CCCCCC; } .flagSalePrice:before, .flagSalePrice:after {border-top-color:#DC143C; }

.cwb-ui-wrap-content h1 { font-size: 2em; }

@media screen and (orientation: landscape), screen and (min-width: 1000px) { 
    .cwb-ui-wrap-content h1 { font-size: 3em; }
    .fullCategories > li { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); padding: 2em 2.5vw 5em; grid-gap: 5em; }
    .fullCategories > li a .productName { padding: 0.5em; font-size: 1.2em; } 
    .fullCategories h5 a { font-size: 2.5em; padding: 0 1em; border-bottom: 3px solid #0087C7; }
}

.promoProduct img { width: 100%; height: auto; }

.aftermarketMessage { max-width:1250px; padding:3em 0; margin: 0 auto; }

.fullProductFrame { 
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20), 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.20), 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20), 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset;
    margin:14px auto; overflow:hidden; max-width:750px; position:relative; font-size:2em; color:#fff; font-family: 'WebCabin', sans-serif; min-height:300px; 
}
  
  .blackProductFrame { background:#000; }
  
  .fullProductFrame img { margin-left:-200px; height: 100%; }

  .vehicleProductFrame img { margin-left:0px; }
  
  @media screen and (max-width: 517px) {
      .fullProductFrame img { margin-left: 0; width: 300px; margin-top: 50px; left: -60px; position: relative; height: auto; }
  }
  .fullProductFrame .productName { position:absolute; right:25px; top:40px; padding: 0; }
  .fullProductFrame .smallFontTitle { font-size: 0.85em; }
  .fullProductFrame .xtraSmallFontTitle { font-size: 0.65em; }
  
  .subCategory-best-sellers .fullProductFrame .productName { padding:5px; background-color: #FFF; color:#333; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); }
  .subCategory-best-sellers .fullProductFrame .productName ul { color:#CCCCCC; }
  
  .fullProductFrame .productName ul { position:absolute; right:0; top:35px; text-align: right; width:70px; white-space: nowrap; }
  
  
  .fullProductFrame .productName ul .originalPrice { font-size: 18px; }
  .fullProductFrame .productName ul .offPrice { font-size: 18px; }
  
  .fullProductFrame .productName ul .originalPrice:after { background: #94000c none repeat scroll 0 0; content: ""; display: block; height: 2px; right: 0px; left: 0;
      position: relative; top: -10px; width: 100%; z-index: 55; transform: rotate(8deg); }
  .blackProductFrame .productName ul .originalPrice:after { background: #C8000c none repeat scroll 0 0; }
  
  .fullProductFrame .productName ul .offPrice { border-bottom: 1px solid #444444; }
  
  .fullProductFrame .productName ul .currentPrice { /*font-weight: 700;*/ font-size: 1.1em; padding:0.1em 0; }
  
  
  .fullProductFrame .productPrice { position:absolute; right:25px; bottom:50px; }
  .fullProductFrame .isRelImg { position:absolute; left:0; bottom:0; }
  
  .fullProductFrame a:link, .fullProductFrame a:visited { color: #444444; 
      -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
  }
  .fullProductFrame a:hover, .fullProductFrame a:active { color: #000000; 
      -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
  }
  
  .blackProductFrame .productName ul .offPrice { border-bottom: 1px solid #CCCCCC; }
  .blackProductFrame a:link, .blackProductFrame a:visited { color: #CCCCCC; }
  .blackProductFrame a:hover, .blackProductFrame a:active { color: #FFFFFF; }
  
  @media screen and (max-width: 650px) {
      .fullProductFrame .productName { top:15px; }
  }
  
  @media screen and (max-width: 517px) {
      .fullProductFrame { min-height:138px; box-shadow: 1px 1px 3px #aaa; max-width: 320px; margin:24px auto; border-radius: 1px; padding:20px 0 0; }
      .fullProductFrame .productName { left:0; right:0; text-align: center; padding:0; top:24px; font-size: 4vw; }
      .fullProductFrame .smallFontTitle { font-size: 16px; }
      .fullProductFrame .productPrice { top:35px; bottom: auto; }
      .fullProductFrame .productName span { display:none; }
      .fullProductFrame .isRelImg { left:1em; /*margin-left: -115px;*/ bottom: 0.5em; width:150px; }
      .fullProductFrame .productName ul { right:25px; top:auto; bottom:-69px; font-size: 23px; /*color: #555555;*/ }
  }
  
  @media screen and (max-width: 400px) {
      .fullProductFrame { min-height:158px; margin:24px auto; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
      .fullProductFrame .productPrice { top:35px; bottom: auto; }
  }  

  .blueCallToAction { border: medium none; bottom: 1em; color: #efefef; cursor: pointer; font-size: 0.65em; font-weight: 400; line-height: 2em; overflow: hidden; padding: 0 0 0.1em; position: absolute;
    right: 1em; text-align: center; text-shadow: none; width: 8em; margin: 0; background: #0087c7 none repeat scroll 0 0;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) inset, 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.5);
}

.bfBannerWrapper { background: #000000; background: linear-gradient(#000000 0%, #000000 48%, #111111 66%, #222222 77%, #333333 100%); }
html.newBlackHeader2 .content { max-width:1300px; padding: 0; margin:-4px auto -30px; }
.productNavigation { background:#EFEFEF; }
.season-sale-banner { margin: 0 auto; display: block; width:100%; max-width: 1000px; }
.season-sale-banner .cwContentBox { background:none; box-shadow:none; }
.season-sale-subSection .productFrame { list-style:none; margin:14px 0; max-width: 563px; min-height:225px; }
.season-sale-subSection .productFrame img { margin-left:-150px; width:675px; margin-top:50px; }
.season-sale-subSection { padding: 0 50px 50px; }
.season-sale-subSection h3 {  border-bottom: 1px solid #0087C7; color: #444; font-size: 2.5em; font-weight: 300; line-height: 1em;
    margin: 0 0 20px 0; padding: 5px 0 1px 2%; position: relative; text-align: left; width: 33%; }
img.categoryHeader { width: 100%; margin-bottom: 3em; display: none; }

.productList { padding:50px 0 0 0; }
.season-sale-subSection ul { display:flex; flex-wrap:wrap; justify-content: space-around; }
.season-sale-subSection .productName ul { display:flex; flex-wrap:nowrap; flex-direction: column; align-items: flex-end; } 
.productFrame .productName ul { flex-direction:column; align-items: flex-end; }
.productFrame .productName ul li { width: max-content; }
.productFrame .productName ul .originalPrice:after { right:0px; width:100%; }
.productFrame .productName ul .currentPrice { padding: 0.1em 0; font-size:25px; } 

@media screen and (orientation: landscape) { 
    .categoryHeader.showLandscape { display: block; }
}   
@media screen and (orientation: portrait) { 
    .categoryHeader.showPortrait { display: block; margin-bottom: 0; }
    .categoryHeader.showPortrait + .productList { padding: 0; }
}

@media screen and (max-width: 600px) { 
    .season-sale-banner { }
    .season-sale-subSection { padding: 0 0 50px 0; }
    .season-sale-subSection .productFrame img { margin-left:-89px; width:400px; margin-top:50px; }
    .productFrame { list-style:none; margin:14px 0; max-width: 563px; min-height:225px; width:100%; }
    .bfSkinBanner .productFrame { min-height:180px; }
    .bfSkinBanner img { width:140%; margin-top:0; margin-left:-29%; }
    .season-sale-subSection h3 { width: 66%; }
}

/*---END-------------------------- Categories --------------------END---*/