/* --- one scroll page --- */

body, input, select, textarea {
    color: rgba(0, 0, 0, 0.65);
}


strong, b {
    color: rgba(215,14,20,0.89);
}

.wrapper.style1 {
    background-color: gray;
}

.wrapper.style2 {
    background-color: #fff;
}



.wrapper.style3 {
    background-color: #f8f8f8;
}

.wrapper.style1-alt {
    background-color: #eee;
}

h1, h2, h3, h4, h5, h6, label {
    color: #505050;
}


input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea {
    border-color: rgba(0, 0, 0, 0.15);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
    border-color: rgba(0, 0, 0, 0.45);
}


input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: #000 !important;
}


input[type="checkbox"] + label, input[type="radio"] + label {
    color: #505050;
}


input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
    border-color: rgba(0, 0, 0, 0.15);    
}


input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
    background: #ccc;
    border-color: #fff;
    color: #fff;
}


/* button */

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    border-color: rgba(0, 0, 0, 0.45) !important;
}


input[type="submit"]:after,
input[type="reset"]:after,
input[type="button"]:after,
button:after,
.button:after {
    background: #616161;
}

select option {
    background-color: #ffffff;
    color: #666;
}


ul.alt li {
    border-color: #d9d9d9;
}

a:hover {
    color: rgb(196, 16, 26);
}

blockquote {
    border-left: dotted 2px #ccc;
}

blockquote p {
    margin: 0.5em 0 0 0;
}

hr {
    border-color: rgba(0, 0, 0, 0.15);
}

#intro {
    background-image: url("../../images/pattern.png"), url("../../images/intro.jpg");
    background-attachment: initial;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;

    color: #fff;
    font-size: 1em;
}


#intro strong, #intro b {
    color: #fff;
    font-weight: normal;
    letter-spacing: 0.05em;
}

#intro p {
    font-size: 1.35em;
}

#intro ul.actions {
    float: right;
}


#sidebar {
    /*background: #D70E14;*/
    background-color: rgb(196, 16, 26);
    z-index: 999;
}

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

    #sidebar {
        padding-top: 1.2em;
    }

}


#sidebar nav a {
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.69em;
    font-weight: normal;
    letter-spacing: 0.25em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

@media screen and (min-width: 1280px) {
    #sidebar nav a {
        line-height: 1.0;
    }
}




#sidebar nav a:after {
    background-image: -moz-linear-gradient(to right, #E63D3D, #fff);
    background-image: -webkit-linear-gradient(to right, #E63D3D, #fff);
    background-image: -ms-linear-gradient(to right, #E63D3D, #fff);
    background-image: linear-gradient(to right, #E63D3D, #fff);
    -moz-transition: max-width 0.2s ease;
    -webkit-transition: max-width 0.2s ease;
    -ms-transition: max-width 0.2s ease;
    transition: max-width 0.2s ease;
    max-width: 0;
}

@media screen and (max-width: 1280px) {
    #sidebar nav a:after {
        background-image: -moz-linear-gradient(to right, #fff, #fff);
        background-image: -webkit-linear-gradient(to right, #fff, #fff);
        background-image: -ms-linear-gradient(to right, #fff, #fff);
        background-image: linear-gradient(to right, #fff, #fff);
        top: 94%
    }

}

#sidebar nav a:before {
    background: #E63D3D;
}


@media screen and (min-width: 1280px) {
    #sidebar nav a:before,
    #sidebar nav a:after {
        height: 0.1em;
    }
}

@media screen and (min-width: 1280px) {
    #sidebar nav > ul > li {
        margin: 0.92em 0 0 0
    }
}



.spotlights > section:nth-of-type(1) {
    background-color: #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
}

.spotlights > section:nth-of-type(2) {
    background-color: #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.spotlights > section:nth-of-type(3) {
    background-color: #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.spotlights > section > .image {
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: contain;
}

.spotlights > section > .image:before {
    background: rgba(255, 255, 255, 0.85);
}


/* --- separate page --- */

body {
    background-color: #f8f8f8;
}

#header {
    background: rgb(196, 16, 26);
}

#header > nav {
    font-size: 1.3em;
    margin-top: 1.1em;
}

#header .logo img {
    height: 3.5em;
}

h1.major:after {
    background-image: linear-gradient(to right, rgba(215,14,20,0.39), rgba(215,14,20,0.89));
}

.wrapper.alt {
    background-color: #eee;
}



/* --- new elements --- */

#intro div.tech_logos {
    text-align: right;
    margin-bottom: 2em;
}


#intro div.tech_logos img {
    vertical-align: middle;
    width: 5em;
}

#intro div.promo,
#intro div.promo2 {
    border: none;
    font-size: 0.8em;
    border-radius: 4em;
    letter-spacing: 0.25em;
    line-height: 1.7em;
    outline: 0;
    padding: 0.9em 3.25em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: rgba(222, 222, 222, 0.58);
    color: #000;
}

#intro div.promo2 {
    background-color: rgba(247, 197, 0, 0.58);
}

#intro div.promo span.highlight,
#intro div.promo2 span.highlight {
    font-weight: bold;
}

#intro div.promo span.old,
#intro div.promo2 span.old {
    text-decoration: line-through;
}






.logo {
    text-align: center;
    margin-bottom: 3.7em;
}

.logo img {
    height: 4.5em;
}

@media screen and (max-width: 1280px) {
    #sidebar .logo img {
        height: 2.7em;
        position: absolute;
        left: 1%;
        top: 12%;
    }

    #sidebar .logo p {
        display: none;
    }

}

.logo a {
    border: none;
}

.logo p {
    margin: 0;
    padding: 0;
    line-height: 2.6em;
    color: rgba(255, 255, 255, 1);
    font-size: 0.65em;
    letter-spacing: 0.15em;
    font-weight: normal;
}

.logo p.name {
    font-size: 0.9em;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 0.23em;
    font-family: 'Trebuchet MS'
}

#intro .logo {
    margin-bottom: 1em;
}

#intro .logo p {
    font-size: 0.70em;
}

#intro p.name {
    font-size:  0.95em;
}


@media screen and (min-width: 1280px) {
    #intro .logo {
        display: none;
    }
}

#header div.logo {
    margin: 0;
}



p.payments img {
    padding: 0.3em;
    margin: 1px 10px 1px 1px;
    background: none;
    width: 3em;
    /* background-color: #f8f8f8; */
}


p.cost .new {
    font-weight: bold;
}

p.cost .date {
    font-style: italic;
}

.display_0 {
    display: none;
}

/*
#header div.logo img {
    height: 3.375em;
}

#header div.logo p {
    line-height: 2.6em;
    font-size: 0.6em;
    letter-spacing: 0.15em;
}

#header div.logo p.name {
    font-size: 0.85em;
    line-height: 0.23em;
}
*/


.spotlights > section ul.built {
    list-style-type: decimal;
}

.spotlights > section ul.components {
    list-style-type: circle;
}

.spotlights > section ul p {
    margin: 0;
    font-size: 0.75em;
    font-style: italic;
}

.spotlights > section ul.sanit {
    list-style-type: upper-alpha;
}

.spotlights > section.sanitized > .image {
    /* background-size: initial; */
}

.spotlights > section.lycra > .image {
    background-size: contain;
}


.spotlights > section.sock .price {
    margin-right: 1em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.spotlights > section.sock .no {
    display: none;
    position: absolute;
    padding: 0;
    background-color: rgb(196, 16, 26);
    border-radius: 12em;
    height: 1.6em;
    width: 1.6em;
    text-align: center;
    font-size: 0.6em;
    font-weight: bold;
    color: #000;
    border: 1px solid rgb(196, 16, 26);
}

.spotlights > section.sock .no:hover {
    background-color: white;
}

.spotlights > section.sock.formal_black .no[data-no="1"] {
    left: 43%;
    top: 68%;
}
.spotlights > section.sock.formal_black .no[data-no="2"] {
    left: 76%;
    top: 72%;
}
.spotlights > section.sock.formal_black .no[data-no="3"] {
    left: 20%;
    top: 61%;
}
.spotlights > section.sock.formal_black .no[data-no="4"] {
    left: 50%;
    top: 36%;
}
.spotlights > section.sock.formal_black .no[data-no="5"] {
    left: 63%;
    top: 30%;
}

.spotlights > section.sock.sport .no[data-no="1"] {
    left: 43%;
    top: 68%;
}
.spotlights > section.sock.sport .no[data-no="2"] {
    left: 76%;
    top: 72%;
}
.spotlights > section.sock.sport .no[data-no="3"] {
    left: 20%;
    top: 61%;
}
.spotlights > section.sock.sport .no[data-no="4"] {
    left: 50%;
    top: 36%;
}
.spotlights > section.sock.sport .no[data-no="5"] {
    left: 63%;
    top: 30%;
}



div.blog_post {
    margin: 0 0 4.5em 0;
}


div.blog_post p.blog_author {
    margin: 0 0 0.5em 0;
}

div.blog_post a:hover {
    color: inherit;
}

#footer > .inner .menu {
    font-size: 0.8em;
    color: rgb(174, 174, 174);
}


#footer a:hover {
    color: #666;
}


#footer .name {
    text-transform: uppercase;
}






.split > :nth-child(2n - 1) {
    border-color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 .icon.major:before,
.wrapper.style2 .icon.major:before {
    color: #ccc;
}
.wrapper.style3 .icon.major:before {
    color: rgb(196, 16, 26);
}



.select-wrapper:before {
    color: rgba(0, 0, 0, 0.26);
}


#order .old {
    text-decoration: line-through;
}




/* Opinions */

#opinions .icon {
    color: #ccc;
}

#opinions [data-review_rating="1"] .icon:nth-of-type(-n+1) {
    color: #f7d05c;
}

#opinions [data-review_rating="2"] .icon:nth-of-type(-n+2) {
    color: #f7d05c;
}

#opinions [data-review_rating="3"] .icon:nth-of-type(-n+3) {
    color: #f7d05c;
}

#opinions [data-review_rating="4"] .icon:nth-of-type(-n+4) {
    color: #f7d05c;
}

#opinions [data-review_rating="5"] .icon:nth-of-type(-n+5) {
    color: #f7d05c;
}

#opinions [data-review_rating=''] .icon {
    visibility: hidden;
}


/* ==== zz_order  ==== */


#zz_order hide_1 {
    display: none;
}

#zz_order [data-zz_function="promo_code_status"] {
    line-height: 1.4em;
    font-size: 0.75em
}

#zz_order table[data-zz_function="basket"]  {
    margin-top: 1.5em;
}

#zz_order table[data-zz_function="basket"] th {
    color: #666;
}

#zz_order table[data-zz_function="basket"] th {
    padding: 0 0.5em 0.4em 0.4em
}

#zz_order table[data-zz_function="basket"] td {
    padding: 0.5em 0.4em;
}

#zz_order table[data-zz_function="basket"] tbody tr {
    border-color:  #666;
}

#zz_order table[data-zz_function="basket"] tbody tr[data-zz_text="product"] {
    height: 3.0em;
}

#zz_order table[data-zz_function="basket"] tbody tr:nth-child(n) {
    background-color: transparent;
}


#zz_order table[data-zz_function="basket"] tbody td {
    vertical-align: middle;
    line-height: 1.1em;
}

#zz_order table[data-zz_function="basket"] td[data-zz_data="icon"] {
    text-align: center;
}



#zz_order table[data-zz_function="basket"] tbody td[data-zz_text="product_image"] {
    padding-left: 0;
    padding-right: 0;
}

#zz_order table[data-zz_function="basket"] [data-zz_text="product_no"],
#zz_order table[data-zz_function="basket"] [data-zz_text="product_delete"] {
    text-align: center;
}


#zz_order table[data-zz_function="basket"] th[data-zz_text="product_price"],
#zz_order table[data-zz_function="basket"] th[data-zz_text="product_quantity"],
#zz_order table[data-zz_function="basket"] th[data-zz_text="product_price_summary"],
#zz_order table[data-zz_function="basket"] td[data-zz_text="product_price"],
#zz_order table[data-zz_function="basket"] td[data-zz_text="product_quantity"],
#zz_order table[data-zz_function="basket"] td[data-zz_text="product_price_summary"] {
    text-align: right;
}

#zz_order table[data-zz_function="basket"] td[data-zz_text="basket_summary_currency"],
#zz_order table[data-zz_function="basket"] td[data-zz_text="product_no"],
#zz_order table[data-zz_function="basket"] td[data-zz_text="product_image"] {
    text-align: center;
}


#zz_order table[data-zz_function="basket"] tbody tr[data-zz_text="promotion_info_product"] {
    background-color: #ffeb83;
}

#zz_order table[data-zz_function="basket"] tbody tr[data-zz_text="promotion_info_product"] .icon.major:before {
    font-size: 0.8em;
    color: #666;
}

#zz_order table[data-zz_function="basket"] tbody tr[data-zz_text="promotion_info_product"] button {
    padding-left: 0;
    padding-right: 0;
}

#zz_order table[data-zz_function="basket"] tr[data-zz_text="basket_summary"] {
    text-align: right;
    font-weight: bolder;
}


#zz_order table[data-zz_function="basket"] tbody td img {
    height: 1.2em;
    vertical-align: middle;
}

#zz_order table[data-zz_function="basket"] thead th button,
#zz_order table[data-zz_function="basket"] tbody td button {
}

#zz_order table[data-zz_function="basket"] td[data-zz_text="product_promotion_description"] {
    font-size: 0.75em;
    font-style: italic;
    line-height: 1.3em;
}


#zz_order table[data-zz_function="basket"] td[data-zz_text="discount"] {
    background-color: #F1E3F0;
    text-align: center;
}


#zz_order table[data-zz_function="basket"] span[data-zz_text="amount_before_discount"],
#zz_order table[data-zz_function="basket"] span[data-zz_text="gratis"],
#zz_order table[data-zz_function="basket"] save[data-zz_text="save_word"],
#zz_order table[data-zz_function="basket"] span[data-zz_text="discount_description_details2"] {
    color: #c1c1c1;
}
#zz_order table[data-zz_function="basket"] span[data-zz_text="gratis_word"],
#zz_order table[data-zz_function="basket"] span[data-zz_text="save_word"] {
    text-transform: uppercase;
    font-size: 0.7em;
}

#zz_order table[data-zz_function="basket"] span[data-zz_text="save_amount"],
#zz_order table[data-zz_function="basket"] span[data-zz_text="discount_description_details2"] {
    margin-left: 0.5em;
}

#zz_order table[data-zz_function="basket"] span[data-zz_text="discount_description_details1"] {
    font-size: 0.8em;
}

#zz_order table[data-zz_function="basket"] span[data-zz_text="discount_description_details1"] {
    font-size: 0.9em;
}

#zz_order table[data-zz_function="basket"] span[data-zz_text="amount_before_discount"] {
    text-decoration: line-through;
}

#zz_order table[data-zz_function="basket"] span[data-zz_text="currency_sign"] {
    margin-left: 0.15em;
    font-size: 0.8em;
}


#zz_order table[data-zz_function="basket"] thead {
    border-bottom-color: #666;
}

#zz_order table[data-zz_function="basket"] tfoot {
    border-top-color: #666; 
}



#zz_order table[data-zz_function="basket"] button {

}


#zz_order table[data-zz_function="basket"] td[data-zz_text="product_quantity_buttons"] button[data-zz_function="add_to_basket_value"],
#zz_order table[data-zz_function="basket"] button[data-zz_function="clear_basket"],
#zz_order table[data-zz_function="basket"] button[data-zz_function="delete_from_basket"] {
    padding: 0 0.75em;
    line-height: 1.8em;
    height: auto;
    color: #666 !important;
}

#zz_order table[data-zz_function="basket"] td[data-zz_text="product_quantity_buttons"] button.icon[data-zz_function="add_to_basket_value"]:before,
#zz_order table[data-zz_function="basket"] button.icon[data-zz_function="clear_basket"]:before,
#zz_order table[data-zz_function="basket"] button.icon[data-zz_function="delete_from_basket"]:before {
    margin-right: 0em;
}

#zz_order table[data-zz_function="basket"] button.icon[data-zz_function="clear_basket"]:hover,
#zz_order table[data-zz_function="basket"] button.icon[data-zz_function="delete_from_basket"]:hover {
    color: rgba(215,14,20,0.89) !important;
}

#zz_order table[data-zz_function="basket"] .icon.major {
    margin: 0;
    color: #ccc;
    display: inline;
    line-height: normal;
    background: transparent;
}


#zz_order [data-zz_text="product_details"] {
    background-color: #f7f7f7;
    padding: 0.5em;
    line-height: normal;
    border-radius: 0 0 0.25em 0.25em;
    font-size: 0.8em;
}

#zz_order [data-zz_text="product_details"] img {
    height: 5.5em;
    width: auto;
}

#zz_order [data-zz_text="product_details"] [data-zz_text="price"] {
    font-weight: bold;
}

#zz_order span[data-zz_text="currency_sign"] {
    margin-left: 0.15em;
}

#zz_order [data-zz_function="nav_buttons"] .actions{
    float:right;
}

/*
form .image.left img {
    height: 2em;
    width: auto;
}
*/


#zz_order label[for="promo_code"],
#zz_order label[for="check_promo_code"],
#zz_order section[data-zz_panel_step="2"] label {
    font-weight: normal;
    margin-bottom: 0.2em;
    font-size: 1.0em;
}

#zz_order section[data-zz_panel_step="4"] p {
    line-height: normal;
}

#zz_order h3.step {
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background-color: #f8f8f8;
    padding: 0.2em;
    text-align: center;
}

#zz_order [data-zz_function="summary"] p {
    line-height: normal;
}