/* 
    Created on : 23.2.2015, 14:02:26
    Author     : Samu
    */


    /* KOKO SIVUN KATTAVIA ASIOITA. Tämän tyylittelyn lisäksi, vaatii prototyyppi toimiakseen Bootstrapsin. */

    root {
        display: block;
        font-size: 62.5%;
    }

    body {
        background-color: #2b2b2b;
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        background: url('/media/background_partio.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    a {
        color: inherit;
    }

    a:hover {
        color: inherit;
        text-decoration: underline;
    }

    a:visited {
        color: inherit;
    }

    h1 {
        font-size: 2.8rem;
    }

    h2 {
        font-size: 1.8rem;
    }

    h3 {
        font-size: 1.4rem;
    }

    blockquote {
        font-size: 1.6rem;
        font-style: italic;
    }

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

    .show_only_mobile { display: none; }

    .cyan {
        color: #0090ff;
    }

    .bold {
        font-weight: bold;
    }

    .red {
        color: red;
    }

    .smalltext {
        font-size: 1.1rem;
    }

    .mediumtext {
        font-size: 1.2rem;
    }

    .clearfix:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    .bebas_h1 {
        font-family: "Bebas Neue", Arial;
        font-size: 4.0rem;
        line-height: 3.2rem;
        margin: 0;
    }

    .noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    @font-face {
        font-family: "Bebas Neue";
        src: url('bebasneue.eot?#iefix') format('embedded-opentype');
    }

    @font-face {
        font-family: "Bebas Neue";
        src: url('BebasNeue.otf') format('opentype');
    }


    -ms-@viewport {
        width: device-width;
        max-zoom: 1;
    }
    
    @viewport {
        width: device-width;
        max-zoom: 1;
    }

    /* HEADERIN TYYLITTELYT */

    .header_container {
        width: 100%;
        height: 80px;
        /*samuedit* muokkaa tausta pois 
        background-color: #efefef;
        background-size: 100% 128px;*/
    }

    .header {
        position: relative;
        max-width: 1100px;
        min-width: 700px
;        margin: 0 auto;
        height: 80px;
        /*samuedit* muokkaa tausta pois 
        background: url('/media/header-background-blk.jpg');
        background-repeat: no-repeat;
        background-position: 30% -20px;*/
    }

    .header_thatguy {
        position: absolute;
        left: 35%;
        top: 5px;
        z-index: -1;
    }

    .persistent_header_container {
        position: fixed;
        z-index: 9000;
        top: 0;
        width: 100%;
        height: 50px;
        display: none;
        background: -webkit-linear-gradient(#3f3f3f, #1f1f1f);
        /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#3f3f3f, #1f1f1f);
        /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#3f3f3f, #1f1f1f);
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(#3f3f3f, #1f1f1f);
        /* Standard syntax */
    }

    .persistent_header {
        position: relative;
        max-width: 1100px;
        min-width: 700px;
        margin: 0 auto;
        height: 50px;
        padding-top: 5px;
        padding-left: 0;
        color: #b7ad9d;
        font-size: 1.2rem;
        background: -webkit-linear-gradient(#3f3f3f, #1f1f1f);
        /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#3f3f3f, #1f1f1f);
        /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#3f3f3f, #1f1f1f);
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(#3f3f3f, #1f1f1f);
        /* Standard syntax */
    }

    .navigation_persistent_left {
        float: left;
        padding: 0;
    }

    .navigation_persistent_left li {
        display: inline;
        margin: 0 20px 0 0;
    }

    #group_button_brown_persistent {
        padding: 11px 20px 13px 10px;
    }

    .persistent_header .header_search_button {
        bottom: 0;
    }

    .navigation_persistent_right {
        float: right;
        padding: 10px 0 0 0;
    }

    .navigation_persistent_right li {
        display: inline;
        margin: 0 10px;
    }

    #header_logo {
        width: 40%;
        max-width: 366px;
        padding: 20px 30px 0 10px;
        /*-webkit-filter: grayscale(100%);
        filter: grayscale(100%);*/
    }

    #header_logo_mobile {
        display: none;
    }

    #persistent_header_logo {
        height: 40px;
        border-radius: 2px;
    }

    .header_search_container {
        position: relative;
        float: right;
        top: 20px;
        height: 46px;
        width: 28%;
        max-width: 360px;

    }
    .header_search_input {
        width: 100%;
        padding: 18px;
        border: 0;
        font-size: 1.2rem;
        line-height: 1.2rem;
        border: 1px solid #bbb;
        border-radius: 2px;
    }
    #header_search_input_persistent {
        padding: 13px 18px;
        position: relative;
        top: 2px;
    }
    .header_search_button {
        position: absolute;
        top: 2px;
        right: 16px;
        padding: 14px 0 14px 14px;
        cursor: pointer;
    }

    .header_search_container_persistent {
        position: absolute;
        top: 8px;
        left: 545px;
    }

    #header_favorite_button {
        float: right;
        position: relative;
        top: 20px;
        padding: 16px;
        height: 50px;
        text-align: center;
        border-radius: 2px;
        font-size: 1.2rem;
        display: inline-block;
    }

    .header_favorite_button_active {
        background: -webkit-linear-gradient(#E7745D, #B74A33);
        background: -o-linear-gradient(#E7745D, #B74A33);
        background: -moz-linear-gradient(#E7745D, #B74A33);
        background: linear-gradient(#E7745D, #B74A33);
        margin: 0 2px 0 4px;
    }

    #header_cart_button {
        float: right;
        position: relative;
        top: 20px;
        padding: 14px;
        height: 50px;
        text-align: center;
        border-radius: 2px;
        font-size: 1.2rem;
        display: inline-block;
    }

    .header_cart_price {
        font-weight: bold;
        font-size: 1.6rem;
    }

    .header_cart_button_active {
        color: white;
        background: -webkit-linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
        background: -o-linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
        background: -moz-linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
        background: linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
    /* PUNAINEN background: linear-gradient(#E7745D, #b74a33);
    background: -webkit-linear-gradient(#E7745D, #b74a33);
    background: -o-linear-gradient(#E7745D, #b74a33);
    background: -moz-linear-gradient(#E7745D, #b74a33);*/
}
    .header_cart_button img {
        margin-right: 3px;
        filter: invert(100%);
        -webkit-filter: invert(100%);
    }

.navigation_container {
    width: 100%;
    /*samuedit background: -webkit-linear-gradient(#3f3f3f, #1f1f1f);
    background: -o-linear-gradient(#3f3f3f, #1f1f1f);
    background: -moz-linear-gradient(#3f3f3f, #1f1f1f);
    background: linear-gradient(#3f3f3f, #1f1f1f);*/
}

.navigation {
    position: relative;
    max-width: 1100px;
    min-width: 700px;
    margin: 0 auto;
    /*height: 60px;*/
    padding: 7px 0;
    color: #b7ad9d;
    font-size: 1.2rem;
    /* samuedit background: -webkit-linear-gradient(#3f3f3f, #1f1f1f);
    background: -o-linear-gradient(#3f3f3f, #1f1f1f);
    background: -moz-linear-gradient(#3f3f3f, #1f1f1f);
    background: linear-gradient(#3f3f3f, #1f1f1f);*/
}

.navigation .pull-left li {
    display: inline;
    margin: 0 20px 0 0;
}

.navigation_left {
    padding: 0;
    margin: 0;
    float: left;
}

.navigation_left li {
    display: inline-block;
    margin: 0 20px 0 0;
}

.navigation_right {
    padding: 15px 8px 15px 0;
    margin: 0;
    float: right;
}

.navigation_right li {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 20px;
}

.pull-left {
    padding-left: 8px;
}

.pull-right {
    padding-right: 8px;
}


#account_button {
    cursor: pointer;
}
.header_logout_button span { display: inline; }

#country_lang_button {
    cursor: pointer;
}

/* Kantasiaksi rekisteröityminen */ 

.customer_register{
    width: 280px;
    height: 34px;
    margin: 0 0 4px 0;
    padding-left: 8px;
    float: left;
    position: relative;
}
#register{
    float: left;
    position: relative;
}





/* SISÄLTÖALUE. Sisältää tuotenavigaatioon käytetty tyylittely. */

.main_container_container {
    width: 100%;
    /*background: url('/media/background_saint.jpg');
    background: url('/media/background_valtterinpolttarit_dark.jpg');
    background-attachment: fixed;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #d9d9d9;*/
}

.main_container {
    max-width: 1100px;
    min-width: 700px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    position: relative;
}

#group_button_brown {
    padding: 0px 20px 10px 10px;
}

@media screen and (max-width: 1100px) {
    #group_button_brown { margin-left: 10px; }
}


.group_button_brown {
    cursor: pointer;
    font-weight: bold;
    border-top: 1px solid #695F59;
    border: 1px solid rgb(86, 77, 71);
    background: -webkit-linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
    background: -o-linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
    background: -moz-linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
    background: linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
    /*Vaihtoehtoinen punasävytteinen nappula*/
    /*border: 1px solid rgb(125, 70, 70);
    background: linear-gradient(rgb(202, 98, 98), rgb(99, 55, 55));
    border-radius: 2px;
    color: #ececec;*/
}


/* TUOTEVALIKKO AVATTUNA. AVAAMINEN JA PIILOTTAMINEN KOODATTU JQUERYLLA. */

.group_navigation_menu_container {
    z-index: 999;
    position: absolute;
    display: none;
    background: linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    background: -webkit-linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    background: -o-linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    background: -moz-linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    color: #BEB6A8;
    width: 100%;
    max-width: 1100px;
    min-width: 700px;
    padding: 16px 8px 30px 8px;
    top: 61px;
}

.group_navigation_menu_container_persistent {
    position: fixed;
    top: 50px;
}

.menu_paragraph_header {
    font-family: "Bebas Neue", Arial;
    font-size: 2.6rem;
}

.menu_paragraph {
    float: left;
    width: 24%;
    padding: 0 10px;
}

/*.menu_paragraph ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 0;
    padding: 0 0 0 15px;
}
.menu_paragraph li {
    padding-top: 0.3em;
}*/


.menu_paragraph ul {
    margin-left: 0;
    padding-left: 15px;
    list-style-type: none;
}
.menu_paragraph li {
    font-size: 1.2rem;
    margin-bottom: 10px;
    padding: 0;

    /*padding: 9px;
    margin-bottom: -1px;
    border: 1px solid #3c3835;
    background: linear-gradient(#34322e, #26231f);
    background: -o-linear-gradient(#34322e, #26231f);
    background: -webkit-linear-gradient(#34322e, #26231f);
    background: -moz-linear-gradient(#34322e, #26231f);*/
}














.information_button {
    cursor: pointer;
    padding: 15px 0;
}

.information_menu_container {
    z-index: 1000;
    position: absolute;
    top: 60px;
    width: 100%;
    max-width: 1100px;
    min-width: 700px;
    padding: 10px 50px 40px 10px;
    display: none;
    background: linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    background: -webkit-linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    background: -o-linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    background: -moz-linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    color: #BEB6A8;
    opacity: 0.995;
}

.information_menu_container_persistent {
    position: fixed;
    top: 50px;
}

/*.information_menu_container ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 0;
    padding: 0 0 0 15px;
}
.information_menu_container ul li {
    padding-bottom: 4px;
}*/

.country_lang_select_container {
    z-index: 1000;
    position: absolute;
    top: 60px;
    right: 0;
    width: 300px;
    padding: 10px 20px 20px 20px;
    display: none;
    background: linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    background: -webkit-linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    background: -o-linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
    background: -moz-linear-gradient(rgb(51, 51, 51), rgb(25, 25, 25));
}

.country_lang_select_container p {
    color: #BEB6A8;
    padding: 4px 0;
    margin-bottom: 0;
}

.country_lang_select_container div {
    padding: 4px;
}

.country_lang_select_container select {
    width: 200px;
    height: 30px;
    color: #333;
}

.country_lang_select_container button {
    color: #333;
}

.signin_container {
    font-size: 1.2rem;
    z-index: 1001;
    position: absolute;
    top: 60px;
    right: 0;
    width: 300px;
    padding: 10px 20px 20px 20px;
    display: none;
    background: linear-gradient(rgb(51, 51, 51),rgb(25, 25, 25));
    background: -webkit-linear-gradient(rgb(51, 51, 51),rgb(25, 25, 25));
    background: -o-linear-gradient(rgb(51, 51, 51),rgb(25, 25, 25));
    background: -moz-linear-gradient(rgb(51, 51, 51),rgb(25, 25, 25));    
}
.signin_container p { color: #BEB6A8; padding: 4px 0; margin-bottom: 0;}
.signin_container div { padding: 4px; }
.signin_container input[name^=signin_input] { width: 200px; height: 30px; color: #333; margin-bottom: 4px; display: block; }
.signin_container label { font-weight: normal;}
.signin_container button { display: inline-block; color: #333; margin-top: 10px; padding: 10px;}


.menu_important_notification {
    min-width: 700px;
    max-width: 1100px;
    padding: 10px;
    margin: 0;
    text-align: center;
    color: white;
    background: #3490D2;
    margin: 0 auto;
}

.menu_important_notification_ok {
    border: 1px solid rgba(255,255,255, 0.2);
    padding: 2px 10px;
    margin-left: 20px;
    background: rgba(255,255,255, 0.1);
    cursor:  pointer;
}

/* Varsinainen sisältö alkaa tästä. Missä määrin Bootstrapia voisi soveltaa, vai kannattaako se suosiolla unohtaa? */

.main_content {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 1100px;
    min-width: 700px;
}

.promotion_container {
    position: relative;
    max-width: 1100px;
    min-width: 700px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #333;
}

.promotion_container img {
    width: 100%;
}

.promotion_text {
    position: absolute;
    top: 30px;
    right: 20px;
}

#promootio_otsikko {
    width: 35%;
    font-size: 3.8rem;
    line-height: 3.6rem;
    font-family: "Bebas Neue", Arial;
}

#promootio_teksti {
    width: 35%;
    font-size: 1.2rem;
}

.special_container {
    overflow: hidden;
    width: 100%;
    display: block;
    padding: 2px 0 10px 0;
    margin: 0;
    background: linear-gradient(#3e3e3e, #1F1F1F);
    background: -webkit-linear-gradient(#3e3e3e, #1F1F1F);
    background: -o-linear-gradient(#3e3e3e, #1F1F1F);
    background: -moz-linear-gradient(#3e3e3e, #1F1F1F);
}

.special_container a:hover {
    text-decoration: none;
}

.special_1_content {
    position: relative;
    margin: 6px 0.6% 6px 0;
    width: 24.55%;
    float: left;
    overflow: hidden;
}

/*@media screen and (max-height: 800px) {
    .special_1_content { max-height: 310px; }
}*/

.special_1_content:nth-child(4) {
    margin:  6px 0;
}

.special_1_content p {
    padding: 4px 8px;
    margin: 0;
    position: absolute;
    //text-align: center;
    bottom: 0;
    width: 100%;
    font-size: 1.2rem;
    color: rgb(220,214,204);
    background: rgb(39, 36, 36);
    background: rgba(39, 36, 36, 0.6);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.special_1_content img {
    max-width: 100%;
    max-height: 363px;
    /*-webkit-filter: grayscale(30%);
    filter: grayscale(30%);*/
}

.special_otsikko {
    font-size: 2.2rem;
    font-family: "Bebas Neue";
    line-height: 2.2rem;
    display: block;
    /* huomaamaton otsikko
    font-size: 1.1rem;
    font-weight: bold;*/
}

.box_4_container {
    width: 75%;
    padding: 0;
    float: left;
}

.box_4 {
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    /*border-radius: 4px;
    position: relative;
    left: -4px;*/
}


/*.box_4:nth-child(1) { border-left: 4px solid #B5ABA2; }
.box_4:nth-child(2) { border-left: 4px solid #AFBF90; }
.box_4:nth-child(3) { border-left: 4px solid #E2C49F; }
.box_4:nth-child(4) { border-left: 4px solid #BACCE2; }*/

.main_container hr {
    margin: 2px 0 10px 0;
    padding: 0;
}

.frontpage_topic {
    display: inline-block;
    font-family: "Bebas Neue", Arial;
    font-size: 2.4rem;
    line-height: 2.4rem;
    margin-bottom: 0;
}

.frontpage_showmore {
    padding: 4px 20px;
    display: inline-block;
    color: #555;
    background: #f5f5f5;
    border: 1px solid #ddd;
    position: relative;
    top: -4px;
    font-size: 1.2rem;
    margin-left: 10px;
}

.frontpage_news_topic {
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: bold;
    display: block;
    margin-bottom: 16px;
}
.frontpage_news_date {
    font-size: 1.0rem;
    font-style: italic;
    background: #eee;
    padding: 3px 6px;
    border-radius: 4px;
}

.frontpage_info {
/*    width: 25%;
    margin-left: 0;
    float: left;
    padding: 20px 10px 0 10px;
    font-size: 1.2rem;*/
}

.newsbox {
}

.news {
    position: relative;
    padding: 10px 5% 10px 0;
}

.news_element {
    max-height: 270px;
    overflow: hidden;
    font-size: 1.2rem;
    padding-bottom: 0;
}

.news_bottom_whiteout {
    /*position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    background: linear-gradient(rgba(255,255,255, 0), rgba(255,255,255, 1.0));
    height: 60px;*/
}

.info_element {
    margin-bottom: 60px;
    margin: 0;
    width: 25%;
    float: right;
    padding: 20px 10px 0 10px;
    font-size: 1.2rem;
}

.info_element img {
    max-width: 100%;
}

.frontpage_lekalooks img {
    max-height: 245px;
    margin: 2px;
    float: left;
}


/* TUOTELISTAUSTYYLITTELYT */

.common_listing {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0;
    vertical-align: top;
}

.common_listing img {
    max-height: 100%;
    max-width: 95%;
    vertical-align: middle;
}

.common_listing del {
    color: red;
}

.common_listing_extraimage_container {
    position: absolute;
    top: 0;
    right: -18px;
    height: 100%;
    overflow: hidden;
    z-index: 99;
}

.frontpage_listing .common_listing_extraimage_container {
    right: -8px;
}

.common_listing_image_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.common_listing_price {
    font-size: 1.1em;
    display: block;
    margin-top: 2px;
    /*font-weight: bold;
    color: #c04b41;*/
}
.category_listing .common_listing_price {
    font-size: 1.0em;
}

.common_listing_resupply {
    width: 100%;
    background-color: #ddd;
    color: #333;
    margin-top: -10px;
}

.frontpage_listing {
    font-size: 1.1rem;
    width: 19%;
    padding: 1.5%;
}

.frontpage_listing_image {
    position: relative;
    height: 120px;
    width: 100%;
}

.frontpage_listing_extraimage {
    position: relative;
    height: 15px;
    width: 15px;
    overflow: hidden;
}

.category_listing_container {
    margin: 0;
    padding: 30px 0 0 0;
}

/*pieni listaus*/
/*.category_listing {
    font-size: 1.2rem;
    width: 24%;
    min-width: 160px;
    padding: 10px 24px;
    margin:  0;
}
.category_listing_image {
    height: 150px;
    width: 100%;
    position: relative;
}
.category_listing_extraimage {
    position: relative;
    height: 20px;
    width: 20px;
    overflow: hidden;
}*/
/*keskisuuri listaus*/
.category_listing {
    font-size: 1.2rem;
    width: 33%;
    min-width: 160px;
    padding: 10px 24px;
    margin:  0;
}
.category_listing_image {
    height: 200px;
    width: 100%;
    position: relative;
}
.category_listing_extraimage {
    position: relative;
    height: 25px;
    width: 25px;
    overflow: hidden;
}

.product_listing {
    position: relative;
    display: block;
    text-align: left;
    font-size: 1.1rem;
    padding: 0;
    margin-bottom: 10px;
}

.product_listing_image {
    float: left;
    position: relative;
    height: 70px;
    width: 70px;
    margin-right: 10px;
    text-align: center;
}


/* TUOTEKORTIN TIEDOT JA TYYLITTELYT */

.product_container {
    width: 100%;
    padding: 10px 40px 80px 40px;
    max-width: 1100px;
    min-width: 700px;
}

.breadcrumbs {
    font-size: 1.2rem;
    padding: 10px 0;
}

.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover {
    /*color: #B74A33; text-decoration: underline; font-weight: bold;*/
}

.breadcrumbs_product_details {
    color: white;
}

.breadcrumbs_3rdgroup {
    /*display: inline-block;
    background-color: #eee;
    padding: 2px 8px;
    margin-right: 4px;
    font-size: 1.2rem;
    border-radius: 2px;*/
}


.listing_outofstock {
    opacity: 0.4;
}




/* TUOTEKORTIN TYYLITTELYT YLÄOSA */ 

.product_header {
    margin: 0 0 20px 0;
    width: 100%;
}
.product_rating {
    font-size: 1.2rem;
    visibility: hidden;
    display: none;
}
.product_fblike_container {
    vertical-align: super;
}
.product_fblike_container_faded {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
}


.product_container h1, .page_container h1, .wish_container h1 {
    font-family: "Bebas Neue", Arial;
    margin: 0;
    font-size: 3.4rem;
    line-height: 3.0rem;
}

.product_container h2, .page_container h2 {
    font-size: 2.4rem;
    margin-bottom: 10px;
    font-family: "Bebas Neue", Arial;
    margin-top: 60px;
}

.product_container h3, .page_container h3 {
    font-size: 1.4rem;
    margin-top: 30px;
    font-family: Arial;
    font-weight: bold;
}

.product_pictures {
    width: 70%;
    padding: 0;
    margin: 0 0 30px 0;
    float: left;
}

.product_pictures_extra_container {
    width: 4.5%;
    float: left;
}

.product_picture_extra {
    /*width: 44px;
    height: 44px;*/
    max-width: 100%;
    max-height: 35px;
    margin: 0 0 2px 0;
    float: left;
    overflow: hidden;
    opacity: 0.4;
    cursor: pointer;
    text-align: center;
}

.product_picture_extra_selected {
    opacity: 1;
}

.product_picture_extra_deselected {
    opacity: 0.4;
}

.product_picture_extra img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
}

.product_picture_video img {
    height: 100%;
    width: 100%;
}


#product_main_picture {
    width: 95%;
    text-align: center;
    float: right;
    position: relative;
}

.button_product_main_picture {
    position: absolute;
    top: 0;
    font-size: 3.0rem;
    padding: 0;
    opacity: 0.15;
    cursor: pointer;
    height: 100%;
    min-width: 25%;
}
.button_product_main_picture span {
    vertical-align: middle;
    padding: 20px 10px;
}
#button_product_main_picture_zoom {
    left: 300px;
    height: initial;
    background: none;
    width: 200px;
    padding: 0;
    top: 10px;
}
#button_product_main_picture_previous {
    left: 0px;
    text-align: left;
}
#button_product_main_picture_next {
    right: 0px;
    text-align: right;
}
.product_main_picture {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}
.product_main_picture img {
    max-width: 80%;
}
@media screen and (min-height: 1000px) {
    .product_main_picture img { max-height: 500px; }
}
@media screen and (min-height: 901px) and (max-height: 999px) {
    .product_main_picture img { max-height: 440px; }
}
@media screen and (min-height: 801px) and (max-height: 899px) {
    .product_main_picture img { max-height: 380px; }
}
@media screen and (max-height: 800px) {
    .product_main_picture img { max-height: 300px; }
}
/* Javascriptin kutsumat tyylitteluokat kun tuotekuva klikataan isoksi. */
.product_main_picture_img_max {
    max-height: 100% !important;
    max-width: 100% !important;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}
.product_main_picture_max {
    width: 95% !important;
}
.product_pictures_extra_container_max {
    width: 4.5% !important;
}
.product_pictures_img_max {
    float: none !important;
    width: 100% !important;
}
.product_buy_selector_img_max {
    float: none !important;
    width: 100% !important;
    padding: 10px 20px 10px 20px !important;
    margin: 0 auto 80px auto !important;
    border-left: 0 !important;
    background: #f9f9f9;
}
.product_buy_selector_left_img_max {
    width: 60% !important;
    float: left !important;
    padding-right: 10% !important;
}
.buy_buttons_img_max {
    width: 40% !important;
    float: right !important;
}



.product_main_picture_description {
    cursor: default;
    font-size: 1.2rem;
    font-style: italic;
}


/* TUOTEKORTIN OSTAMISEN TYYLITTELYT */

.product_buy_selector {
        position: relative;
        width: 30%;
        float: right;
        padding: 0 0 10px 20px;
        font-size: 1.2rem;
        margin-bottom: 30px;
    }

    .product_buy_selector select {
        height: 36px;
        width: 100%;
        margin-bottom: 8px;
        border: 0;
        background: #f5f5f5;
    }

    .variation_selector {
        position: relative;
    }

    #variation_table_toggle {        
        font-size: 1.0rem;
        float: right;
        cursor: pointer;
        padding: 2px 8px;
        background: #f9f9f9;
        position: absolute;
        top: -8px;
        right: 0;
    }

    .amount_container {
        position: relative;
    }

    #buyamount {
        width: initial;
        background: #f5f5f5;
        border: 0;
        padding: 0 10px;
    }

    .product_buy_selector .buy_button_outofstock {
        background: linear-gradient(#79AADA, #346491);
        background: -webkit-linear-gradient(#79AADA, #346491);
        background: -o-linear-gradient(#79AADA, #346491);
        background: -moz-linear-gradient(#79AADA, #346491);
        border: 0;
        display: none;
    }



.wishlist_button {
    width: 100%;
    padding: 20px 10px;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    margin: 4px 0 0 0;
    display: block;
    border-radius: 2px;
    background: #f5f5f5;
    border: 0;
    color: #333;    
    font-weight: normal;
}
.wishlist_button img {
    opacity: 0.6;
}
.wishlist_button_active {
    background: transparent;
    padding: 10px;
    margin-top: 10px;
}
.wishlist_button_active img {
    opacity: 1;
}



.product_buy_selector_left_info_stock {
    padding: 0 0 12px 0;
}
#variation_stock_info {
    padding: 16px 0;
}
.stock_indicator {
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background: linear-gradient(#39E02F, #22AD09);
    display: inline-block;
}

.shop_indicator { display: inline-block; }

.product_buy_selector_left_info_outofstock {
    /*font-size: 1.2rem; padding: 20px 10px; border: 1px dashed rgb(184,184,184);*/
    display: none;
    padding-top: 6px;
}

#oos_email {
    width: 100%;
    height: 36px;
    padding-left: 10px;
    margin: 6px 0;
}


.amount_container {
}

#buy_amount {
    height: 36px;
}

.product_buy_selector_price_static {
    font-size: 1.8rem;
}
.product_buy_selector_price_static del {
    color: red;
}

.product_buy_selector_price {
    font-size: 1.8rem;
}

.product_buy_selector_price del {
    color: red;
}

.product_variations_table {
    display: none;
    margin-bottom: 10px;
}

.product_variations_table table label {
    font-weight: normal;
}

.variations_reveal_button {
    color: lightgrey;
    font-size: 1.4rem;
    display: inline-block;
    cursor: pointer;
}

.product_buy_selector ul {
    padding: 0 10px 0 0;
    margin-bottom: 20px;
    list-style-type: none;
}

.product_buy_selector ul li {
    line-height: 1.2rem;
    margin-bottom: 8px;
}

.product_colors {
    display: none;
    position: relative;
    left: -50px;
}

.product_colors img {
    height: 70px;
}

#buy_selector {
    width: 280px;
    height: 30px;
    margin-bottom: 0;
    padding-left: 12px;
}

#buy_amount_container {
    float: left;
    margin: 8px 0 8px 0;
    padding: 10px 0 0 0;
    height: 60px;
}

.buy_amount_outofstock {
    opacity: 0.3;
}

#buy_amount {
    width: 50px;
    height: 40px;
    padding-left: 8px;
    display: inline-block;
    margin-right: 8px;
}

.buy_buttons {
    padding: 0;
    width: 100%;
}

.buy_button {
    background: -webkit-linear-gradient(#E7745D, #b74a33);
    background: -moz-linear-gradient(#E7745D, #b74a33);
    background: -o-linear-gradient(#E7745D, #b74a33);
    background: linear-gradient(#E7745D, #b74a33);
    width: 100%;
    padding: 20px 10px;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    margin: 4px 0 0 0;
    display: block;
    border-radius: 2px;
    border: 1px solid rgb(185, 76, 53);
    border-top: 1px solid rgb(221, 152, 139);
    /*border-bottom: 1px solid #4D231A;*/
}

.buy_button_outofstock {
    background: -webkit-linear-gradient(#79AADA, #346491);
    background: -moz-linear-gradient(#79AADA, #346491);
    background: -o-linear-gradient(#79AADA, #346491);
    background: linear-gradient(#79AADA, #346491);
    border-top: 1px solid rgb(122, 155, 189);
    border-right: 1px solid rgb(84, 121, 157);
    border-bottom: 1px solid rgb(45, 80, 113);
    border-left: 1px solid rgb(84, 121, 157);
}

.buy_button_secondary {
    float: right;
    background: -webkit-linear-gradient(#F9F9F9, #C7C7C7);
    background: -moz-linear-gradient(#F9F9F9, #C7C7C7);
    background: -o-linear-gradient(#F9F9F9, #C7C7C7);
    background: linear-gradient(#F9F9F9, #C7C7C7);
    width: 100%;
    color: dimgrey;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    margin: 4px 0 0 0;
    padding: 0 10px;
    display: block;
    border: 1px solid rgb(160, 160, 160);
    border-top: 1px solid rgb(219, 219, 219);
}

#buy_button_history {
    margin-left: 1px;
}

#buy_button_share {
    margin-left: 1px;
}

.product_pakettimyynti_container {
    display: none;
    margin: 0;
    padding: 20px 20px 10px 5px;
    background-color: #f8f8f8;
    font-size: 1.2rem;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

.product_pakettimyynti_container td {
    padding-bottom: 20px;
}

.product_pakettimyynti_container td:first-child {
    width: 20px;
}

.product_pakettimyynti_container tr {
    vertical-align: top;
}

#pakettimyynti1_select {
    display: none;
}



/* TUOTEKUVAUKSEN JA TUOTEKORTIN ALAOSAN TYYLITTELYT */

.product_bottom {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
    min-height: 0;
}

.product_description {
    width: 70%;
    min-height: 600px;
    padding: 0 6% 0 0;
    float: left;    
}

.product_description blockquote {
    border-left: 5px solid #a55050;
    margin-top: 60px;
}

.product_description blockquote h2:first-child, .product_description blockquote > h3:first-child {
    margin-top: 0;
}

.product_description iframe[src*="youtube"] {
    width: 100%;
    height: 360px;
    max-height: 360px;
}

.product_description ul.lyhyt li, .product_description ol.lyhyt li {
    margin-bottom: 0;
}

.product_description table, .product_description ul, .product_description ol {
    margin-bottom: 40px;
}

.product_description li {
    margin-bottom: 8px;
}

.product_description table td, .product_description table th {
    border: 1px solid #ddd;
    padding: 2px 4px;
}
.product_description table th {
    background-color: #eee;
    font-weight: normal;
    text-align: left;
}

.product_description_picture {
    max-width: 400px;
    font-size: 1.2rem;
    font-style: italic;
    padding: 8px 10px;
    margin-bottom: 10px;
}

.product_description_picture img {
    max-height: 400px;
    max-width: 400px;
}

.product_description_picture p {
    margin-top: 8px;
    margin-bottom: 0;
}

/*.product_description a:link, .product_description a:visited, .product_description a:hover, .page_container a:link, .page_container a:visited, .page_container a:hover, .footer a {
    color: #B74A33;
    text-decoration: underline;
}*/
.product_description a, .page_container a, .footer a {
    color: #B74A33;
    text-decoration: underline;
}

blockquote.kokemus {
    width: 100%;
    padding: 0;
    margin: 0 0 30px 0;
    border: 0;
    font-size: 1.4rem;
    background: #f8f8f8;
    
}
blockquote.kokemus div {
    border-right: 1px solid #eee;
    display: block;
    float: left;
    padding: 20px 30px 20px 20px;
    width: 75%;
    margin: 0;
}
blockquote.kokemus p:first-child {
    margin-top: 0;
}
blockquote.kokemus h2, blockquote.kokemus h3 {
    margin-top: 0;
}
blockquote.kokemus cite {
    font-size: 1.2rem;
    display: block;
    float: right;
    font-style: normal;
    text-align: center;
    width: 25%;
    padding: 20px 10px 20px 10px;
    margin: 0;
}
blockquote.kokemus cite img {
    display: block;
    margin: 0 auto;
}

.product_fbcomments {
    background: #f9f9f9;
    padding: 20px 2%;
    margin: 0;
    width: 100%;
}
.product_fbcomments h2 {
    margin-top: 0;
}

/*blockquote.kokemus div>div {
    font-size: 1.6rem;
    height: 50px;
    }*/

.review_stars img {
    height: 18px;
    -webkit-filter: hue-rotate(-35deg);
    filter: hue-rotate(-35deg);
}

.review_likecontrols {
    opacity: 0.4;
    font-size: 1.2rem;
    padding: 4px 0;
}
.product_review {
    /*border-top: 1px solid #eee;*/
    padding: 8px 0;
}
.product_review .edit_area {
    cursor: pointer;
}
.review_bottom {
    /*border-top: 1px solid #eee;*/
    padding: 30px 0;
}
.product_reviews .new_review {
    width: 100%;
    min-height: 100px;
    padding: 8px;
}

    /*TUOTEKORTIN VARIAATIOIDEN TAULUKKO*/

    .product_variations_table table {
        width: 100%;
    }

    .product_variations_table {
        width: 100%;
        font-size: 1.1rem;
    }

    #variation_availability_table_for_shop {
        display: none;
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0;
        background: #f5f5f5;
        font-size: 0.9rem;
        text-transform: uppercase;
    }
    #variation_availability_table_for_shop td, #variation_availability_table_for_shop th {
        padding: 1px 2px;
    }
    #variation_availability_table_for_shop tr:nth-child(odd), #variation_availability_table_for_shop tr:last-child {
        background: white;
    }




    .product_buy_selector label {
        font-weight: normal;
        margin: 0;
    }

    .product_pakettituote {
        padding: 8px;
        background-color: #f8f8f8;
        margin: 0;
        font-size: 1.2rem;
    }

    .product_special_dogtag_input {
        background: white;
        border: 1px solid #aaa;
        display: block;
        margin: 1px 0;
        width: 170px;
        text-transform: uppercase;
        font-family: monospace;
    }
    .product_special_dogtag {
        padding: 0;
    }
    .product_special_dogtag:nth-child(3) {
        padding: 10px 0;
    }
    .product_special_dogtag_container {
        margin: 0;
        padding: 0;
    }
    .product_special_dogtag_container button {
        width: 170px;
    }
    .product_special_nametape_input {
        background: white;
        border: 1px solid #aaa;
        display: block;
        margin: 0;
        width: 170px;
        height: 36px;
        text-transform: uppercase;
        font-family: sans-serif;
        font-weight: bold;
        font-size: 1.6rem;
        padding: 10px;
        color: black;
        text-align: center;
    }
    .product_special_nametape {
        /*background: #eae9ef; border-radius: 60px; border: 14px solid rgb(56,55,61); width: 220px; padding: 0 32px; float: left;*/
    }
    .product_special_nametape_container {
        margin: 0;
        padding: 10px 0;
    }

    

.product_recommend {
    width: 30%;
    padding: 0 0 0 20px;
    margin-bottom: 80px;
    float: right;
    position: relative;
    /*border-left: 1px solid #eee;*/
}

.recommend_otsikko {
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 8px 0;
    font-weight: bold;
    /*margin: 0 0 20px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #eee;
    font-size: 2.4rem;
    line-height: 2.0rem;
    font-family: "Bebas Neue";*/
}

#product_ostamyos {
}

.fabulous_glitter {
    width: 100px;
    position: absolute;
    top: -30px;
    right: -30px;
    opacity: 0.35;
}

#product_katsomyos {
}

#product_lekalooks {
    display: none;
}

#product_lekalooks img {
    max-width: 48%;
    max-height: 187px;
    margin: 0 4px 4px 0;
    float: left;
}

#product_loppuneentilalle {
    border: 4px dotted rgb(192, 75, 65);
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
}

#product_loppuneentilalle .recommend_otsikko {
    font-size: 1.4rem;
    font-family: Arial;
    color: #C04B41;
    font-weight: bold;
}




/* TUOTEKATEGORIASIVUN TYYLITTELYT */

.category_container {
    width: 100%;
    min-height: 100%;
}

.category_breadcrumbs {
    font-size: 1.4rem;
    padding: 20px 20px 0px 20px;
    width: 70%;
    float: right;
}

.category_container h1 {
    margin-top: 0px;
    margin-bottom: 8px;
    font-family: "Bebas Neue", Arial;
    font-size: 4.0rem;
    display: inline-block;
}

.category_left_column {
    float: left;
    width: 30%;
    border-right: 1px solid #dadada;
    margin: 0;
    padding: 10px 0 30px 0;
}

.category_left_column ul {
    margin-left: 20px;
    padding-left: 0;
}

.category_group {
    list-style-type: none;
    border-bottom: 1px solid #eee;
    padding: 6px 0;
    margin-right: 20px;
    font-size: 1.2rem;
}

.category_left_column ul ul {
    margin: -1px 20px 0 0;
    padding: 0 0 10px 0;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.category_subgroup {
    list-style-type: none;
    padding: 8px 5%;
    font-size: 1.2rem;
    margin: 2px;
    background: #eee;
    border-radius: 2px;
    font-weight: bold;
}

.category_subgroup_selected {
    background: #B74A33;
    border: 1px solid #B74A33;
    color: white;
}

.category_group_img_container {
    width: 25%;
    max-width: 60px;
    height: 40px;
    /*display: inline-block;*/
    margin-right: 2%;
    float: left;
}

.category_group_name {
    float: left;
    width: 73%;
    padding: 3% 0 0 0;
}

/*.category_left_column ul li img*/ .category_group_img_container img {
    max-width: 95%;
    max-height: 100%;
}

.category_left_column_filters {
    padding: 30px 20px 0 20px;
    font-size: 1.2rem;
    list-style-type: none;
    width: 100%;
    position: static;
}
.category_left_column_filters_persistent {
    position: fixed;
    top: 0;
    border-right: 1px solid #ddd;
}
.category_left_column_filters_persistent_bottom {
    position: absolute;
    bottom: 0px;
    top: initial;
}

#category_priceslider {
    width: 100%;
    margin-top: 30px;
}

#category_priceslider_container {
    position: relative;
    top: -14px;
    margin: 0;
    padding: 0;
    height: 30px;
    width: 100%;
}

#category_priceslider_bar {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.category_priceslider_slider {
    position: absolute;
    top: 16px;
    width: 12px;
    height: 12px;
    background-color: #ddd;
    border: 1px solid #808080;
    border-radius: 100%;
}

#category_priceslider_slider1 {
    left: 0;
}

#category_priceslider_slider2 {
    right: 0;
}

#category_textfilter {
    margin-top: 30px;
}

#category_textfilter input {
    width: 100%;
}

.category_right_column {
    float: right;
    width: 70%;
    padding: 0;
}

.category_nostot {
    display: block;
    background-color: #fafafa;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.2rem;
    /*border-bottom: 1px dashed #eee;*/
}
.category_nostot img {
    max-width: 100%;
    margin-bottom: 10px;
}
.category_nostot h2 {
    font-family: "Bebas Neue";
    font-size: 2.1rem;
    margin-top: 30px;
}

#category_sorting_selector {
    float: right;
    height: 36px;
    padding-left: 8px;
    display: inline-block
}



/* OSTOSKORI */

.cart_container {
    padding: 10px 20px 80px 20px;
    min-width: 700px;
    max-width: 1100px;
}

.cart_container h1 {
    margin: 0 0 4px 0;
    font-family: "Bebas Neue", Arial;
    font-size: 3.8rem;
}

.cart_header {
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 40px;
    display: block;
    background: -webkit-linear-gradient(#7E7E7E, #5F5F5F);
    background: -moz-linear-gradient(#7E7E7E, #5F5F5F);
    background: -o-linear-gradient(#7E7E7E, #5F5F5F);
    background: linear-gradient(#7E7E7E, #5F5F5F);
    float: left;
    width: 50%;
    padding: 0 10px;
    margin: 0;
    height: 40px;
}


/* SHOPPING CART PRODUCT TABLE */

.cart_products_table {
    font-size: 1.2rem;
    width: 100%;
}

.cart_products_table tr:first-child {
    /*background: -webkit-linear-gradient(#898989, #525252);
    background: -moz-linear-gradient(#898989, #525252);
    background: -o-linear-gradient(#898989, #525252);
    background: linear-gradient(#898989, #525252);
    color: white;*/
}

.cart_products_table tr th {
    padding: 5px;
    font-weight: normal;
}

.cart_products_table tr td {
    padding: 5px;
}

.cart_products_table tr th:nth-child(1), .cart_products_table tr td:nth-child(1) {
    width: 5%;
}

.cart_products_table tr td:nth-child(1) img {
    max-width: 100%;
    max-height: 30px;
}

.cart_products_table tr th:nth-child(2), .cart_products_table tr td:nth-child(2) {
    width: 30%;
}

.cart_products_table tr th:nth-child(3), .cart_products_table tr td:nth-child(3) {
    width: 15%;
}

.cart_products_table tr th:nth-child(4), .cart_products_table tr td:nth-child(4) {
    width: 15%;
}

.cart_products_table tr th:nth-child(5), .cart_products_table tr td:nth-child(5) {
    width: 15%;
}

.cart_products_table tr th:nth-child(6), .cart_products_table tr td:nth-child(6) {
    width: 10%;
}

.cart_products_table tr:nth-child(even) {
    background-color: #eee;
}

.cart_products_table_amount_input {
    width: 100%;
    max-width: 50px;
    padding: 0 0 0 8px;
}

.cart_controls {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    font-size: 1.1rem;
}

.cart_controls ul li {
    float: right;
    padding: 8px 50px 8px 0px;
    list-style-type: none;
}

.cart_controls ul li:nth-child(1) {
    padding: 8px 0 8px 0px;
    ;
}

#cart_controls_empty::before {
    content: url('/media/cart_controls_empty.png');
}

#cart_controls_shoplist::before {
    content: url('/media/cart_controls_shoplist.png');
}

#cart_controls_update::before {
    content: url('/media/cart_controls_update.png');
}
.realred {
    color: #ff0000;
}



/* OSTOSKORIN SUOSITTELUT */

.cart_recommend {
    margin: 20px 0;
    padding: 10px 0 20px 0;
    overflow: hidden;
    height: 270px;
}
.cart_recommend .category_listing_image {
    height: 100px;
    max-width: 120px;
    margin: 0 auto;
}
.cart_recommend .category_listing {
    padding-bottom: 100px;
}

/*.cart_recommend_produnit {
    width: 170px;
    margin: 10px;
    float: left;
    text-align: center;
}
.cart_recommend_produnit img {
    max-width: 120px;
    max-height: 70px;
    margin-bottom: 10px;
}*/

.cart_bottom_header {
    width: 100%;
    background: -webkit-linear-gradient(#5A5A5A, #202020);
    background: -moz-linear-gradient(#5A5A5A, #202020);
    background: -o-linear-gradient(#5A5A5A, #202020);
    background: linear-gradient(#5A5A5A, #202020);
    font-size: 1.4rem;
    color: #DED5C7;
    padding: 20px 5%;
    margin: 0;
}


.cart_bottom {
    width: 100%;
    font-size: 1.2rem;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.cart_bottom a {
    color: rgb(0, 148, 255);
}

.cart_column {
    float: left;
    margin: 0;
    padding: 0;
    width: 33.333%;
}

.cart_bottom_column {
    margin: 0;
    padding: 20px 10%;
}

.cart_bottom_payment {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}


/* TOIMITUSTAVAN VALINTA OSTOSKORISSA */

.cart_bottom_shipment table, .cart_bottom_payment table {
    width: 100%;
    margin-bottom: 20px;
}

.cart_bottom_shipment table tr td, .cart_bottom_payment table tr td {
    padding: 0 10px 14px 0;
    vertical-align: top;
}

.cart_bottom_shipment .countries_header { padding: 8px 10px; }

#checkout_button {
    background: -webkit-linear-gradient(#E7745D, #b74a33);
    background: -moz-linear-gradient(#E7745D, #b74a33);
    background: -o-linear-gradient(#E7745D, #b74a33);
    background: linear-gradient(#E7745D, #b74a33);
    height: 70px;
    width: 100%;
    color: white;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    padding: 25px;
    cursor: pointer;
    margin: 0 0 14px 0;
    display: inline-block;
    border-radius: 4px;
    border: 0;
    border-bottom: 1px solid black;
}

.cart_shipment_name, .cart_payment_name {
    font-weight: bold;
    font-size: 1.4rem;
}

.cart_shipment_option_name {
    font-weight: normal;
    font-size: 1.4rem;
}

.cart_shipment_select p:first-child {
    display: inline;
}

#cart_repack_container {
    /*border-top: 1px solid #eee;
    padding-top: 30px;*/
}

#cart_country_select {
    display: none;
    width: 100%;
    height: 30px;
}

.cart_input_text, .cart_select {
    width: 100%;
    height: 34px;
    margin: 0 0 4px 0;
    padding-left: 8px;
    /*border: 0; background-color: #eee;*/
}

#cart_giftcard_input {
    padding: 8px 0;
}
#cart_giftcard_input input {
    width: 70%;
    height: 34px;
    padding: 0 0 0 8px;
    margin: 0;
}
#cart_giftcard_input button {
    width: 30%;
    height: 34px;
    padding: 0 0;
    margin: 0 0 0 -1px;
}
#cart_giftcard_use_button {
    display: inline-block;
    padding: 7px;
    border: 1px solid #A9A9A9;
    height: 34px;
    margin: 0 0 0 -1px;
    background: #eee;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
}


#postinumero {
    width: 100%;
}

#postitoimipaikka {
    width: 100%;
}

#osoite, #postinumero, #postitoimipaikka {
  
}

.cart_contact_select {
    padding-left: 8px;
    height: 34px;
    width: 100%;
}

.cart_bottom label {
    margin-bottom: 0;
    font-weight: normal;
}

#cart_remember_tel {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    left: -12px;
    color: red;
}

#cart_remember_email {
    display: none;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    left: -12px;
    color: red;
}

/* VERKKOPANKKI - MAKSUTAVAT */

.checkout_bank {
    float: left;
    height: 170px;
    width: 20%;
    border: 1px solid #eee;
    margin: 0 -1px -1px 0;
    text-align: center;
    padding: 40px 2% 2% 2%;
    overflow-wrap: break-word;
    font-size: 1.2rem;
}

.checkout_bank input[type="image"] {
    max-width: 95%;
    max-height: 50px;
}

/* MUIDEN SIVUJEN TYYLITTELYT */

.page_container {
    padding: 20px;
    padding-bottom: 80px;
}

.page_container p {
    margin-top: 10px;
}

.page_container img {
    max-width: 100%;
    display: block;
    /*margin: 0 auto;*/
}

.news_container {
    padding: 10px 20px 80px 20px;   
    background: #efefef;
}

.news_container section a {
    color: #B74A33;
    text-decoration: underline;
}

.news_container h1 {
    font-family: "Bebas Neue", Arial;
    font-size: 3.4rem;
    line-height: 3.2rem;
    margin: 0 0 20px 0;
}

.news_breadcrumbs {
    padding: 0 10%;
}

.news_date {
    float: right;
    padding: 10px;
    background: #ddd;
    border-radius: 4px;
    font-style: italic;
}

.news_container h2 {
    margin: 10px 0 0 0;
    font-family: "Bebas Neue", Arial;
    font-size: 2.6rem;
}

.news_container section {
    width: 100%;
    padding: 20px 10%;
}

section.news_element {
    margin: 10px 0 10px 0;
    padding: 10px 10% 50px 10%;
    width: 100%;
}

section.news_element a:first-child {
    text-decoration: none;
    color: inherit;
}


/* NAAMAGALLERIAN TYYLITTELYT */

.facegallery {
    margin: 0;
    padding: 0;
    width: 100%;
}
div.facegallery img {
    border: 0;
    height: 100px;
    margin: 0;
    padding: 0;
}
div.facegallery li {
    display: block;
    float: left;
    margin: 0;
    position: relative;
}
div.facegallery p {
    color: white;
    color: rgba(255,255,255, 0.7);
    font-size: 1.1rem;
    margin: 0;
    padding: 0 0 2px 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}
div.facegallery ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* VANHAN VERKKOKAUPAN PALSTA-TYYLITTELY VANHOJA SIVUJA VARTEN */

#palsta {
    float: left;
    margin-right: 10%;
    width: 45%;
}
#palsta img {
    max-width: 100%;
}
#palsta a {
    color: #b5543c;
    text-decoration: underline;
}
#palsta h3 {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-top: 2em;
}
#palsta hr {
    background-color: #ccc;
    margin: 3px 0 10px 0;
}
#palsta ul.sisallysluettelo {
    line-height: 13px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#palsta ul.sisallysluettelo li a {
    color: #0090ff;
    line-height: 17px;
}



/* YHTEYSTIEDOT */

.yhteystieto_textarea {
  width: 60%;
  margin: 20px auto;
  padding: 10px;
  text-align: center;
}

.yhteystietosolu {
  width: 220px;
  height: 100px;
  margin: 0 20px;
  padding: 10px 0;
  text-align: center;
  border-top: 4px #ddd solid;
  float: left;
}



/* OHJEET JA EHDOT SIVUN YLÄTABIT */

ul.leka_tab {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}
ul.leka_tab .selected {
    background: none;
    border: 1px solid #ddd;
    border-bottom: 0;
}
ul.leka_tab li {
    background-color: #eee;
    /*background: linear-gradient(#eee, #ddd);
    background: -webkit-linear-gradient(#eee, #ddd);
    background: -moz-linear-gradient(#eee, #ddd);
    background: -o-linear-gradient(#eee, #ddd);*/
    color: #000;
    float: left;
    list-style: none;
    margin-right: -1px;
    margin-bottom: 10px;
    padding: 12px;
    font-size: 1.1rem;
    border: 1px solid #ddd;
}

table.toimitus {
    font-size: 1.2rem;
    width: 90%;
}
table.toimitus td, table.toimitus th {
    border: 1px solid #ccc;
    padding: 5px;
}
table.toimitus th {
    background-color: #f2f2f2;
    font-weight: normal;
    text-align: left;
}

ul.lista li, ol.lista li {
    padding: 10px 0 0 0;
    text-indent: 0;
}
ul.lista, ol.lista {
    padding: 0 0 0 15px;
}



/* ASIAKASPALAUTUKSET */

#asiakaspalautus_container {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
}
.asiakaspalautus_column {
    width: 33%;
    margin: 10px 0;
    padding: 30px 30px;
    text-align: center;
    float: left;
    font-size: 1.2rem;
}
.asiakaspalautus_column a {
    text-decoration: none;
}

#asiakaspalautus_lomakebutton {
    height: 50px;
    width: 160px;
    border-radius: 2px;
    background: -moz-linear-gradient(rgb(62,150,255),rgb(28,121,231));
    background: -o-linear-gradient(rgb(62,150,255),rgb(28,121,231));
    background: -webkit-linear-gradient(rgb(62,150,255),rgb(28,121,231));
    background: linear-gradient(rgb(62,150,255),rgb(28,121,231));
    margin: 10px auto;
    line-height: 50px;
    font-weight: bold;
    color: white;
    border: 1px solid rgb(0,101,225);
}


/* MYYMÄLÄSIVUN TYYLITTELYT */

.myymala_nosto_container {
    width: 47%;
    float: left;
    padding: 0 20px;
    margin: 40px 3% 70px 0;
}
.myymala_nosto {
width: 100%;
margin: 10px 0;
display: block;
}
.myymala_kuva {
width: 80%;
margin: 1% auto;
}


/* TILAUSVAHVISTUSSIVU */

.thankyou_container {
    text-align: center;
}

.receipt_sarake {
    width: 33%;
    min-height: 250px;
    float: left;
    padding: 20px 70px;
    margin: 0;
    text-align: left;
}
.receipt_sarake p:nth-child(1){
    font-weight: bold;
}
.receipt_center {
    display: block;
    text-align: center;
    margin-bottom: 0;
    font-size: 1.2rem;
}

.receipt_main_panel {
    background-color: #eee;
    width: 60%;
    margin: 20px auto;
    padding: 10px;
}


/* SOME SPRITE */

#footer-sprites #footer-sprite-alasin_grey {
    background-position: 0 -79px;
    height: 29px;
    width: 120px;
}
#footer-sprites #footer-sprite-alasin_grey:hover {
    background-position: 0 0;
    height: 29px;
    width: 120px;
}
#footer-sprites #footer-sprite-facebook_grey {
    background-position: 0 -236px;
    height: 28px;
    width: 103px;
}
#footer-sprites #footer-sprite-facebook_grey:hover {
    background-position: 0 -158px;
    height: 28px;
    width: 103px;
}
#footer-sprites #footer-sprite-google_grey {
    background-position: 0 -394px;
    height: 30px;
    width: 96px;
}
#footer-sprites #footer-sprite-google_grey:hover {
    background-position: 0 -314px;
    height: 30px;
    width: 96px;
}
#footer-sprites #footer-sprite-lekalooks_grey {
    background-position: 0 -547px;
    height: 23px;
    width: 109px;
}
#footer-sprites #footer-sprite-lekalooks_grey:hover {
    background-position: 0 -474px;
    height: 23px;
    width: 109px;
}
#footer-sprites #footer-sprite-propagandakirje_grey {
    background-position: 0 -692px;
    height: 22px;
    width: 155px;
}
#footer-sprites #footer-sprite-propagandakirje_grey:hover {
    background-position: 0 -620px;
    height: 22px;
    width: 155px;
}
#footer-sprites #footer-sprite-twitter_grey {
    background-position: 0 -833px;
    height: 24px;
    width: 102px;
}
#footer-sprites #footer-sprite-twitter_grey:hover {
    background-position: 0 -764px;
    height: 24px;
    width: 102px;
}
#footer-sprites #footer-sprite-youtube_grey {
    background-position: 0 -984px;
    height: 32px;
    width: 79px;
}
#footer-sprites #footer-sprite-youtube_grey:hover {
    background-position: 0 -902px;
    height: 32px;
    width: 79px;
}
#footer-sprites #footer-sprite-instagram_grey {
    background-position: 0 -1162px;
    height: 39px;
    width: 121px;
}
#footer-sprites #footer-sprite-instagram_grey:hover {
    background-position: 0 -1075px;
    height: 39px;
    width: 121px;
}
#footer-sprites a {
    display: block;
    height: 100%;
    width: 100%;
}
#footer-sprites li {
    background: url(../images/kuvitus/footer_sprite.png) no-repeat top left;
    display: inline-block;
    list-style: none;
    margin: 5px 10px;
}


.account_container {
    padding: 10px 20px;
}
.account_personal_details {
    float: right;
    width: 25%;
    padding: 10px 0 0 30px;
    border-left: 1px solid #eee;
}
.account_personal_details input {
    width: 100%;
    height: 30px;
}
.account_order_history {
    width: 75%;
    padding: 10px 30px 40px 0;
}
.account_personal_details_block {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 40px;
}
#account_customer_editing {
    display: none;
}
#account_email_editing {
    display: none;
}
#account_password_editing {
    display: none;
}

@media screen and (max-width: 850px) {
    .account_personal_details {
        width: 100%; float: none;
        padding: 10px 0 0 0;
        border: 0;
    }
    .account_personal_details_block {
        width: 50%;
        float: left;
        padding: 0 5%;
    }
    .account_order_history {
        width: 100%;
        padding: 0 5% 100px 5%;
    }
}

.account_order_history table {
    font-size: 1.2rem;
    width: 100%;
}

.account_order_history table th, .account_order_history table td {
    padding: 8px 4px 8px 0;
}

.account_order_history table tr:nth-child(odd) {
    background-color: #eee;
}

/*.account_order_history table td:first-child {
    width: 100px;
}

.account_order_history table td:nth-child(2) {
    width: 90px;
}

.account_order_history table td:nth-child(3) {
    width: 90px;
}

.account_order_history table td:nth-child(4) {
    width: 100px;
}

.account_order_history table td:nth-child(5) {
    width: 120px;
}*/

.wish_container {
    padding: 20px;
    padding-bottom: 80px;

}

.wish_listing_container {
    padding: 20px 0;
}

.prod_wishbutton_delete {
    /*position: absolute;
    top: 10px;
    right: -5px;*/
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #ff2200;
    padding: 4px 8px;
    margin: 0 auto;
    display: inline-block;
    cursor: pointer;
}

.campaign_container {
    padding: 10px 20px;
}

.footer_container {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #d9d9d9;
    background: -webkit-linear-gradient(#3f3f3f, #1f1f1f);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3f3f3f, #1f1f1f);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3f3f3f, #1f1f1f);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3f3f3f, #1f1f1f);
    /* Standard syntax */
}

.footer {
    position: relative;
    max-width: 1100px;
    min-width: 700px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0;
    background-color: #fff;
    border-top: 1px dashed #ddd;
}

.footer_paragraph {
    float: left;
    width: 25%;
    margin: 0;
    padding: 50px 40px;
    overflow: hidden;
}

.footer_final_credits {
    background: -webkit-linear-gradient(#3f3f3f, #1f1f1f);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3f3f3f, #1f1f1f);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3f3f3f, #1f1f1f);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3f3f3f, #1f1f1f);
    /* Standard syntax */
    padding: 20px;
    text-align: center;
    color: #b7ad9d;
    font-size: 1.2rem;
    width: 100%;
    height: 60px;
}

.hide {
    display: none;
}

.show_block {
    display: block;
}

.show_inlineblock {
    display: inline-block;
}


/* PL */

.underline {
    text-decoration: underline;
}

.notify_box {
    background-color: #76A9E8;
    width: 170px;
    padding: 10px;
    position: absolute;
    z-index: 99;
    color: white;
    text-align: center;
}

.notify_box_select {
    top: -40px;
    left: 0;
}

.notify_box_select div {
    height: 0;
    width: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #76A9E8;
    position: absolute;
    bottom: -15px;
    left: 72px;
}

.notify_box_amount {
    top: 8px;
    left: -190px;
}

.notify_box_amount div {
    height: 0;
    width: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #76A9E8;
    position: absolute;
    bottom: 12px;
    right: -15px;
}

.notify_input{
    box-shadow:0 0 24px #76A9E8;
}

.notify_product_added_cart {
    background: #eee;
    padding: 20px 10px;
    text-align: center;
    display: none;
}

.notify_email_restock {
    background: #eee;
    padding: 20px 10px;
    text-align: center;
    margin: 0;
}

.rental_notification {
    background-color: #c15640;
    color: white;
    padding: 30px;
    margin: 50px 0;
    text-align: center;
    border: 3px dotted white;
}

#samuplz img {
 position: fixed;
 margin: auto;
 left: 0;
 bottom: 0;
 right: 0;
 top: 0;
}
#samuplz{
    display:none;
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    line-height: 100%;
    /*background-color:rgba(0,0,0,0.7);*/
    z-index: 9000;
    margin: 0 auto;
    text-align: center;
}



.menu_login {
    font-size: 1.2rem;
    z-index: 1001;
    position: absolute;
    top: 60px;
    width: 100%;
    max-width: 1100px;
    min-width: 700px;
    padding: 0;
    margin: 0;
    display: none;    
}
.menu_login_persistent {
    position: fixed;
    top: 50px;
}
#menu_login p { color: #BEB6A8; padding: 4px 0; margin-bottom: 0;}
#login_remember { width: 15px; height: 15px; display: inline-block; }
.header_login_input { width: 100%; padding: 5px 8px; color: #333; margin-bottom: 4px; display: block; }
#menu_login label { font-weight: normal;}
#login_submit { display: inline-block; color: #333; margin-top: 10px; padding: 10px;}

.menu_login_left { width: 66%; margin: 0; padding: 0; float: left; overflow: hidden; }
.menu_login_right {
    float: left;
    width: 34%;
    margin: 0;
    padding: 10px 20px 20px 20px;
    background: linear-gradient(rgb(51, 51, 51),rgb(25, 25, 25));
    background: -webkit-linear-gradient(rgb(51, 51, 51),rgb(25, 25, 25));
    background: -o-linear-gradient(rgb(51, 51, 51),rgb(25, 25, 25));
    background: -moz-linear-gradient(rgb(51, 51, 51),rgb(25, 25, 25));}


#order_table tr:nth-child(even) {background-color: #eee;}
#order_table tr:nth-child(odd) {background-color: #fcfcfc;}

#cart_yhteystiedot {
    position: relative;
}

.required {
    position: relative;
}

.required:after { 
    content:"*";   
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    top: 4px;
    right: 8px;
    color: red;
    z-index: 99;
}

/*#cart_yhteystiedot input[required="required"] {
    border: 1px solid #adadad;
    border-right: 4px solid red;
}*/


#header_cart_button_1 img{
   
}
#header_cart_button_1{
    width: 170px;
    float: right;
    position: relative;
    top: 32px;
    padding: 16px;
    text-align: center;
    border-radius: 2px;
    font-size: 1.2rem;
    display: inline-block;
}

#pakettiautomaattilista{
    width: 100%;
    height: 34px;
    border: 1px solid #a9a9a9;
    border-radius: 0;
    margin: 0 0 4px 0;
}
#vaihtoautomaattilista{
    width: 100%;
    height: 34px;
    border: 1px solid #a9a9a9;
    border-radius: 0;
    margin: 0 0 4px 0;
}
#matkahuoltolista{
    width: 100%;
    height: 34px;
    margin: 0 0 4px 0;
}

.muppekoirabox {
    float: left;
    width: 33%;
    padding: 10px 20px;
    vertical-align: top;  
}





/* MOBIILITYYLITTELYT KUN LEVEYS 500PX */

@media screen and (max-width: 500px) {

/* HEADERIN JA MENUN MOBIILINÄKYMÄ */ 

    .header {min-width: 500px; background-position: 46% 0;}
    #header_shop_button { display: none; }
    #header_frontpage_button { display: none; }
    .navigation { min-width: 500px; font-size: 1.4rem; }
    .group_navigation_menu_container { min-width: 500px; }
    .information_menu_container {min-width: 500px;}
    .menu_login {min-width: 500px;}
    .menu_paragraph { float: none; width: 48%; margin: 0 0 40px 0; display: inline-block; vertical-align: top; }
    .menu_paragraph li { padding: 0; margin: 10px 0; background: none; border: 0; font-size: 1.4rem; }
    #menu_login { min-width: 500px; }
    .menu_login_left { width: 0; }
    .menu_login_right { width: 100%;}
    /*#header_logo {content: url('/media/liikemerkki.png'); width: initial; padding: 20px 0 0 10px;}*/
    #header_logo { display: none; }
    #header_logo_mobile { display: inline-block; padding: 20px 0 0 10px; }
    .header_search_container { width: 33%;}
    .persistent_mobile_noshow { display: none !important; }
    .header_logout_button span { display: none; }
    .header_thatguy { left: 10%; }

/* ISOT CONTAINERIT MOBIILIKOKOON */
    .main_container { min-width: 500px;}
    .main_content { min-width: 500px; }
    .persistent_header { min-width: 500px;}
    .menu_important_notification { min-width: 500px;}


/* ETUSIVU KÄNNYKÄLLÄ */
    .special_container { overflow: scroll; }
    .special_container_scrollable { width: 800px; }
    .special_1_content { width: 190px; }
    .special_1_content p { position: relative; }
    .info_element {float: none; width: 100%; padding: 20px;}
    .box_4_container { float: none; width: 100%;}
    .frontpage_listing { width: 49%; padding: 2% 5%; font-size: 1.2rem; }
    .frontpage_listing_image { height: 200px; }
    .common_listing_price { font-size: 1.6rem; }
    .promotion_container { min-width: 500px; overflow-x: hidden;}
    .promotion_container img { width: initial; position: relative; left: -60%;}



/* TUOTEKATEGORIA KÄNNYKÄLLÄ */

    .category_breadcrumbs {float: none; width: 100%; margin-bottom: 20px; padding: 20px 0 0 0; }
    .category_breadcrumbs h1 { max-width: 60%;}
    .category_container { min-width: 500px; padding: 0 5%; }
    .category_left_column { float: none; width: 100%; border: 0; margin: 0; padding: 0;}
    .category_groups_container { width: 100%; margin: 0;}
    .category_left_column ul {margin: 0; padding: 0;}
    .category_group { width: 46%; float: left; margin: 0 0 2% 2%; padding: 6px 0;}
    .category_left_column ul ul { margin: 0; padding: 0; background-color: transparent;}
    .category_subgroup { margin: 0 0 2% 2%; float: left; width: 46%; padding: 9px 10px; list-style-position: inside; background: #eee; }
    .category_group_img_container { width: 30%; height: 60px;}
    .category_group_name { width: 68%;}
    .category_subgroup_selected { background: #B74A33; color: white;}
    .category_left_column_filters { padding: 20px 0;}
    #category_priceslider, #category_textfilter { display: none; }
    .category_right_column { float: none; width: 100%;}
    .category_listing { width: 49%; padding: 2% 5%;}
    .category_listing .common_listing_price { font-size: 1.6rem; }


/* TUOTEKORTTI KÄNNYKÄLLÄ */

    .product_container {
        min-width: 500px;
        padding: 10px 5% 80px 5%;
    }
    .breadcrumbs {
        font-size: 1.4rem;
        padding: 10px 0 20px 0;
    }
    .product_container h1 {
        font-size: 4.4rem;
        line-height: 4.0rem;
    }
    .product_pictures {
        float: none;
        width: 100%;
    }
    .button_product_main_picture span {
        vertical-align: top;
        padding: 10px 0 30px 0;
    }
    .product_pictures_extra_container {
        width: 100%;
        max-width: 100%;
        float: none;
        margin-top: 10px;
    }
    .product_picture_extra {
        width: 50px;
        height: 50px;
    }
    #product_main_picture {
        width: 100%;
        float: none;
    }
    .product_buy_selector {
        width: 100%;
        float: none;
        border: 0;
        padding: 0;
        font-size: 1.8rem;
    }
    .product_buy_selector select {
        height: 55px;
    }
    .variation_selector {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }
    .amount_container {
        margin-bottom: 10px;
    }
    .product_buy_selector_price_static, .product_buy_selector_price {
        font-size: 2.2rem;
    }
    .buy_button {
        padding: 30px;
        text-transform: uppercase;
    }
    .product_description {
        width: 100%;
        min-height: 0;
        float: none;
        /*font-size: 1.8rem;
        line-height: 1.8em;*/
    }
    .product_description p {
        margin: 0 0 30px 0;
    }
    .product_recommend {
        width: 100%;
        float: none;
        border: 0;
        padding: 0;
    }
    .product_listing {
        font-size: 1.1rem;
        width: 24%;
        padding: 2%;
        margin: 0;
        display: inline-block;
        text-align: center;
    }
    .product_listing_image {
        float: none;
        width: 100%;
        height: 90px;
        margin: auto 0;
    }
    #product_katsomyos {
        padding: 50px 0;
    }
    #product_main_picture img {
        max-height: 100% !important;
        max-width: 100% !important;
    }



    /* OSTOSKORI MOBIILILLA */
    .cart_container { min-width: 500px;}
    .cart_column {float:none; width: 100%;}
    .cart_bottom_payment { border: 0;}

    /* MAKSUTAPAVALINTASIVU VERKKOPANKIT MOBIILILLA */

    .checkout_bank {
        width: 33%;
    }

    /* KIITOS TILAUKSESTA -SIVU KÄNNYKÄLLÄ */
    .receipt_sarake {width: 100%; min-height: initial; float: none; text-align: center;}


    /* MUUT */
    #asiakaspalautus_container {
        border: 0;
    }
    .asiakaspalautus_column {
        width: 100%;
        float: none;
    }
    #palsta {
    float: none;
    margin-right: 0;
    width: 100%;
    }



    /* FOOTER MOBIILISSA */
    .footer { min-width: 500px;}
    .footer_paragraph { width: 49%; display: inline-block; float: none; vertical-align: top; }
}










/* MEGA HUGE VISUALS */

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

    #group_button_brown {
        display: none;
    }
    .group_navigation_menu_container {
        display: block !important;
        width: 200px;
        max-width: 200px;
        min-width: 200px;
        left: -200px;
        background: rgba(0,0,0, 0.4);
        padding: 10px 0;
    }

    .group_navigation_menu_container > div:first-child > div {
        display: none;
    }

     .group_navigation_menu_container img {
        display: none;
     }

    .group_navigation_menu_container .menu_paragraph {
        width: 200px;
        margin-bottom: 40px;
        font-size: 1.2rem;
        float: none;
        padding: 0 10px;
    }

    .group_navigation_menu_container .menu_paragraph ul {
        margin-left: 0;
        padding-left: 0;
        list-style-type: none;
    }

    .group_navigation_menu_container .menu_paragraph li {
        padding: 9px;
        margin-bottom: -1px;
        border: 1px solid #3c3835;
        background: linear-gradient(#34322e, #26231f);
        background: -o-linear-gradient(#34322e, #26231f);
        background: -webkit-linear-gradient(#34322e, #26231f);
        background: -moz-linear-gradient(#34322e, #26231f);
        /*
        border: 1px solid rgb(86,77,71);
        background: linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
        background: -o-linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
        background: -webkit-linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));
        background: -moz-linear-gradient(rgb(73, 70, 65), rgb(39, 36, 36));*/
    }

    #header_logo {
        position: relative;
        left: -200px;
    }

    .navigation_left {
        position: relative;
        left: -190px;
    }

    .header {
        background-position: -140px -20px;
    }

     .header_thatguy {
        left: 22%;
    }

    /*.category_left_column {
        width: 23%;
    }
    .category_breadcrumbs {
        width: 77%;
    }
    .category_right_column {
        width: 77%;
    }*/


    .checkout_bank {
        width: 14%;
    }

}