﻿.v8 {
}

    .v8 .normal {
        font-weight: normal;
    }

    .v8 input[type="text"], .v8 input[type="password"] {
        outline: none;
    }

    .v8 .input[type="text"]::-ms-clear {
        display: none;
    }

.versions .button1 {
    padding: 2px 5px;
    height: 18px;
    color: #fff;
}

.footer-middle .linklisttable .linklist .items p {
    line-height: 8px;
}

.v8 .versions .button1 {
    color: #fff;
    height: 18px;
    margin: 8px 10px 7px 0;
    padding: 2px 5px;
}

.CPH {
    background-color: transparent;
}

body.v8 {
    background: #000000 url(/im/v8/pozadi-opakovani.png) repeat-y center;
    font-size: 12px;
    font-family: Segoe UI, Arial, Tahoma, Verdana, Helvetica;
    color: #111111;
}

.v8 .messagebox {
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 7px;
    color: #000000;
    background: #FBF8D6;
    border: 1px solid #F8F0A7;
    font-size: 13px;
    font-style: italic;
    text-align: left;
}

.v8 .td-groups {
    width: 700px;
}

.v8 .bodybg {
    background: url("/im/v8/pozadi.png") no-repeat center 154px;
    height: 749px;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.v8 .tbmain {
    border-bottom: 0px solid;
    position: relative;
    top: -10px;
}

    .v8 .tbmain .tb {
        padding: 0px;
        min-height: 15px;
        margin: auto;
        width: 1004px;
        border-bottom: 1px solid #BBBBBB;
        border-bottom-width: 1px;
    }

        .v8 .tbmain .tb .tbl {
            position: relative;
            margin: auto;
            padding: 10px 0px 5px 8px;
        }

.v8 .btndet {
    cursor: pointer;
}

#content {
    display: table !important;
}

.content {
    width: 100%;
}

.v8 .content {
    margin: auto auto -10px auto !important;
    width: 1004px;
    position: relative;
    top: -10px;
    margin-bottom: -10px;
}

.v8 .col3 {
    width: 1px;
    background-color: #ffffff;
}


.v8 .content table table, .v8 .content tr tr, .v8 .content td td {
    height: auto;
    padding-bottom: 5px;
}

.v8 .detail8 .fullwidth {
    width: 100% !important;
}

.v8 .content .col1 {
    background-color: #5A5C63;
    padding-bottom: 10px;
}

.v8 .content dtd:last-child {
    width: 0px;
    border-collapse: collapse;
    border-width: 0px !important;
    padding: 0px;
    line-height: 0px;
    width: 1px !important;
    background-color: #ffffff;
}

/* header */
.trHeaderV8 {
    height: 154px;
}

.v8 .header {
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    background-color: #b71e21;
    width: 100%;
    height: 180px;
    background: #b71e21 url(/im/v8/hlavicka_demo.jpg) no-repeat center center;
    /*background-size: 100% 100%;*/
}

    .v8 .header .header-middle {
        position: relative;
        width: 1004px;
        height: 170px;
        margin: auto;
    }

    .v8 .header a {
        color: #FFFFFF;
    }

    .v8 .header .top {
        width: 100%;
        height: 37px;
        background-color: transparent;
        color: #FFFFFF;
        float: left;
        font-family: Arial;
        font-size: 11px;
    }

        .v8 .header .top .del {
            color: #FFFFFF;
            width: 2px;
            height: 37px;
            background: transparent url(/im/v8/top-menu-separator.png) no-repeat center center;
            float: left;
        }

        .v8 .header .top .menur {
            position: relative;
            float: left;
            width: 18px;
        }

        .v8 .header .top .menu a {
            color: #FFFFFF;
            display: block;
            float: left;
            font-size: 11px;
            height: 37px;
            line-height: 39px;
            margin: 0;
            padding: 0px 10px;
            text-transform: none;
            background-color: transparent;
        }

            .v8 .header .top .menu a:first-child {
                margin-left: 0px;
                padding-left: 0px;
            }

        .v8 .header .top .menu {
            float: left;
        }

        .v8 .header .top .menubtn {
            background: url("/im/v8/menu-icon.png") no-repeat scroll center center transparent;
            display: none;
            float: left;
            height: 20px;
            margin: 8px 10px 3px 0;
            position: relative;
            width: 18px;
            cursor: pointer;
            z-index: 102;
        }

        .v8 .header .top .menubtnhover {
            background: url("/im/v8/menu-icon.png") no-repeat scroll center center transparent;
            display: none;
            float: left;
            height: 20px;
            margin: 8px 10px 3px 0;
            position: relative;
            width: 18px;
            cursor: pointer;
            z-index: 102;
        }

        .v8 .header .top .menumini {
            background-color: #991D21;
            border: 1px solid #971B19;
            display: none;
            margin: 27px 0 0 0;
            max-width: 504px;
            position: absolute;
            left: 0;
            width: auto;
            z-index: 100;
            padding: 5px;
        }

            .v8 .header .top .menumini a {
                color: #FFFFFF;
                display: block;
                font-size: 11px;
                height: 25px;
                line-height: 25px;
                margin: 0;
                padding: 0px 9px 0px 9px;
                text-transform: none;
                background-color: transparent;
                white-space: nowrap;
            }

                .v8 .header .top .menumini a:hover {
                    text-decoration: underline;
                }

    .v8 .header .user {
        position: relative;
        float: right;
        margin: 2px 5px;
        line-height: 30px;
    }

        .v8 .header .user a {
            height: auto;
            line-height: 36px;
            margin: 0px 5px;
            padding-right: 0;
        }

    /*.v8 .header a.button1
	{
		height: 18px;
		line-height: 13px;
		margin: 4px 10px 0 0;
		padding: 6px 4px 0;
	}*/

    .v8 .header .userdescription {
        float: left;
        margin: 2px 7px;
    }

    .v8 .header .user-address-and-city {
        position: absolute;
        background: #b4272d;
        top: 32px;
        border: 1px solid #881315;
        border-top: 0px solid;
        white-space: nowrap;
        text-align: center;
        /* width: 360px; */
        left: 130px;
        padding: 0px 7px;
        border-radius: 0px 0px 4px 4px;
    }

    .v8 .header .userbutton {
        float: left;
        margin: 2px 0 0 0;
        position: relative;
    }

    .v8 .header .userbtnb {
        background: transparent url("/im/v8/user-p1.png") no-repeat scroll 0 0;
        height: 27px;
        width: 33px;
        float: left;
    }

    .v8 .header .userbtn {
        background: transparent url("/im/v8/user-p2.png") repeat-x scroll 0 0;
        height: 27px;
        width: auto;
        float: left;
        padding: 0px 5px;
    }

    .v8 .header .userbtne {
        background: transparent url("/im/v8/user-p3.png") no-repeat scroll 0 0;
        height: 27px;
        width: 19px;
        float: left;
    }

    .v8 .header .usercontrolstop {
        background: url("/im/v8/jazyk-sipka.png") no-repeat scroll 4px 9px #900B0E;
        border-left: 1px solid #891619;
        border-radius: 3px 3px 0 0;
        border-right: 1px solid #891619;
        border-top: 1px solid #891619;
        display: none;
        height: 27px;
        position: absolute;
        right: 0;
        top: 0;
        width: 18px;
        z-index: 102;
    }

    .v8 .header .usercontrols {
        background-color: #900B0E;
        border: 1px solid #891619;
        display: none;
        margin-top: -1px;
        padding: 5px;
        right: 0 !important;
        width: 130px;
        white-space: nowrap;
    }

        .v8 .header .usercontrols a.nextislink {
            display: block;
            line-height: 25px;
            margin: 0;
        }

            .v8 .header .usercontrols a.nextislink span {
                top: 1px;
                font-size: 11px;
                font-weight: normal;
                font-family: Arial;
            }

                .v8 .header .usercontrols a.nextislink span:hover {
                    text-decoration: underline;
                }

            .v8 .header .usercontrols a.nextislink .ico {
                display: inline-block;
                height: 7px;
                width: 15px;
            }


    .v8 .header .lang {
        position: relative;
        float: right;
        margin: 0px;
    }

    .v8 .header .top .user .userimg {
        position: relative;
        top: 5px;
    }

.v8 .boxlang {
    float: left;
    margin: 4px 0px;
    background: url("/im/v8/lng.png") no-repeat scroll 0 0 transparent;
}

    .v8 .boxlang .langbg {
        background-image: none;
        font-size: 11px;
        height: 30px;
        margin: 0;
        text-align: right;
        width: 83px;
        line-height: 30px;
    }

    .v8 .boxlang .langbtn {
        background: url("/im/v8/jazyk-sipka.png") no-repeat scroll right 8px center transparent;
    }

        .v8 .boxlang .langbtn img {
            display: none;
        }

            .v8 .boxlang .langbtn img img {
                display: inline;
            }

    .v8 .boxlang .lang1 {
        padding: 0px !important;
        background: url("/im/v8/jazyk-sipka.png") no-repeat scroll 5px 11px transparent;
        background-color: #900B0E;
        line-height: 15px;
        border-right: 1px solid #891619;
        border-left: 1px solid #891619;
        border-top: 1px solid #891619;
        width: 19px;
    }

    .v8 .boxlang .lang2 {
        display: none;
        background-color: #900B0E;
        border: 1px solid #891619;
    }

        .v8 .boxlang .lang2 a {
            border-radius: 1px 1px 1px 1px;
            color: #ffffff;
            display: block;
            float: left;
            height: 18px;
            line-height: 16px;
            text-align: left;
            width: 98%;
        }

            .v8 .boxlang .lang2 a:hover {
                background-color: #FFFFFF;
                color: #555555;
            }


.v8 .i1 .icor, .v8 .i1 .icol, .v8 .i1 .ico, .v8 .i2 .icor, .v8 .i2 .icol, .v8 .i2 .ico {
    padding: 2px 3px 2px 2px !important;
}

/* footer */
.trFooterV8 {
    height: 45px;
}

.v8 .footer {
    color: #ffffff;
    background-color: #92181B;
    border-top: 4px solid #CB141A;
    min-height: 140px;
    width: 1004px;
    margin: auto;
}

    .v8 .footer .footer-middle {
        margin: 0px 20px;
    }

    .v8 .footer .linklist {
        vertical-align: top;
        color: #fff;
    }

    .v8 .footer .linklisttable {
        padding: 15px 0 30px;
        float: left;
        table-layout: fixed;
    }

        .v8 .footer .linklisttable td {
            max-width: 165px;
            width: 165px;
            padding-left: 10px;
            border-right: 1px solid #800F12;
        }

            .v8 .footer .linklisttable td:first-child {
                padding-left: 0px;
            }

            .v8 .footer .linklisttable td:last-child {
                border-right: 0px none;
            }

    .v8 .footer .linklist .title {
        color: #ffffff;
        margin: 5px 5px 15px 5px;
    }

        .v8 .footer .linklist .title img {
            float: left;
            margin: 1px 7px 0px 0px;
        }

    .v8 .footer .linklist .items {
        margin: 10px 5px 10px 5px;
    }

    .v8 .footer .version {
        clear: right;
        position: relative;
        float: right;
        margin: 20px 0px;
        text-align: right;
    }

    .v8 .footer a {
        color: #ffffff;
        text-decoration: underline;
    }

    .v8 .footer .smalllogos {
        clear: right;
        float: right;
    }

    .v8 .footer .phone {
        /*padding: 0 10px 0 17px;
        background: url(/im/v8/iko_phone.png) 0 4px no-repeat;*/
        display: block;
    }

    .v8 .footer .mail {
        /* padding: 0 10px 0 17px;
       background: url(/im/v8/iko_mail.png) 1px 6px no-repeat;*/
        display: block;
    }



    .v8 .footer .contact {
        background: url(/im/v8/iko_stredisko.png) no-repeat left center transparent;
        padding: 0 0 0 21px;
    }

    .v8 .footer .shop {
        background: url(/im/v8/iko_nakup.png) no-repeat left center transparent;
        padding: 0 0 0 30px;
    }

    .v8 .footer .account {
        background: url(/im/v8/iko_ucet.png) no-repeat left center transparent;
        padding: 0 0 0 37px;
    }

    .v8 .footer .userlinks {
        background: url(/im/v8/iko_odkazy.png) no-repeat left center transparent;
        padding: 0 0 0 29px;
    }



/* LEFT PART */

.v8 .logopart {
    position: relative;
    float: left;
    margin: 14px 0px;
    height: 45px;
}

.v8 .logodelim {
    width: 1px;
    height: 43px;
    float: left;
    margin: 0px 25px;
    background-color: #831112;
}

.v8 .logo {
    float: left;
    height: 40px;
    margin: 18px 0;
    width: 140px;
    background: url(/im/clientskin/v8/logo.png) no-repeat;
}

    .v8 .logo .ContactCenter {
        margin-top: 0px;
        margin-left: 98px;
    }

        .v8 .logo .ContactCenter .Name {
            color: #ed1f24;
            font-size: 16px;
            font-weight: bold;
            display: block;
            margin-top: -3px;
        }

        .v8 .logo .ContactCenter .Phone {
            font-size: 14px;
            font-weight: bold;
            display: block;
        }

        .v8 .logo .ContactCenter .Email {
            font-size: 14px;
            font-weight: bold;
        }

.v8 .slogan {
    color: #FFC0C0;
    float: left;
    height: 30px;
    line-height: 15px;
    margin: 18px 0;
    overflow: hidden;
    text-transform: uppercase;
}


/* RIGHT PART */


.v8 .basketsummarypart {
    position: relative;
    float: right;
    margin: 18px 0px 0px 25px;
    height: 73px;
}


    .v8 .basketsummarypart .mechanicactual {
        position: relative;
        float: left;
    }

    .v8 .basketsummarypart .orderbar {
        position: relative;
        float: right;
        min-height: 15px;
    }

.basketsummarypartonleft {
    left: -180px;
    position: absolute;
    top: 5px;
    width: 180px;
}

.basketsummaryonleft {
    color: white;
    padding: 10px;
    background: #131f4c;
}

.TopShortcuts {
    float: right;
}

.v8 .basketsummary {
    clear: both;
    float: right;
    width: 239px;
    height: 55px;
    background: url(/im/v8/kosik-bg.png);
}

    .v8 .basketsummary .basketbtn {
        position: relative;
        float: left;
        width: 40px;
        height: 36px;
        background: url(/im/v8/kosik.png);
        margin: 10px;
    }

    .v8 .basketsummary .basketvals {
        display: inline-block;
        float: left;
        font-size: 11px;
        height: 30px;
        margin: 8px 13px;
        vertical-align: middle;
    }



.v8 .bold {
    font-weight: bold;
}

.v8 .big {
    line-height: 16px;
    font-size: 14px;
}

.v8 .bigbold {
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
}



.nextislink {
    color: #FFFFFF;
}

    .nextislink img {
        margin: 0px 3px;
    }

    .nextislink span {
        font-size: 12px;
        font-weight: bold;
        position: relative;
        top: -2px;
    }

    .nextislink .ico, .v8 .nextislink .ico {
        display: inline-block;
        height: 14px;
        width: 20px;
        padding: 0px;
    }


.v8 .footer a.nextislink div {
    margin: 0 2px -1px;
}

.v8 .footer a.nextislink {
    text-decoration: underline;
    display: block;
    line-height: 20px;
    margin-left: -5px;
}

    .v8 .footer a.nextislink span {
        font-size: 11px;
        font-weight: normal;
    }




/* SELECT */

.v8 .filterselect select {
    margin-left: -2px;
    background-color: transparent;
    padding: 0px;
    padding-left: 3px;
    width: 176px;
    font-size: 15px;
    line-height: 1;
    border: 0 none !important;
    border-radius: 0;
    height: 25px;
    -webkit-appearance: none;
    text-overflow: ellipsis;
}

.v8 .filterselect {
    width: 156px;
    height: 23px;
    overflow: hidden;
    background: transparent url(/im/v8/sipka-red.png) no-repeat right center;
    border: 1px solid #d7d7d7;
    border-top: 1px solid #c7c7c7;
}

.v8 .filterselectbg {
    width: 158px;
    height: 25px;
    background: #fff url(/im/v8/dropdownbg.png) repeat-x;
    border: 1px solid #999;
    border-top: 1px solid #63646B;
    float: left;
    position: relative;
    margin: 0px 25px 0px 10px;
}

.v8 .tdselector {
    position: relative;
}

.v8 .textfiltertb {
    position: absolute;
    right: 0px;
    display: block;
    z-index: 5;
}

    .v8 .textfiltertb input[type=text] {
        background-color: #eee;
        border: 1px solid #999;
        height: 19px;
    }
/* own select*/

.v8 .selectupdate {
    display: inline-block;
    width: auto;
}

.v8 .select {
    background: none repeat scroll 0 0 #47484F;
    border-bottom: 1px solid #BFC0C4 !important;
    border-left: 1px solid #434448;
    border-radius: 3px;
    border-right: 1px solid #434448;
    border-top: 1px solid #15161A;
    cursor: pointer !important;
    height: 20px;
    width: auto;
}

    .v8 .select table, .v8 .select table tr {
        width: 100% !important;
    }

        .v8 .select table, .v8 .select table tr, .v8 .select table tr td {
            height: 100% !important;
        }

    .v8 .select .btn .lnk {
        height: 100% !important;
    }


    .v8 .select .lbl {
        color: #fff;
        margin: 2px 4px;
    }

    .v8 .select .btn {
        background: url("/im/v8/vyber-auta-btn-bg.png") repeat-x 0 0 transparent;
        background-size: 20px 100%;
        display: block;
        float: right;
        margin: 0;
        position: relative;
        width: 17px;
        border-radius: 0 2px 2px 0;
        min-height: 19px;
    }

        .v8 .select .btn .lnk {
            background: url("/im/v8/vyber-auta-sipka.png") no-repeat scroll center center transparent;
            height: inherit;
            left: 0;
            line-height: 22px;
            position: absolute;
            text-indent: 0;
            width: 100%;
        }

    .v8 .select .chbtns {
        float: right;
        margin-bottom: 2px;
        min-width: 300px;
    }

    .v8 .select .itemslist .chbtns a {
        width: auto;
        float: right;
    }

    .v8 .select .itemslist {
        position: absolute;
        left: 0px;
        background: #fff url(/im/v8/dropdownbg.png) repeat-x;
        border: 1px solid #999;
        border-top: 1px solid #63646B;
        visibility: hidden;
        width: inherit;
    }

        .v8 .select .itemslist a {
            white-space: nowrap;
            display: block;
            width: 100%;
        }

        .v8 .select .itemslist td {
            white-space: nowrap;
            padding: 0px 2px;
        }

        .v8 .select .itemslist a span {
            margin: 0px 5px;
        }

        .v8 .select .itemslist label {
            position: relative;
            top: -2px;
        }

        .v8 .select .itemslist a:hover {
            background-color: #aaa;
        }

        .v8 .select .itemslist td:hover {
            background-color: #aaa;
        }



/* breadcrumbs */
.breadcrumbs {
    float: left;
    margin: 7px 12px;
}

a.breadcrumb:link, a.breadcrumb:visited {
    color: #555555;
    text-decoration: underline;
    font-family: Segoe UI;
    font-weight: bold;
    font-size: 11px;
}

a.breadcrumb[disabled="disabled"], abreadcrumb.disabled {
    color: #555555 !important;
    text-decoration: none;
    font-family: Segoe UI;
    font-size: 11px;
    font-weight: bold;
}

.breadcrumbarrow {
    width: 10px;
    height: 10px;
    background: transparent url(/im/v8/shipka.png) no-repeat center center;
    display: inline-block;
}





/* gridaround */

.v8 .title {
    border: 0px none;
    margin: 0px;
}

.v8 .title2 {
    border: 0px none;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 30px;
    color: #FFFFFF;
    background: url(/im/n/lupa.png) no-repeat 7px 7px #e90d0d;
}

.v8 .title2b {
    display: block;
    margin: 0 0 0px 0;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 5px 5px 30px;
    border: 0px none;
    color: #FFFFFF;
    background: url(/im/n/lupa.png) no-repeat 7px 9px #e90d0d;
    height: 23px;
}

.v8 .pager {
    width: 100%;
}

.v8 .pagerbottom {
    clear: both;
    padding-top: 10px;
}

.v8 .displaytabs {
    width: auto;
    height: 21px;
    margin: 10px 0px 0px 0px;
    float: right;
    position: relative;
    overflow: hidden;
}

    .v8 .displaytabs span {
        margin: 0px 2px 0px 0px;
        color: #77787F;
        font-weight: bold;
        position: relative;
        top: -5px;
    }

    .v8 .displaytabs a.item {
        height: 21px;
    }

    .v8 .displaytabs a.itemactive {
        height: 21px;
    }

    .v8 .displaytabs a.item div {
        display: inline-block;
        width: 33px;
        height: 21px;
    }

    .v8 .displaytabs .im-catalog {
        background: url(/im/v8/zalozka-katalog.png) no-repeat scroll 0 center;
    }

    .v8 .displaytabs .im-list {
        background: url(/im/v8/zalozka-seznam.png) no-repeat scroll 0 center;
    }

    .v8 .displaytabs .im-tiles {
        background: url(/im/v8/zalozka-dlazdice.png) no-repeat scroll 0 center;
    }

    .v8 .displaytabs a.item[active="true"] .im-catalog {
        background: url(/im/v8/zalozka-katalog-a.png) no-repeat scroll 0 center;
    }

    .v8 .displaytabs a.item[active="true"] .im-list {
        background: url(/im/v8/zalozka-seznam-a.png) no-repeat scroll 0 center;
    }

    .v8 .displaytabs a.item[active="true"] .im-tiles {
        background: url(/im/v8/zalozka-dlazdice-a.png) no-repeat scroll 0 center;
    }

.v8 .filterdiv {
    clear: both;
    margin: 0px 0px 10px 0px;
    background-color: #8F9199;
    border-top: 1px solid #8F9199;
    border-bottom: 2px solid #77787F;
}

.v8 .filterdivin {
    margin: 5px 20px 5px 20px;
}

    .v8 .filterdivin table {
        width: 100%;
    }

        .v8 .filterdivin table td {
            vertical-align: middle;
        }

        .v8 .filterdivin table table {
            width: auto;
        }

.v8 .lblfilter {
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    line-height: 20px;
    position: relative;
    margin: 1px 5px;
}

.v8 .filterchbtd {
    width: 150px;
}

/*.v8 .filter_chb_ns {
    width: 41px;
    height: 17px;
    background-image: url(/im/v8/btn-skladem1.png);
    position: relative;
    float: left;
    margin-top: 4px;
}

.v8 .filter_chb_s {
    width: 41px;
    height: 17px;
    background-image: url(/im/v8/btn-skladem2.png);
    position: relative;
    float: left;
    margin-top: 4px;
}

.v8 .filter_chb_ns_hover {
    width: 41px;
    height: 17px;
    background-image: url(/im/v8/btn-skladem2.png);
    position: relative;
    float: left;
    margin-top: 4px;
}

.v8 .filter_chb_s_hover {
    width: 41px;
    height: 17px;
    background-image: url(/im/v8/btn-skladem1.png);
    position: relative;
    float: left;
    margin-top: 4px;
}

    .v8 .filter_chb_ns a, .v8 .filter_chb_s a, .v8 .filter_chb_s_hover a, .v8 .filter_chb_ns_hover a {
        float: left;
        height: 20px;
        position: relative;
        width: 50%;
    }*/


.v8 .filter_chb_s {
    width: 41px;
    height: 17px;
    background-image: url(/im/v8/btn-skladem2.png);
    position: relative;
    float: left;
    margin-top: 4px;
}

    .v8 .filter_chb_s:hover {
        background-image: url(/im/v8/btn-skladem2hover.png);
    }

.v8 .filter_chb_ns {
    width: 41px;
    height: 17px;
    background-image: url(/im/v8/btn-skladem1.png);
    position: relative;
    float: left;
    margin-top: 4px;
}

    .v8 .filter_chb_ns:hover {
        background-image: url(/im/v8/btn-skladem1hover.png);
    }
/* gridin */

.V8 .g1 {
}

/* buttonmenu */

.v8 .buttonmenu {
    border-bottom: 1px solid #696B74;
}

    .v8 .buttonmenu .i {
        background: url("/im/v8/icoinfo.png") repeat scroll 0 0;
        cursor: help;
        display: block;
        height: 16px;
        left: 237px;
        margin-top: 8px;
        position: absolute;
        top: 3px;
        width: 15px;
    }

    .v8 .buttonmenu .in {
        color: #FFFFFF;
        background-color: #5A5C63;
        border-bottom: 1px solid #36373B;
        border-top: 0px none;
        padding: 5px 0px 10px 5px;
    }

    .v8 .buttonmenu:hover .in .ico2 div div {
        /*background-position: 100% center !important;*/
        margin: auto;
        width: 34px;
        height: 34px;
    }

    .v8 .buttonmenu .in.selected, .v8 .buttonmenu:hover .in {
        background-color: #D32A29 !important;
        border-bottom: 1px solid #36373B;
    }

    .v8 .buttonmenu .ico2 {
        padding: 0px;
        margin-top: -3px;
    }

    .v8 .buttonmenu .in .ico2 div div {
        background-position: 0% center !important;
        margin: auto;
        width: 34px;
        height: 34px;
    }

    .v8 .buttonmenu:hover .in .ico2 div div, .v8 .buttonmenu .in.selected .ico2 div div {
        background-position: 100% center !important;
        margin: auto;
        width: 34px;
        height: 34px;
    }

    .v8 .buttonmenu .sel {
        display: none !important;
    }

    .v8 .buttonmenu .in.selected .sel {
        display: block !important;
    }

    .v8 .buttonmenu:hover .sel {
        display: block !important;
        height: 13px;
        width: 7px;
        float: right;
        position: absolute;
        right: 0px;
        top: 3px;
        margin-top: 9px;
    }

    .v8 .buttonmenu .tx {
        font-weight: 600 !important;
    }

/*.v8 .buttonmenu .im {
    background: url("/im/v8/katmenu/kat4.png") no-repeat scroll 0 center ;
    height: 34px;
    margin: auto;
    width: 34px;
}
    .v8 .buttonmenu .im div {
        background: url("/im/v8/katmenu/kat4.png") no-repeat scroll 0 center ;
        height: 34px;
        margin: auto;
        width: 34px;
    }

    .v8 .buttonmenu .sel div {
        background-position-x: 0;    
    }*/

.v8 .im-tecdoc {
    background: url("/im/v8/katmenu/kat1.png") no-repeat scroll 0 center;
}

.v8 .im-laximo {
    background: url("/im/v8/katmenu/kat7.png") no-repeat scroll 0 center;
}

.v8 .im-aci {
    background: url("/im/v8/katmenu/kat2.png") no-repeat scroll 0 center;
}

.v8 .im-electro {
    background: url("/im/v8/katmenu/kat3.png") no-repeat scroll 0 center;
}

.v8 .im-uni {
    background: url("/im/v8/katmenu/kat4.png") no-repeat scroll 0 center;
}

.v8 .im-golem {
    background: url("/im/v8/katmenu/kat5.png") no-repeat scroll 0 center;
}

.v8 .im-searchm {
    background: url("/im/v8/katmenu/kat6.png") no-repeat scroll 0 center;
}

.v8 .im-custom {
    background: url("/im/v8/katmenu/iko-custom.png") no-repeat scroll 0 center;
}
/*tdsmall*/

.v8 .tdsmall {
    margin-top: 20px;
    width: 246px;
}

    .v8 .tdsmall .t {
        width: 100%;
    }

    .v8 .tdsmall .tfix {
        height: 5px;
        background: #6E7078 none;
        border-radius: 2px 2px 0 0;
        width: 100%;
    }

    .v8 .tdsmall .ctbtnscar {
        background-image: url(/im/v8/vyber-auta-zal1.png);
        width: 100%;
        height: 40px;
    }

    .v8 .tdsmall .ctbtnstruck {
        background-image: url(/im/v8/vyber-auta-zal2.png);
        width: 100%;
        height: 40px;
    }

        .v8 .tdsmall .ctbtnscar a, .v8 .tdsmall .ctbtnstruck a {
            width: 50%;
            height: 40px;
            position: relative;
            float: left;
        }

    .v8 .tdsmall .m {
        background: #6E7078 none;
        width: 100%;
        padding: 3px 0px;
        margin: 0px;
    }

.v8 .rowx {
    padding: 0px;
    margin: 3px 10px; /* 	background: #47484F none; 	border-top: 1px solid #2C2D31; 	border-left: 1px solid #2C2D31; 	border-bottom: 1px solid #8C8D95; 	border-radius: 4px;*/
    background: none repeat scroll 0 0 #47484F;
    border-bottom: 1px solid #9798A0 !important;
    border-left: 1px solid #333438;
    border-radius: 3px;
    border-right: 1px solid #333438;
    border-top: 1px solid #2E2F33;
    height: 25px;
}

    .v8 .rowx .lbl {
        background: transparent;
        color: #FFFFFF;
        font-weight: bold;
        padding: 4px 7px;
        border: 0px none;
        max-width: 135px;
        margin: 1px 0px 0px 0px;
        float: left;
    }

    .v8 .rowx .span {
        background: transparent;
        color: #FFFFFF;
        font-weight: bold;
        padding: 4px 10px;
        border: 0px none;
        width: 145px;
        margin: 1px 0px 0px 0px;
    }

.v8 .tdsmall .b {
    background: #6E7078 none;
    border-radius: 0 0 2px 2px;
    width: 100%;
    height: 4px;
}

.v8 .btncbo1 {
    background: url(/im/v8/vyber-auta-btn-bg.png) repeat-x !important;
    border-radius: 2px;
    border: 0px none;
    height: 22px;
    margin: 1px;
    width: auto;
}

.v8 .rowx a[disabled="disabled"], .v8 .rowx a.disabled {
    border: 0px none;
    height: 15px;
}


.v8 .td_el_btn {
    display: block;
    width: 183px;
    height: 53px;
    right: 475px;
    position: absolute;
    top: 60px;
}

    .v8 .td_el_btn a {
        display: block;
        width: 183px;
        height: 53px;
    }

.v8 .td_bearing_btn {
    display: block;
    width: 183px;
    height: 53px;
    right: 280px;
    position: absolute;
    top: 60px;
}

    .v8 .td_bearing_btn a {
        display: block;
        width: 183px;
        height: 53px;
    }


.v8 .td_el {
    display: block;
}

    .v8 .td_el .title {
        font-size: 16px;
    }

        .v8 .td_el .title span {
            background: url(/im/n/el_td.png) no-repeat;
            padding: 0 0 0 50px;
        }

    .v8 .td_el .selection {
        display: block;
        width: 706px;
        height: 127px;
        margin: 17px 0 0 0;
        padding: 0 0 0 0px;
        background: url(/im/n/el_td_bg.png) no-repeat;
    }

        .v8 .td_el .selection .manu {
            display: block;
            float: left;
            width: 200px;
            margin: 0 10px 0 24px;
        }

        .v8 .td_el .selection .model {
            display: block;
            float: left;
            width: 200px;
            margin: 0 10px 0 20px;
        }

        .v8 .td_el .selection .eng {
            display: block;
            float: left;
            width: 200px;
            margin: 0 10px 0 18px;
        }

        .v8 .td_el .selection .selectupdate {
            width: 192px !important;
        }

        .v8 .td_el .selection .select {
            display: block;
            width: 192px;
            height: 32px;
            color: #000000;
            background: url(/im/n/combo_bg2.png) no-repeat #ffffff;
            border: 0px solid !important;
        }

            .v8 .td_el .selection .select .btn {
                background: none;
            }

                .v8 .td_el .selection .select .btn .lnk {
                    background: none;
                }

            .v8 .td_el .selection .select .itemslist {
                width: 300px;
                height: 200px;
                overflow: scroll;
            }

            .v8 .td_el .selection .select .lbl {
                display: block;
                overflow: hidden;
                width: 155px;
                height: 18px;
                padding: 0 0 0 10px;
                color: #000000;
                font-weight: 600;
            }

                .v8 .td_el .selection .select .lbl:hover {
                    overflow: visible;
                }

        .v8 .td_el .selection .manu .step1r {
            display: block;
            width: 192px;
            height: 42px;
            margin: 17px 0 0 0;
            padding: 5px 10px;
            color: #FFFFFF;
            background: url(/im/n/el_step1r.png) no-repeat;
            font-size: 14px;
            font-weight: bold;
        }

        .v8 .td_el .selection .manu .step1g {
            display: block;
            width: 192px;
            height: 42px;
            margin: 17px 0 0 0;
            padding: 5px 10px;
            color: #FFFFFF;
            background: url(/im/n/el_step1g.png) no-repeat;
            font-size: 14px;
            font-weight: bold;
        }

        .v8 .td_el .selection .model .step2r {
            display: block;
            width: 192px;
            height: 42px;
            margin: 17px 0 0 0;
            padding: 5px 10px;
            color: #FFFFFF;
            background: url(/im/n/el_step2r.png) no-repeat;
            font-size: 14px;
            font-weight: bold;
        }

        .v8 .td_el .selection .model .step2g {
            display: block;
            width: 192px;
            height: 42px;
            margin: 17px 0 0 0;
            padding: 5px 10px;
            color: #FFFFFF;
            background: url(/im/n/el_step2g.png) no-repeat;
            font-size: 14px;
            font-weight: bold;
        }

        .v8 .td_el .selection .eng .step3r {
            display: block;
            width: 192px;
            height: 42px;
            margin: 17px 0 0 0;
            padding: 5px 10px;
            color: #FFFFFF;
            background: url(/im/n/el_step3r.png) no-repeat;
            font-size: 14px;
            font-weight: bold;
        }

        .v8 .td_el .selection .eng .step3g {
            display: block;
            width: 192px;
            height: 42px;
            margin: 17px 0 0 0;
            padding: 5px 10px;
            color: #FFFFFF;
            background: url(/im/n/el_step3g.png) no-repeat;
            font-size: 14px;
            font-weight: bold;
        }


    .v8 .td_el .bearing_title {
        display: block;
        height: 33px;
        margin: 10px 0 0 0;
        font-size: 16px;
    }

        .v8 .td_el .bearing_title span {
            display: block;
            height: 33px;
            background: url(/im/n/el_bearing.png) no-repeat;
            padding: 4px 0 0 50px;
        }

    .v8 .td_el .bearing_selection {
        display: block;
        width: 706px;
        height: 127px;
        margin: 17px 0 0 0;
        padding: 0 0 0 0px;
        background: url(/im/n/el_bearing_bg.png) no-repeat;
    }

        .v8 .td_el .bearing_selection .code {
            display: block;
            float: left;
            width: 330px;
            margin: 0 0px 0 10px;
        }

        .v8 .td_el .bearing_selection .brand {
            display: block;
            float: left;
            width: 330px;
            margin: 0 0px 0 10px;
        }

        .v8 .td_el .bearing_selection .selectupdate {
            width: 192px !important;
        }

        .v8 .td_el .bearing_selection .select {
            display: block;
            width: 330px;
            height: 32px;
            color: #000000;
            background: url(/im/n/combo_bg3.png) no-repeat #ffffff;
            border: 0px solid !important;
        }

            .v8 .td_el .bearing_selection .select .btn {
                background: none;
            }

                .v8 .td_el .bearing_selection .select .btn .lnk {
                    background: none;
                }

            .v8 .td_el .bearing_selection .select .itemslist {
                width: 325px;
                height: 200px;
                overflow: scroll;
            }

            .v8 .td_el .bearing_selection .select .lbl {
                display: block;
                overflow: hidden;
                width: 155px;
                height: 18px;
                padding: 0 0 0 10px;
                color: #000000;
                font-weight: 600;
            }

                .v8 .td_el .bearing_selection .select .lbl:hover {
                    overflow: visible;
                }

        .v8 .td_el .bearing_selection .code .stepr {
            display: block;
            width: 330px;
            height: 42px;
            margin: 17px 0 0 0;
            padding: 5px 10px;
            color: #FFFFFF;
            background: url(/im/n/el_stepr.png) no-repeat;
            font-size: 14px;
            font-weight: bold;
        }

        .v8 .td_el .bearing_selection .code .stepg {
            display: block;
            width: 330px;
            height: 42px;
            margin: 17px 0 0 0;
            padding: 5px 10px;
            color: #FFFFFF;
            background: url(/im/n/el_stepg.png) no-repeat;
            font-size: 14px;
            font-weight: bold;
        }

        .v8 .td_el .bearing_selection .brand .stepr {
            display: block;
            width: 330px;
            height: 42px;
            margin: 17px 0 0 0;
            padding: 5px 10px;
            color: #FFFFFF;
            background: url(/im/n/el_stepr.png) no-repeat;
            font-size: 14px;
            font-weight: bold;
        }

        .v8 .td_el .bearing_selection .brand .stepg {
            display: block;
            width: 330px;
            height: 42px;
            margin: 17px 0 0 0;
            padding: 5px 10px;
            color: #FFFFFF;
            background: url(/im/n/el_stepg.png) no-repeat;
            font-size: 14px;
            font-weight: bold;
        }


    .v8 .td_el .t {
        width: 100%;
    }

    .v8 .td_el .ctbtnscar {
        background-image: url(/im/v8/vyber-auta-zal1.png);
        width: 100%;
        height: 40px;
    }

    .v8 .td_el .ctbtnstruck {
        background-image: url(/im/v8/vyber-auta-zal2.png);
        width: 100%;
        height: 40px;
    }

    .v8 .td_el .ctbtnscar a, .v8 .tdsmall .ctbtnstruck a {
        width: 50%;
        height: 40px;
        position: relative;
        float: left;
    }

    .v8 .td_el .m {
        background: #6E7078 none;
        width: 100%;
        padding: 3px 0px;
        margin: 0px;
    }

    .v8 .td_el .btncbo1 {
        color: #000000;
        background: url(/im/v8/vyber-auta-btn-bg.png) repeat-x !important;
        border-radius: 2px;
        border: 0px none;
        height: 22px;
        margin: 1px;
        width: auto;
    }

        .v8 .td_el .btncbo1 a {
            background: transparent url(/im/v8/vyber-auta-sipka.png) no-repeat center right 9px !important;
            border: 0px none;
            height: 15px;
            margin: -1px 0 0 0;
            padding-right: 10px;
            filter: none;
            font-weight: normal;
            font-size: 11px;
        }

            .v8 .td_el .btncbo1 a[disabled="disabled"] {
                background: transparent url(/im/v8/vyber-auta-sipka-noactive.png) no-repeat center right 6px !important;
                border: 0px none;
                height: 15px;
                margin: -1px 0 0 0;
                padding-right: 10px;
            }


.v8 .electrotypeselector {
    display: block;
    width: 706px;
    height: 217px;
    margin: 20px 0 0 0;
}

    .v8 .electrotypeselector .td1 {
        display: block;
        float: left;
        position: relative;
        width: 217px;
        height: 151px;
        margin: 0 23px 0 0;
        background: url(/im/n/el_td_1.png) no-repeat;
    }

    .v8 .electrotypeselector .td2 {
        display: block;
        float: left;
        position: relative;
        width: 217px;
        height: 151px;
        margin: 0 23px 0 0;
        background: url(/im/n/el_td_2.png) no-repeat;
    }

    .v8 .electrotypeselector .td3 {
        display: block;
        float: left;
        position: relative;
        width: 217px;
        height: 151px;
        background: url(/im/n/el_td_3.png) no-repeat;
    }

        .v8 .electrotypeselector .td1 span, .v8 .electrotypeselector .td2 span, .v8 .electrotypeselector .td3 span {
            display: block;
            position: absolute;
            top: 110px;
            left: 0px;
            width: 215px;
            height: 30px;
            padding: 8px 0 0 0;
            text-align: center;
            font-size: 16px;
        }



.v8 .boxdirectsearch .btncbo1 a, .v8 .boxelectrosearch .btncbo1 a {
    background: transparent url(/im/v8/searchbtn.png) no-repeat center right 6px !important;
}

.v8 .btncbo1 a {
    background: transparent url(/im/v8/vyber-auta-sipka.png) no-repeat center right 9px !important;
    border: 0px none;
    height: 15px;
    margin: -1px 0 0 0;
    padding-right: 10px;
    filter: none;
    font-weight: normal;
    font-size: 11px;
}

    .v8 .btncbo1 a[disabled="disabled"] {
        background: transparent url(/im/v8/vyber-auta-sipka-noactive.png) no-repeat center right 6px !important;
        border: 0px none;
        height: 15px;
        margin: -1px 0 0 0;
        padding-right: 10px;
    }



/* GRID MAIN */
.v8 .g1 {
    width: 705px;
}

    .v8 .g1 .items {
        width: 703px;
        position: relative;
        left: 2px;
    }

        .v8 .g1 .items .collapsed {
            position: relative;
            margin: -1px 0px 0px -1px;
            background: none #FFFFFF;
            border: 1px solid #8F9199;
            background: none transparent;
            height: auto !important;
            min-height: 78px;
            max-height: 200px;
            width: 100%;
        }

            .v8 .g1 .items .collapsed:hover {
                background: none repeat scroll 0 0 #F0F2F5;
                border: 2px solid #8F9199;
                margin: -3px 0 0px -2px;
            }

            .v8 .g1 .items .collapsed .itemtable {
                height: 100%;
            }

            .v8 .g1 .items .collapsed td {
                vertical-align: top;
                padding: 0px;
            }

            .v8 .g1 .items .collapsed .imgprev {
                display: block;
                width: 16px;
                height: 16px;
                margin: 0 5px 0 0;
                background: transparent url(/im/v8/iko-foto.png) no-repeat center center;
            }

            .v8 .g1 .items .collapsed .price0 {
                height: auto;
            }

            .v8 .g1 .items .collapsed .stocks8td {
                width: 60px;
                text-align: center;
                vertical-align: middle;
            }

            .v8 .g1 .items .collapsed .pricetd {
                width: 135px;
                text-align: center;
                vertical-align: middle;
            }

            .v8 .g1 .items .collapsed .flagstd {
                width: 60px;
                text-align: center;
            }

            .v8 .g1 .items .collapsed .baskettd {
                background-color: #C7C8CE;
                border-left: 1px solid #8F9199;
                text-align: center;
                vertical-align: middle;
                width: 72px;
            }

        .v8 .g1 .items .basketadd {
            float: right;
            height: auto;
            margin: 8px;
            width: 55px;
        }

            .v8 .g1 .items .basketadd .button1 {
                /*float: none;*/
                width: 50px;
                margin: 2px 1px;
            }

    .v8 .g1 .expanded .basketadd .button1 {
        float: none;
        /*width: 50px;*/
        margin: 0px 1px;
    }

    .v8 .g1 .items .basketadd .button1 .ico {
        float: none;
    }

    .v8 .g1 .items .baskettd .button2 {
        margin: 0px 5px 3px 5px;
    }

.v8 .itemtable, .v8 .itemtable tr {
    width: 100%;
}

.v8 .g1 .items .collapsed .text {
    float: none;
    display: inline;
    font-size: 10px;
    font-weight: normal;
}

.v8 .g1 .items .collapsed .price0 {
}

.v8 .g1 .items .collapsed .price1 {
    float: left;
    text-align: left;
    font-size: 11px;
}

.v8 .g1 .items .collapsed .price2 {
    float: left;
    text-align: left;
    font-size: 11px;
}


.v8 .g1 .items .expanded {
    margin: 5px 0px 5px -1px;
    background: none #FFFFFF;
    border: 1px solid #8F9199;
    background: none transparent;
    height: auto !important;
    min-height: 216px;
    width: 100%;
    position: relative;
}

    .v8 .g1 .items .expanded:hover {
        background: none #F0F2F5;
        border: 2px solid #8F9199;
        margin: 3px 0px 4px -2px;
    }

    .v8 .g1 .items .expanded .center {
        width: 100%;
        padding: 5px;
    }

.v8 .g1 .items .fullwidth {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    .v8 .g1 .items .fullwidth .button2 {
        margin: 0 3px;
        float: right;
    }

    .v8 .g1 .items .fullwidth .detail .button2 {
        margin: 0 3px;
        float: left;
    }

.v8 .fullwidth .panelsinside {
    background: none #ffffff;
}

.v8 .g1 .items .tiled .fullwidth .button2 {
    margin: 0 8px;
    float: right;
    bottom: 5px;
    right: 0px;
    position: absolute;
}

.v8 .g1 .items .toppart {
    width: 100%;
    height: 30px;
}

.v8 .g1 .items .expanded .toppart {
    background-color: #C7C8CE;
}

.v8 .g1 .items .expanded .toppartrepl {
    background-color: #f0f2f5;
    border-bottom: 1px solid #C7C8CE;
}

.v8 .g1 .items .expanded .img {
    max-height: 150px;
    /*max-width: 150px;*/
}

.v8 .g1 .items .expanded .codes {
    float: right;
    margin: 5px 8px;
    max-width: auto;
    max-height: 17px;
    position: relative;
    overflow: hidden;
    font-size: 11px;
}

.v8 .g1 .items .expandedbody .bottom {
    width: inherit;
}

    .v8 .g1 .items .expandedbody .bottom table, .v8 .g1 .items .collapsed .bottom tr {
        width: 100% !important;
    }
    /*.v8 .g1 .items .expandedbody .bottom table, .v8 .g1 .items .collapsed .bottom tr tr {
            width: auto !important;
        }*/
    .v8 .g1 .items .expandedbody .bottom td {
        padding: 0px;
    }



.v8 .g1 .items .bottompart {
    width: 100%;
    background-color: #C7C8CE;
    bottom: 0px;
    height: 82px;
    position: absolute;
}

.v8 .g1 .items .codemarkl {
    display: inline-block;
    padding: 7px 8px;
}

.v8 .g1 .items .expanded .codemarkl {
    width: 50%;
}

.v8 .g1 .items .namel {
    font-weight: bold;
    padding: 0px 8px;
    height: 35px;
    max-width: 674px;
    overflow: hidden;
}

.v8 .g1 .items .expanded .namel {
    height: auto;
    padding: 5px 8px;
    font-size: 15px;
    text-decoration: underline;
    max-width: 674px;
    overflow: hidden;
}

.v8 .g1 .items .toppart .stocks8 {
    width: 325px;
    max-width: 325px;
    position: relative;
    float: right;
}

.v8 .g1 .items .toppartrepl .stocks8 {
    width: 325px;
    max-width: 325px;
    position: relative;
    float: right;
}


.clearb {
    clear: both;
    line-height: 1px;
}

.v8 .g1 .items .expandedbody {
    background-color: transparent;
    position: relative;
    border: 0px none;
    max-width: 650px;
    overflow: hidden;
    overflow-x: auto;
    overflow: visible !important;
}

    .v8 .g1 .items .expandedbody td {
        padding: 0px 10px;
    }

        .v8 .g1 .items .expandedbody td td {
            padding: 0px;
        }

    .v8 .g1 .items .expandedbody:hover {
        background-color: transparent;
        position: relative;
    }


.v8 .collapsed .flags {
    height: 100%;
    margin-bottom: 5px;
    overflow: visible;
    position: relative;
    margin: -2px 0 0 0;
    top: 0px;
}

.v8 .collapsed .flag {
    height: 69px;
    width: 17px;
    display: inline-block;
    position: relative;
    margin: 0px 0px 5px 0px;
}

.v8 .detail8 .flags {
    left: 20px;
    top: 100px;
}

.v8 .detail {
    width: 100%;
}

.v8 .flags {
    height: auto;
    left: 0;
    min-height: 85px;
    position: absolute;
    top: 10px;
    z-index: 3;
    margin: 0 0 0 -2px;
}

.v8 .flag {
    display: block;
    left: 0;
    position: relative;
    height: auto;
    margin: 3px 0px;
}

.v8 .wflag {
    margin-bottom: -3px;
    position: relative;
}

.v8 .g1 .items .img {
    width: 150px !important;
    height: 150px;
    min-height: 150px;
    max-height: 150px;
    background-color: #FFFFFF;
    font-size: 0;
    line-height: 0;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    position: relative;
    display: block;
}

.v8 .g1 .items .tiled .img {
    max-width: 100%;
    width: 100% !important;
}

.v8 .g1 .items .imgin {
    max-width: 150px;
    max-height: 150px;
}

.v8 .g1 .items .expandedbody .data {
    max-width: 200px;
    min-width: 200px;
    width: 50%;
}

.v8 .g1 .items .expandedbody .info {
    background: none repeat scroll 0 0 #FFFFEE;
    border: 1px solid #FF690B;
    color: #FF690B;
    padding: 5px;
}

.v8 .tecdocparams table {
    border: 0px none;
    padding: 0px;
    table-layout: fixed;
}

    .v8 .tecdocparams table td {
        padding: 1px 5px !important;
        width: 50%;
        border-bottom: 1px solid #CACACA;
        vertical-align: top;
        word-wrap: break-word;
    }

    .v8 .tecdocparams table tr td:last-child {
        border-left: 1px solid #CACACA;
    }

    .v8 .tecdocparams table tr:nth-child(odd) td {
        background-color: #F0F2F5;
    }

    .v8 .tecdocparams table tr:nth-child(even) td {
        background-color: #FFFFFF;
        overflow: hidden;
    }


.v8 .g1 .items .expandedbody .other {
    max-width: 155px;
    min-width: 155px;
}



.v8 .g1 .items .price8 {
    text-align: left;
    margin: 0px 8px;
    min-width: 140px;
    max-width: 140px;
    line-height: 16px;
}

.v8 .g1 .items .pb8 .priceselect8bg {
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 5px;
    border-radius: 2px;
    background: #e0e0e5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ2ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e0e0e5 0%, #d5d6db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e5), color-stop(100%,#d5d6db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e0e0e5 0%,#d5d6db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e0e0e5 0%,#d5d6db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e0e0e5 0%,#d5d6db 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e0e0e5 0%,#d5d6db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e5', endColorstr='#d5d6db',GradientType=0 ); /* IE6-8 */
}

.v8 .g1 .items .pb8 .priceselect8 {
    background: url("/im/v8/sipka-red.png") no-repeat scroll right 6px center transparent;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    padding: 3px 20px 3px 7px;
}

.v8 .g1 .items .pb8 {
    display: inline;
}

    .v8 .g1 .items .pb8 .boldp8 {
        font-size: 14px;
        font-weight: bold;
    }

    .v8 .g1 .items .pb8 .p8 {
        font-size: 14px;
    }

.v8 .g1 .items .expandedbody .basketadd {
    /*float: left;*/
    width: 145px;
}

.v8 .nowrap {
    white-space: nowrap;
}

.v8 .stocks8 {
    width: 100px;
    max-width: 100px;
    margin: 5px;
}

    .v8 .stocks8 .stockmsingle {
        background-color: #FFFFFF;
        border: 1px solid #DDDDDD;
        margin: 1px;
        margin-right: 10px;
        text-align: left;
        width: 100px;
        cursor: pointer;
        position: relative;
        border-radius: 2px 2px 2px 2px;
        /*display: block;*/
        float: right;
        line-height: 17px;
        color: #000;
        display: flex;
    }

        .v8 .stocks8 .stockmsingle:first-child {
            cursor: default;
        }

        .v8 .stocks8 .stockmsingle .starrow {
            display: block;
            margin: 9px 5px;
            position: absolute;
            right: 0;
        }

        .v8 .stocks8 .stockmsingle .sttitle {
            font-weight: bold;
        }

        .v8 .stocks8 .stockmsingle span {
            display: inline-block;
        }


        .v8 .stocks8 .stockmsingle .stimg {
            float: left;
            margin: -1px 3px 0 -1px;
            border-radius: 2px 0 0 2px;
        }

    .v8 .stocks8 .stockm {
        background-color: #FFFFFF;
        border: 1px solid #DDDDDD;
        margin: 1px;
        text-align: left;
        width: 100px;
        cursor: pointer;
        position: relative;
        border-radius: 2px 2px 2px 2px;
        display: block;
        float: left;
        line-height: 17px;
        color: #000;
    }

    .v8 .stocks8 .stockmfull {
        color: #47484f;
        font-size: 10px;
        font-style: italic;
        display: inline;
        Xtext-align: right;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 15px;
        float: left;
    }

    .v8 .stocks8 .stockm:first-child {
        cursor: default;
    }

    .v8 .stocks8 .stockm .starrow {
        display: block;
        margin: 9px 5px;
        position: absolute;
        right: 0;
    }

    .v8 .stocks8 .stockm .sttitle {
        font-weight: bold;
    }

    .v8 .stocks8 .stockm span {
        display: inline-block;
    }


    .v8 .stocks8 .stockm .stimg {
        float: left;
        margin: -1px 3px 0 -1px;
        border-radius: 2px 0 0 2px;
        max-height: 20px;
    }


.v8 .stocks8detail {
    display: block;
    width: 150px;
    padding: 1px 2px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 11px;
    text-align: left;
    border-radius: 0px;
    margin: -2px 0px 0px -2px;
}

    .v8 .stocks8detail .stockm {
        display: block;
        border: 0px none;
        border-radius: 0px;
        width: 140px;
    }

        .v8 .stocks8detail .stockm .stimg {
            border-radius: 0px;
        }

.v8 .stocks8 .stockm .stnameimg {
    margin: 1px;
    width: auto;
    max-height: 16px;
}


/* NEXTIS SPINNER */


.v8 .spinner {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    height: 22px;
    margin: 0 2px 0 0;
    margin-left: -2px;
    margin-left: 0px;
    padding: 0px;
    width: 85px;
}

    .v8 .spinner .down, .v8 .spinner .down:hover {
        background: #fff url(/im/v8/sipka-gray-down.png) no-repeat center center;
        position: absolute;
        left: 65px;
        top: 50%;
        height: 50%;
        width: 19px;
    }

    .v8 .spinner .up, .v8 .spinner .up:hover {
        background: #fff url(/im/v8/sipka-gray-up.png) no-repeat center center;
        position: absolute;
        left: 65px;
        top: 0%;
        height: 50%;
        width: 19px;
    }

    .v8 .spinner .text {
        position: absolute;
        left: 0px;
        height: 100%;
        background-color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        width: 58px;
    }

.v8 .spinner2 {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    height: 20px;
    margin: 5px 1px;
    padding: 0px;
    width: 50px;
}

    .v8 .spinner2 .down, .v8 .spinner2 .down:hover {
        background: #fff url(/im/v8/sipka-gray-down.png) no-repeat center center;
        position: absolute;
        left: auto;
        right: 0px;
        top: 50%;
        height: 50%;
        width: 20px;
    }

    .v8 .spinner2 .up, .v8 .spinner2 .up:hover {
        background: #fff url(/im/v8/sipka-gray-up.png) no-repeat center center;
        position: absolute;
        left: auto;
        right: 0px;
        top: 0%;
        height: 50%;
        width: 20px;
    }

    .v8 .spinner2 .text {
        position: absolute;
        left: 0px;
        height: 100%;
        background-color: #FFFFFF;
        padding: 0px;
        width: 30px;
        font-size: 11px;
        font-weight: bold;
    }



.v8 .g1 .items .tiled {
    position: relative;
    margin: -1px 0px 0px -1px;
    background: none #FFFFFF;
    border: 1px solid #8F9199;
    background: none transparent;
    height: 330px;
    max-height: 330px;
    min-height: 330px;
    width: 233px; /*max-width: 235px; 	min-width: 235px;*/
    display: block;
    float: left;
}

    .v8 .g1 .items .tiled:hover {
        background: none #F0F2F5;
        border: 2px solid #8F9199;
        margin: -3px 0px 0px -3px;
    }

    .v8 .g1 .items .tiled .stocks8 {
        max-width: 217px !important;
        width: 217px !important;
        margin: 5px 7px;
    }

    .v8 .g1 .items .tiled .price8 {
        margin: 8px;
        float: left;
    }

    .v8 .g1 .items .tiled .stockm {
        width: 68px;
        white-space: nowrap;
    }


.v8 .tiled table tr td {
    height: 0px;
}

.v8 .expbtn {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 16px;
    height: 17px;
    background: transparent url(/im/v8/mini.png);
}

    .v8 .expbtn:hover {
        background: transparent url(/im/v8/minihover.png);
    }

.v8 .collbtn {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 16px;
    height: 17px;
    background: transparent url(/im/v8/maxi.png);
}

    .v8 .collbtn:hover {
        background: transparent url(/im/v8/maxihover.png);
    }

.v8 .thumbdetail {
    height: 150px !important;
    width: 150px;
    background: url(/im/n/progress2.gif) no-repeat scroll center center transparent;
}

.v8 .tiled .thumbdetail {
    height: 150px !important;
    width: 230px;
}

.v8 #infomessage {
    display: block;
    position: fixed;
    right: 10px;
    top: 100px;
    z-index: 999999;
    width: 350px;
    height: auto;
    margin: 0px;
    padding: 10px;
    color: #000000;
    background: #FFFFEE;
    border: 1px solid #999999;
    border-radius: 4px;
    font-size: 11px;
}



/*  tabs  */

.v8 .expanded .tabsA {
    /*max-width: 600px;*/
    margin-top: 3px;
}

.v8 .detail8 .tabsA {
    border-bottom: 1px solid #8F9199;
    height: 26px;
}

.v8 .tabsA {
    border-bottom: 1px solid #8F9199;
    clear: both;
    display: block;
    height: 26px;
    padding: 5px 0 0 5px;
    text-transform: uppercase;
    white-space: nowrap;
}

    .v8 .tabsA .selected span {
        background: none repeat scroll 0 0 #FFFFFF;
        color: #DF1C0E;
        border-radius: 3px 3px 0 0;
        border-left: 1px solid #8F9199 /*#E3E3E3*/;
        border-right: 1px solid #8F9199;
        border-top: 1px solid #8F9199;
        display: block;
        font-size: 11px;
        font-weight: bold;
        height: 19px;
        line-height: 13px;
        margin: 0;
        padding: 7px 8px 0;
        text-decoration: none;
        top: 0;
        z-index: 2;
    }

    .v8 .tabsA .normal, .v8 .tabsA .selected {
        display: inline-block;
        height: 18px;
        margin: 0 2px 0 0;
    }

        .v8 .tabsA .normal span {
            /*background: url("/im/n/tabdgc.png") repeat-x scroll 0 center transparent;*/
            background: #909197; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: -moz-linear-gradient(top, #ABACB2 0%, #909197 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ABACB2), color-stop(100%,#909197)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ABACB2 0%,#909197 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ABACB2 0%,#909197 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #ABACB2 0%,#909197 100%); /* IE10+ */
            background: linear-gradient(to bottom, #ABACB2 0%,#909197 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ABACB2', endColorstr='#909197',GradientType=0 ); /* IE6-8 */
            color: #ffffff;
            border-radius: 3px 3px 0 0;
            border-left: 1px solid #8F9199 /*#E3E3E3*/;
            border-right: 1px solid #8F9199;
            border-top: 1px solid #8F9199;
            display: block;
            font-size: 11px;
            font-weight: bold;
            height: 19px;
            line-height: 13px;
            margin: 0;
            padding: 7px 8px 0;
            text-decoration: none;
            top: 0;
            z-index: 2;
        }

.v8 .tdsmall .row2 {
    background: none repeat scroll 0 0 #47484F;
    border-bottom: 1px solid #9798A0 !important;
    border-left: 1px solid #333438;
    border-right: 1px solid #333438;
    border-top: 1px solid #2E2F33;
    border-radius: 3px;
    margin: 3px 10px;
    font-size: 11px;
    padding: 5px;
}

.v8 .treesmall {
    /*background: none repeat scroll 0 0 #47484F;     border: 1px outset #CDCDCD;     border-radius: 4px 4px 4px 4px;     display: block;     font-size: 11px;     margin: 10px 9px 0 11px;     padding: 5px;*/
    background: none repeat scroll 0 0 #47484F;
    border-bottom: 1px solid #9798A0 !important;
    border-left: 1px solid #333438;
    border-right: 1px solid #333438;
    border-top: 1px solid #2E2F33;
    border-radius: 3px;
    margin: 3px 10px;
    font-size: 11px;
    padding: 5px;
}

.v8 .nextistreeviewuninew3 {
    display: block;
}

    .v8 .nextistreeviewuninew3 .nodeitemC {
        border-bottom: 1px solid #2D2E34;
        display: block;
        padding: 2px 0;
    }

        .v8 .nextistreeviewuninew3 .nodeitemC:hover {
            background-color: #CBCBC4;
        }

            .v8 .nextistreeviewuninew3 .nodeitemC:hover .itemC {
                background-color: transparent;
            }

            .v8 .nextistreeviewuninew3 .nodeitemC:hover .itemCX {
                background-color: transparent;
                color: #000000;
            }

    .v8 .nextistreeviewuninew3 .node {
        display: block;
        margin: 0;
        padding: 0;
    }

        .v8 .nextistreeviewuninew3 .node .children {
            border: 1px solid #2D2E34;
            display: block;
            margin: 0 0 1px;
            padding: 3px 2px 3px 5px;
        }

        .v8 .nextistreeviewuninew3 .node .itemC {
            background: url("/im/v8/treeE.png") no-repeat scroll center center transparent;
            cursor: pointer;
            height: 15px;
            width: 15px;
        }

        .v8 .nextistreeviewuninew3 .node .itemE {
            background: url("/im/v8/treeC.png") no-repeat scroll center center transparent;
            cursor: pointer;
            height: 15px;
            width: 15px;
        }

        .v8 .nextistreeviewuninew3 .node .itemX {
            background: url("/im/v8/treeX.png") no-repeat scroll center center transparent;
            cursor: pointer;
            height: 15px;
            width: 15px;
        }

        .v8 .nextistreeviewuninew3 .node .itemCX {
            color: #ffffff;
            font-weight: normal;
        }

    .v8 .nextistreeviewuninew3 .nodeitemE {
        background: none repeat scroll 0 0 #D12A29;
        border-bottom: 1px solid #E12725;
        border-top: 1px solid #E12725;
        display: block;
        padding: 2px 0;
    }

        .v8 .nextistreeviewuninew3 .nodeitemE:hover .itemE {
            background-color: transparent;
        }

    .v8 .nextistreeviewuninew3 .node .itemEX {
        color: #ffffff;
        font-weight: normal;
    }

    .v8 .nextistreeviewuninew3 .nodeitemX:hover {
        background-color: #CBCBC4;
    }

        .v8 .nextistreeviewuninew3 .nodeitemX:hover .itemX {
            background-color: transparent;
        }

        .v8 .nextistreeviewuninew3 .nodeitemX:hover .itemXX {
            color: #000000;
        }

        .v8 .nextistreeviewuninew3 .nodeitemX:hover .itemEX {
            background-color: transparent;
        }

    .v8 .nextistreeviewuninew3 .node .itemXX {
        color: #ffffff;
        cursor: pointer;
        margin: 0;
    }


    .v8 .nextistreeviewuninew3 .node .node .nodeitemX {
        color: #ffffff;
        font-weight: normal;
    }

        .v8 .nextistreeviewuninew3 .node .node .nodeitemX:hover {
            background-color: #CBCBC4;
            color: #000000 !important;
        }

            .v8 .nextistreeviewuninew3 .node .node .nodeitemX:hover .nodeitemX {
                background-color: transparent;
            }

    .v8 .nextistreeviewuninew3 .node .itemX:hover .itemX {
        background-color: transparent;
    }

    .v8 .nextistreeviewuninew3 .node .nodeitemX:hover .itemXX {
        color: #000000;
    }

    .v8 .nextistreeviewuninew3 .nodeitemX {
        border-bottom: 1px solid #2D2E34;
        display: block;
        padding: 2px 0;
    }



.v8 .g1 .pager .pagerbtn {
    background: none repeat scroll 0 0 #EEEFF2;
    border: 1px solid #E2E3E3;
    border-radius: 2px 2px 2px 2px;
    display: block;
    font-weight: bold;
    font-size: 13px;
    height: 14px;
    margin: 0 2px;
    padding: 6px 0;
    text-align: center;
    width: 27px;
    line-height: 15px;
}

    .v8 .g1 .pager .pagerbtn[disabled="disabled"], .v8 .g1 .pager .pagerbtn.disabled, .v8 .pagerbtn[disabled="disabled"], .v8 .pagerbtn.disabled {
        background-color: #FFFFFF;
        color: #E43E3C !important;
        display: block;
        height: 14px;
        text-align: center;
        width: 27px;
    }

.v8 .pagerbtn[disabled="disabled"] {
    display: block;
    width: 27px;
    height: 16px;
    padding: 6px 0px;
    background: url(/im/n/pager1.png) no-repeat;
    font-weight: bold;
    text-align: center;
    color: #000 !important;
}

.v8 .g1 .pager .btnprev {
    background: url("/im/v8/btnPrev.png") no-repeat scroll left 6px center #EEEFF2;
    border: 1px solid #E2E3E3;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-family: Segoe UI,Arial;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    margin: 0 2px 0 0;
    padding: 0 0 0 10px;
    text-align: center;
    width: 95px;
}

.v8 .g1 .pager .btnnext {
    background: url("/im/v8/btnNext.png") no-repeat scroll right 6px center #EEEFF2;
    border: 1px solid #E2E3E3;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-family: Segoe UI,Arial;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    margin: 0 0 0 2px;
    padding: 0 20px 0 0;
    text-align: center;
    width: 95px;
}

.v8 .deliverytime {
    color: #000000;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 6px 20px;
    padding: 0;
    float: right;
}

.v8 .collapsed .deliverytime {
    color: #000000;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 0;
    width: 75px;
}

.v8 .tiled .deliverytime {
    color: #000000;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 8px;
    padding: 0;
    float: left;
}

.v8 .deliverytime .green {
    background: url("/im/n/green.png") no-repeat scroll 0 0 transparent;
    margin: 0;
    padding: 2px 0 0 20px;
    text-align: left;
}

.v8 .deliverytime .blue {
    background: url("/im/n/blueee.png") no-repeat scroll 0 0 transparent;
    margin: 0;
    padding: 2px 0 0 20px;
    text-align: left;
}

.v8 .deliverytime .red {
    background: url("/im/n/red.png") no-repeat scroll 0 0 transparent;
    margin: 0;
    padding: 2px 0 0 20px;
    text-align: left;
}

.v8 .deliverytime .yellow {
    background: url("/im/n/yellow.png") no-repeat scroll 0 0 transparent;
    margin: 0;
    padding: 2px 0 0 20px;
    text-align: left;
}

.v8 .deliverytime .greenyellow {
    background: url("/im/n/greenyellow.png") no-repeat scroll 0 0 transparent;
    margin: 0;
    padding: 2px 0 0 20px;
    text-align: left;
}

.v8 .deliverytime img {
    padding: 2px 0 0 0;
    height: 16px;
    margin: 0 3px;
    position: relative;
    top: 2px;
    width: 15px;
}


.v8 .detail8 {
    background: none #FFFFFF;
    border: 1px solid #8F9199;
    background: none transparent;
    height: auto !important;
    width: 100%;
    position: relative;
}

    .v8 .detail8 .toppart {
        background-color: #C7C8CE;
    }

    .v8 .detail8 .toppart {
        height: 30px;
        width: 100%;
    }

    .v8 .detail8 .codemarkl {
        float: left;
        margin: 8px;
    }

    .v8 .detail8 .stocks8 {
        float: right;
        max-width: 325px;
        position: relative;
        width: 325px;
    }

    .v8 .detail8 .data {
        margin: 20px;
        width: 300px;
    }

    .v8 .detail8 .name {
        font-size: 20px;
    }

    .v8 .detail8 .info {
        background: none repeat scroll 0 0 #FBF8DC;
        border: 1px solid #F8F0A7;
        color: #000000;
        font-weight: bold;
        margin: 15px 10px 0 0;
        padding: 5px;
        width: 287px;
    }

.v8 .price8det {
    position: relative;
    background-color: #F6F4E4;
    display: block;
    height: 50px;
    margin: 10px 0 0;
    width: 300px;
}

    .v8 .price8det .pb8 {
        width: 100%;
    }

.v8 .additFee {
    background-color: #CBFAA1;
    border: 1px solid #A6E56E;
    display: block;
    margin: 5px 0 0;
    padding: 0 5px; /**cbfaa1   b5e17d*/
}

.v8 .prselect {
    display: block;
    float: left;
    height: auto;
    padding-right: 14px;
    background: url("/im/v8/zobacek.png") no-repeat scroll right center transparent;
}

.v8 .prselectin {
    background: url("/im/v8/sipka-red.png") no-repeat scroll right center #ECE9D2;
    display: table-cell;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    font-size: 14px;
    font-weight: 600;
}

.v8 .prvalues {
    display: block;
    float: left;
    font-size: 13px;
    padding: 5px 8px;
    position: relative;
}

.v8 .gallery {
    margin: 0px;
}

    .v8 .gallery .image {
        border: 0px none;
    }

    .v8 .gallery table {
        height: 340px !important;
    }

        .v8 .gallery table table {
            height: auto !important;
        }

.v8 .price8det .boldp8 {
    font-weight: bold;
}

.v8 .detail8 .data .basketadd {
    background-color: #EAEDF1;
    display: inline-block;
    height: 40px;
    margin: 5px 0 0 0;
    padding: 14px 0 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.v8 .detail .detail8 .data .countlb {
    float: left;
    margin: 2px 10px 0 10px;
    font-size: 14px;
    font-weight: 600;
}

.v8 .detail8 .spinner {
    height: 25px;
    margin: -2px 3px 0 0;
}


.v8 .newsheader {
    color: #FFFFFF;
    background: #72747B;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72747B', endColorstr='#64666D'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72747B', endColorstr='#64666D');
    background: -ms-linear-gradient(top, #72747B, #64666D); /* ie 10 */
    background: -webkit-gradient(linear, left top, left bottom, from(#72747B), to(#64666D)); /* for webkit browsers */
    background-image: -o-linear-gradient(-90deg, #72747B, #64666D); /* for opera */
    background: -moz-linear-gradient(center top, #72747B, #64666D) repeat scroll 0 0 transparent; /* for firefox 3.6+ */
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
    height: 40px;
    width: 100%;
}

.v8 .newsicobg {
    float: left;
    background: #64666D;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64666D', endColorstr='#72747B'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64666D', endColorstr='#72747B');
    background: -ms-linear-gradient(top, #64666D, #72747B); /* ie 10 */
    background: -webkit-gradient(linear, left top, left bottom, from(#64666D), to(#72747B)); /* for webkit browsers */
    background-image: -o-linear-gradient(-90deg, #64666D, #72747B); /* for opera */
    background: -moz-linear-gradient(center top, #64666D, #72747B) repeat scroll 0 0 transparent; /* for firefox 3.6+ */
}

.v8 .newsico {
    display: block;
    width: 40px;
    height: 40px;
    background: transparent url(/im/v8/iko_aktuality.png) no-repeat center center;
}

.v8 .newstitle {
    position: relative;
    float: left;
    margin: 10px;
}


.v8 .newsep {
    background-color: #676767;
    border: 0 solid #000000;
    clear: both;
    height: 1px;
    margin: 10px 0;
}

.v8 .newit {
    display: block;
}

.v8 .newim {
    margin: 10px 0;
    max-width: 707px;
}

.v8 .newtitle {
    color: #D32A29;
    font-size: 14px;
    margin-bottom: 8px;
    padding-top: 10px;
}

.v8 .newmore {
    height: 14px;
    position: relative;
    top: 2px;
    width: 15px;
    margin: 0px 3px;
    background: url(/im/v8/vice.png) no-repeat;
    display: inline-block;
}

.v8 .bannerit {
    margin: 0px 5px;
    display: block;
}

.v8 .bannimg {
    max-width: 698px;
    margin: auto;
}

.v8 .tool {
    border: 0 none;
}

/*prozatimni spraveni grid electro*/
.v8 .gridel .items .item .i1 td, .v8 .gridel .items .item .i2 td {
    padding-right: 12px;
}

.v8 .gridel .gridsupp th {
    white-space: normal;
}

.v8 .detailel .gridsupp th {
    white-space: normal;
}

.v8 .gridel .items .item .body .imgin {
    max-height: 100px;
    max-width: 100px;
}

.v8 .gallery-el .image {
    width: 150px;
    max-width: 150px;
}

    .v8 .gallery-el .image .img {
        width: 150px;
        max-width: 150px;
    }
/*prozatimni spraveni grid electro konec*/

.v8 .g2 {
    border: 0 none;
    font-size: 11px;
    margin: auto;
    width: 100%;
    padding: 5px;
    display: table;
}

    .v8 .g2 th {
        background-color: #EAEDF1;
        color: #666666;
        padding: 6px 8px;
        text-transform: uppercase;
        border-bottom: 1px solid #B7B7B7;
        white-space: nowrap;
        font-size: 10px;
        font-weight: bold;
        text-align: left;
    }

.g2 .button1, .gridsupp .button1 {
    height: 17px;
    margin: -1px 2px 0 2px;
    width: 20px;
}

    .g2 .button1 img, .gridsupp .button1 img {
        width: 15px;
    }

    .g2 .button1 .ico, .gridsupp .button1 .ico {
        padding: 2px 3px;
    }

.v8 .g2 .button1, .v8 .gridsupp .button1 {
    height: 20px;
    width: auto;
}

    .v8 .g2 .button1 .ico, .v8 .gridsupp .button1 .ico {
        width: auto;
    }

.v8 .gridsupp, .v8 .gridsupp table, .v8 .gridsupp table tr {
    display: table;
    font-size: 10px;
    margin: 0;
    width: 100%;
}

.gridsupp th {
    font-weight: normal;
}

.v8 .gridsupp th {
    background-color: #EAEDF1;
    color: #666666;
    padding: 6px 8px;
    text-transform: uppercase;
    border-bottom: 1px solid #B7B7B7;
    white-space: nowrap;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}

.v8 table.g2, .v8 .g2 tr, .v8 .g2 th {
    /*width: 100% !important;*/
    /*width: 0px;*/
    /*text-align: center;*/
}


.v8 .g2 td td {
    border: 0px none;
}

.v8 .g2 td {
    padding: 0px;
}

.v8 .g2 .g2brand {
    max-width: 80px;
    overflow: hidden;
}

.v8 .g2 .g2code {
    width: 100px;
    max-width: 100px;
    overflow: hidden;
    padding: 0px;
}

    .v8 .g2 .g2code a {
        width: 100px;
        max-width: 100px;
        overflow: hidden;
        padding: 0px;
    }

.v8 .g2 .g2brand span {
    width: 80px;
    overflow: hidden;
    font-weight: bold;
}

.v8 .g2 .g2price {
    position: relative;
}

    .v8 .g2 .g2price span {
        background: url("/im/v8/sipka-red.png") no-repeat scroll right center transparent;
        font-weight: bold;
        margin-right: 7px;
        padding: 0px;
        padding-right: 12px;
        padding-left: 10px;
        width: auto;
        max-width: 150px;
    }

.v8 .g2 .g2stock {
    width: auto;
}

    .v8 .g2 .g2stock .stocks8 {
        float: right;
        max-width: 100px;
        position: relative;
        width: 100px;
    }

.v8 .g2 .g2name {
    width: 100px;
    max-width: 100px;
    overflow: hidden;
}

    .v8 .g2 .g2name span {
        width: auto; /*100px*/
        /*max-width: 100px*/
        overflow: hidden;
    }


.v8 .g2 .g2stock .stockm {
    width: 55px;
}

.gridsupp .prc {
    width: auto;
    max-width: 100px;
}

.v8 .gridsupp .prc span {
    background: url("/im/v8/sipka-red.png") no-repeat scroll right center transparent;
    font-weight: bold;
    margin-right: 7px;
    padding: 0px;
    padding-right: 12px;
    width: auto;
    max-width: 100px;
}

.v8 .gridsupp th.prc span {
    background: none;
    max-width: 50px;
}

.v8 .gridsupp th.prc {
    background: none #EAEDF1;
    font-weight: bold;
}

.v8 .gridsupp .stk {
    width: auto;
}

    .v8 .gridsupp .stk .stockm {
        width: 55px;
    }

    .v8 .gridsupp .stk .stocks8 {
        float: right;
        max-width: 80px;
        position: relative;
        width: 80px;
    }

.v8 .g2 .g2ico img {
    cursor: help;
    position: relative;
    top: 1px;
    background: url(/im/n/icopicture.png) no-repeat center center transparent;
}

.v8 .audaconselector .navigation .polozky .nextistreeviewuninew3 {
    background-color: #47484F;
    border-bottom: 1px solid #9798A0 !important;
    border-left: 1px solid #333438;
    border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #333438;
    border-top: 1px solid #2E2F33;
    padding: 3px;
}

.v8 .ndet {
    padding-bottom: 20px;
    max-width: 707px;
}

    .v8 .ndet .name {
        color: #D32A29;
        font-size: 18px;
    }

    .v8 .ndet .date {
        color: #888888;
        font-size: 11px;
    }

    .v8 .ndet .img {
        float: left;
        margin: 0 15px 15px 0;
        max-width: 351px;
    }

.v8 .audaconselector {
    vertical-align: top;
}

    .v8 .audaconselector .navigation {
        border-right: 1px solid #CCCCCC;
        margin: 0;
        min-width: 257px !important;
        padding: 0;
        width: 257px !important;
        vertical-align: top;
    }

        .v8 .audaconselector .navigation .titulek {
            background-size: 100% 100%;
        }

.v8 .productGroupsGrid .productspanel .stimg {
    margin: -1px 4px 2px -1px;
}

.v8 .audaconselector .navigation .tabulka .uroven {
    min-width: 60px;
}

.v8 .audaconselector .labourtimes {
    max-width: 698px;
}

.v8 .actions {
    position: absolute;
    top: 0px;
    max-width: 200px;
    margin-top: 10px;
    margin-left: 1px;
}

    .v8 .actions img {
        max-width: 200px;
    }

    .v8 .actions .sh {
        position: absolute;
        height: 100%;
        display: block;
        width: 17px;
        z-index: 5; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4MjgyOCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjNDQ0NDQ0IiBzdG9wLW9wYWNpdHk9IjAuMzIiLz4KICAgIDxzdG9wIG9mZnNldD0iNjQlIiBzdG9wLWNvbG9yPSIjNDQ0NDQ0IiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(left, rgba(40,40,40,0.35) 0%, rgba(68,68,68,0.32) 5%, rgba(68,68,68,0) 64%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(40,40,40,0.35)), color-stop(5%,rgba(68,68,68,0.32)), color-stop(64%,rgba(68,68,68,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(40,40,40,0.35) 0%,rgba(68,68,68,0.32) 5%,rgba(68,68,68,0) 64%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(40,40,40,0.35) 0%,rgba(68,68,68,0.32) 5%,rgba(68,68,68,0) 64%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(40,40,40,0.35) 0%,rgba(68,68,68,0.32) 5%,rgba(68,68,68,0) 64%); /* IE10+ */
        background: linear-gradient(to right, rgba(40,40,40,0.35) 0%,rgba(68,68,68,0.32) 5%,rgba(68,68,68,0) 64%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59282828', endColorstr='#00444444',GradientType=1 ); /* IE6-8 */
    }

.v8 .actionit {
    margin: 0 0 15px 0;
    z-index: 4;
    display: block;
}

.v8 .vehicledetails {
    position: relative;
    margin: 0 0 15px 0;
    z-index: 99;
    display: block;
    padding: 8px;
    padding-left: 8px;
    padding-top: 9px;
    padding-bottom: 8px;
    background: white url("/im/v8/box_bg_gradient.png") repeat-y;
    color: #5A5C63;
    line-height: 16px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 5px solid white;
    border-left: 0px;
    width: 179px;
}

    .v8 .vehicledetails .Title {
        color: white;
        background: #c61a1a;
        font-size: 13px;
        display: block;
        padding: 9px;
        padding-top: 6px;
        border-radius: 3px;
    }

    .v8 .vehicledetails .ArrowDelimiter {
        background: url("/im/v8/box_down_arrow.png") 150px 0px no-repeat;
        height: 7px;
        margin-bottom: -5px;
    }

    .v8 .vehicledetails .Item {
        padding: 5px;
        padding-top: 3px;
        border-bottom: 1px solid #cccccc;
    }

    .v8 .vehicledetails .ItemLast {
        padding: 5px;
        padding-top: 3px;
        padding-bottom: 0px;
    }

    .v8 .vehicledetails .Item .Key {
        color: #c61a1a;
        font-weight: bold;
    }

    .v8 .vehicledetails .ItemLast .Key {
        color: #c61a1a;
        font-weight: bold;
    }

.v8 .actions .actionit .show {
    height: 35px;
    width: 100%;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#929290', endColorstr='#757472'); /* for IE */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#929290', endColorstr='#757472');
    background: -ms-linear-gradient(top, #929290, #757472); /* ie 10 */
    background: -webkit-gradient(linear, left top, left bottom, from(#929290), to(#757472)); /* for webkit browsers */
    background-image: -o-linear-gradient(-90deg, #929290, #757472); /* for opera */
    background: -moz-linear-gradient(center top, #929290, #757472) repeat scroll 0 0 transparent; /* for firefox 3.6+ */
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.v8 .actions .actionit .showl {
    font-size: 13px;
    padding: 9px 20px;
    width: 147px;
    background: url(/im/n/btds3s.png) no-repeat scroll right center transparent;
}



.v8 .boxdirectsearch .boxl-body {
    background-color: #6A6C74;
}

.v8 .boxelectrosearch .boxl-body {
    background-color: #6A6C74;
}

.v8 .boxelectrosearch .system {
    padding: 3px 0 0 10px;
}


.v8 .boxdirectsearch .tecdoc {
    margin: 10px 0 15px 0;
    padding: 10px 0 0 10px;
}

    .v8 .boxdirectsearch .tecdoc .tecdocin {
        border: 0px none;
        padding: 5px 0 0;
    }

.v8 .boxdirectsearch .system .systemin {
    border: 0px none;
    padding: 5px 0 0;
}

.v8 .boxdirectsearch .select {
    width: 214px;
    height: 16px;
    background: none repeat scroll 0 0 #47484F;
    border-bottom: 1px solid #9798A0 !important;
    border-left: 1px solid #333438;
    border-radius: 3px;
    border-right: 1px solid #333438;
    border-top: 1px solid #2E2F33;
    margin-bottom: 5px;
}


.v8 .boxdirectsearch .tecdocin .select {
    width: 214px;
    padding: 0px;
}

.v8 .boxdirectsearch .systemin .select {
    width: 214px;
    padding: 0px;
}

.v8 .boxdirectsearch .select .btn {
    background: url("/im/v8/vyber-auta-btn-bg.png") repeat-x scroll 0 0 / 22px 100% transparent;
    border-radius: 2px;
    display: block;
    float: right;
    height: 13px !important;
    margin: 1px;
    position: relative;
    width: 15px;
    min-height: 13px;
}


    .v8 .boxdirectsearch .select .btn .lnk {
        background: url("/im/v8/minisipka.png") no-repeat scroll center center transparent;
    }


.v8 .detailel .it0 {
    display: none;
}

.v8 .newsinfo8 {
    padding-bottom: 20px;
}


.actionitems8 h1 {
    color: #CA2E32;
}

.actionitems8 .actionitemh {
    border: 1px solid #E2AA12;
    border-bottom: 0px none;
    padding: 12px 10px 0px 10px;
    border-radius: 4px 4px 0 0;
    background: #f7cf64; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3Y2Y2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWJlMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f7cf64 0%, #f5be28 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7cf64), color-stop(100%,#f5be28)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7cf64 0%,#f5be28 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7cf64 0%,#f5be28 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7cf64 0%,#f5be28 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f7cf64 0%,#f5be28 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7cf64', endColorstr='#f5be28',GradientType=0 ); /* IE6-8 */
}

.actionitems8 .actionitem {
    background-color: #F5BE28;
    border: 1px solid #E2AA12;
    border-top: 0px none;
    border-radius: 0 0 4px 4px;
    margin: 0 0 5px;
    padding: 5px 15px 5px 15px;
}

.actionitems8 .aH1 {
    font-size: 17px;
    font-weight: bold;
    padding: 20px 0 10px 0;
    display: block;
    color: #CB2E32;
}

.actionitems8 .aH2 {
    background: url("/im/v8/darek.png") no-repeat scroll left center transparent;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 0 5px;
    padding: 0 0 0 30px;
}

.actionitems8 .desc {
    /*padding: 10px 30px;
	border: 1px solid #B91624;
	background-color: #CB2E32;
	color: #fff;
	border-radius: 4px;
	font-style: italic;	
	font-size: 14px;*/
    font-size: 13px;
    padding: 10px 0;
}

.actionitems8 .asep {
    border: 0px none;
    height: 1px;
    background-color: #aaaaaa;
    margin: 3px 0px;
}

.actionitems8 .condprodh {
    font-weight: bold;
    font-size: 13px;
    padding: 15px 0 3px 0;
    display: block;
}

.actionitems8 .prod {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 11px;
    padding: 7px 10px;
}

    .actionitems8 .prod img {
        padding: 0 4px 0 2px;
        position: relative;
        top: 1px;
    }

    .actionitems8 .prod span {
        display: inline-block;
        padding: 2px 0px;
        line-height: 10px;
    }

.actionitems8 .info {
    background: url("/im/v8/krizek.png") no-repeat scroll left center transparent;
    margin: 10px 0 0 0;
    padding: 1px 0 0 19px;
}

.actionitems8 .lpart {
    float: left;
    display: block;
    max-width: 650px;
}

    .actionitems8 .lpart span {
        white-space: nowrap;
    }

.actionitems8 .rpart {
    float: right;
}

.actionitems8 .countprice {
    font-weight: bold;
}

.actionitems8 .colpanel {
    display: none;
    padding: 5px 0px;
}

.actionitems8 .button1 .ico {
    padding: 6px 7px;
}


.v8 .nivo {
    display: block;
    height: 300px !important;
    margin: 0 0 15px;
    max-height: 300px;
    max-width: 707px;
    position: relative;
    width: 707px;
}

    .v8 .nivo a, .nivo img {
        max-height: 300px;
        max-width: 707px;
    }

    /*.v8 .nivo .theme-default .nivo-controlNav {
            left: 5px;
            padding: 0;
            position: absolute;
            top: 8px;
            z-index: 10;
        }*/
    .v8 .nivo .theme-default .nivo-controlNav {
        bottom: 65px;
        float: right;
        padding: 10px;
        position: relative;
        text-align: center;
        text-indent: -42px;
        z-index: 10;
    }


.v8 .carousel_box_out {
    display: block;
    height: auto;
    margin: 10px 0 0;
    overflow: hidden;
    width: 707px;
}

.v8 .carousel_box {
    display: block;
    float: left;
    height: 195px;
    overflow: hidden;
    width: 660px;
}

    .v8 .carousel_box ul {
        list-style: none;
        margin: 0px 12px 0 12px;
        padding: 0px;
    }

        .v8 .carousel_box ul li {
            display: block;
            width: 165px;
            overflow: hidden;
            margin: 0px !important;
            padding: 0px !important;
            float: left;
        }


            .v8 .carousel_box ul li table {
                width: 100%;
                height: 100%;
                position: relative;
            }

                .v8 .carousel_box ul li table .flags {
                    margin: 33px 0 0 3px;
                }

.v8 .carousel_box_prev {
    background: url("/im/v8/sipka_carousel_left.png") no-repeat scroll 0 0 !important;
    border: 0 solid;
    display: block;
    float: left;
    height: 19px;
    margin: 85px 2px 0 0 !important;
    padding: 0 !important;
    text-decoration: none;
    width: 19px;
    z-index: 1000;
}

    .v8 .carousel_box_prev:hover {
        background: url(/im/v8/sipka_carousel_left.png) 100% 0px no-repeat !important;
        cursor: pointer;
        z-index: 1000;
    }

.v8 .carousel_box_next {
    display: block;
    float: left;
    width: 19px;
    height: 19px;
    margin: 85px 0px 0px 2px !important;
    padding: 0px !important;
    background: url(/im/v8/sipka_carousel_right.png) 0px 0px no-repeat !important;
    border: 0px solid;
    z-index: 1000;
    text-decoration: none;
}

    .v8 .carousel_box_next:hover {
        background: url(/im/v8/sipka_carousel_right.png) 100% 0px no-repeat !important;
        cursor: pointer;
        z-index: 1000;
    }















.v8 .actionitems8 .actionbuttons {
    float: right;
    padding: 10px 0 0 0;
}

.v8 .actionsb.nxchbrad {
    display: inline;
}

    .v8 .actionsb.nxchbrad label {
        color: #000;
        font-weight: bold;
    }

    .v8 .actionsb.nxchbrad:not(#foo) > input[type="checkbox"]:checked + label:before {
        background: url("/im/v8/actionschb.png") no-repeat scroll 100% 0 transparent;
    }

    .v8 .actionsb.nxchbrad:not(#foo) > input[type="checkbox"] + label:before {
        background: url("/im/v8/actionschb.png") no-repeat scroll 0% 0 transparent;
    }

    .v8 .actionsb.nxchbrad:not(#foo) > input + label:before {
        padding: 2px 10px 2px 9px;
        margin: 0 5px;
    }

    .v8 .actionsb.nxchbrad:not(#foo) > input[type="radio"]:checked + label:before {
        background: url("/im/v8/actionsradio.png") no-repeat scroll 100% 0 transparent;
        background-size: 200% 100%;
        top: -1px;
    }

    .v8 .actionsb.nxchbrad:not(#foo) > input[type="radio"] + label:before {
        background: url("/im/v8/actionsradio.png") no-repeat scroll 0% 0 transparent;
        background-size: 200% 100%;
        top: -1px;
    }

.v8 .detail .application a {
    white-space: nowrap;
}

.v8 .audaconselector .adctitle {
    line-height: 0px;
    color: #000000;
    border: none;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px 0px 0px 5px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6'); /* for IE */
    background: -ms-linear-gradient(top, #FFFFFF, #E6E6E6); /* ie 10 */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E6E6E6)); /* for webkit browsers */
    background-image: -o-linear-gradient(-90deg, #FFFFFF, #E6E6E6); /* for opera */
    background: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6) repeat scroll 0 0 transparent; /* for firefox 3.6+ */
}


.v8 .audaconselector .navigation {
    vertical-align: top;
}

.v8 .audaconselector .content {
    vertical-align: top;
}

.bgcontent {
    width: 100%;
}

.bgdiv {
    margin: auto;
    max-width: 800px;
}

.bgcontent #toolTip {
    margin: -200px 0 0 -25% !important;
    display: none !important;
}

.bgcontent .button {
    display: block;
    float: left;
    overflow: hidden;
    height: auto;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    background: url(/im/clientskin/neutral/btn1.png) repeat-x transparent;
    border: 1px solid #BF1200;
    border-radius: 3px;
    margin-left: 0;
    margin-right: 4px;
    margin-top: 0;
    word-wrap: break-word;
    padding: 4px;
}

.bgcontent .button {
    display: block;
    float: left;
    overflow: hidden;
    height: auto;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #BF1200;
    border-radius: 3px;
    margin-left: 0;
    margin-right: 4px;
    margin-top: 0;
    word-wrap: break-word;
    padding: 4px;
    background: #e7220d; /* Old browsers */
    /*/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3MjIwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNjEzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e7220d 0%, #c61300 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7220d), color-stop(100%,#c61300)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e7220d 0%,#c61300 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e7220d 0%,#c61300 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e7220d 0%,#c61300 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e7220d 0%,#c61300 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7220d', endColorstr='#c61300',GradientType=0 ); /* IE6-8 */
    */;
}


    .bgcontent .buttonhover, .bgcontent .button:hover {
        display: block;
        float: left;
        overflow: hidden;
        height: auto;
        padding: 0px;
        font-size: 12px;
        text-align: center;
        border: 1px solid #BF1200;
        border-radius: 3px;
        margin-left: 0;
        margin-right: 4px;
        margin-top: 0;
        word-wrap: break-word;
        padding: 4px;
        background: #f8331e; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4MzMxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNjEzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f8331e 0%, #c61300 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8331e), color-stop(100%,#c61300)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f8331e 0%,#c61300 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f8331e 0%,#c61300 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f8331e 0%,#c61300 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f8331e 0%,#c61300 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8331e', endColorstr='#c61300',GradientType=0 ); /* IE6-8 */
    }







.v8 .nxchbrad input[type="text"], .v8 .nxchbrad input[type="email"] {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    line-height: 20px;
    padding: 3px;
    width: 200px;
}

label + .v8 .nxchbrad, input + .v8 .nxchbrad {
    margin-top: 20px;
}

.v8 .nxchbrad {
    position: relative;
}

    .v8 .nxchbrad > input {
        display: inline;
        height: 16px;
        margin: 0 5px 0 0;
        opacity: 0;
        padding: 0;
    }

    .v8 .nxchbrad > label {
        color: #FFFFFF;
        line-height: 16px; /*transition: color 1s ease 0s;*/
    }

    .v8 .nxchbrad:not(#foo) > input:hover + label, .v8 .nxchbrad:not(#foo) > input:focus + label {
        /* 	color: #2C7AD0; 	text-shadow: 1px 1px 3px #000000;*/
    }
    /*
.v8 .nxchbrad:not(#foo) > input + label:before
{
	background: url(/im/v8/ctrl-nxts.png) no-repeat scroll 0 -1px transparent;
	content: "   ";
	height: 16px;
	left: 16px;
	margin: 0 3px 0 -16px;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	width: 16px;
	z-index: 2;
}
*/
    .v8 .nxchbrad:not(#foo) > input + label:before {
        background: url("/im/v8/ctrl-nxts.png") no-repeat scroll 0 -1px transparent;
        content: " ";
        height: 16px;
        overflow: hidden;
        padding: 2px 9px;
        pointer-events: none;
        vertical-align: middle;
        width: 16px;
        z-index: 2;
        margin: 1px 0px 0 -18px;
        position: relative;
    }

    .v8 .nxchbrad:not(#foo) > label {
        margin: 0px 5px 0px 0px;
    }

    .v8 .nxchbrad:not(#foo) > input[type="radio"] + label:before {
        background-position: -33px -1px;
    }

    .v8 .nxchbrad:not(#foo) > input[type="radio"]:checked + label:before {
        background-position: -33px -73px;
    }

    .v8 .nxchbrad:not(#foo) > input[type="checkbox"]:checked + label:before {
        background-position: -1px -73px;
    }

.v8 .panelcs {
    min-height: 150px;
    position: relative;
}

    .v8 .panelcs .csdiv {
        display: block;
        position: absolute;
        border: 1px solid #0000FF;
        border-radius: 3px;
        cursor: pointer;
        background: url(/im/n/trans.gif);
    }

        .v8 .panelcs .csdiv:hover {
            background: #9999FF;
            border: 1px solid #0000FF;
            filter: alpha(opacity=20);
            opacity: 0.20;
        }

    .v8 .panelcs img {
        margin: 0px;
    }

.v8 .stocksdetail {
    display: block;
    width: auto;
    min-width: 100px;
    padding: 4px;
    color: #000000;
    background: #F5F5F5;
    border: 1px solid #CCCCCC;
    font-size: 11px;
    border-radius: 4px;
    text-align: left;
    margin: -1px 0 0 -1px;
    white-space: nowrap;
    overflow-y: scroll;
    max-height: 400px;
}



.v8 .tdYfilter {
    font-size: 12px;
    font-weight: normal !important;
    display: block;
}

.v8 .yearfilter {
    font-weight: bold;
    margin: 5px;
}

    .v8 .yearfilter.active {
        color: #ff0000;
    }



.v8 .tabsmain {
    clear: both;
    width: 60%;
    height: 31px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    margin-top: 11px;
    float: left;
}

    .v8 .tabsmain span {
        position: relative;
        top: -5px;
        margin: 0 0 0 5px;
    }

    .v8 .tabsmain a.normal {
        display: block;
        float: left;
        padding: 6px 10px 0px 7px;
        height: 25px;
        margin: 0 4px 0 0;
        color: #FFFFFF;
        background: url(/im/v8/seda.png) repeat-x #7B7E86;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        font-weight: bold;
    }

        .v8 .tabsmain a.normal[active=true] {
            display: block;
            float: left;
            padding: 6px 10px 0px 7px;
            height: 25px;
            margin: 0 4px 0 0;
            color: #000000;
            background: none repeat scroll 0 0 #FFFFFF;
            font-weight: bold;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

    .v8 .tabsmain a.normal2 {
        display: block;
        float: left;
        padding: 6px 10px 0px 7px;
        height: 25px;
        margin: 0 4px 0 0;
        color: #FFFFFF;
        background: url(/im/v8/pomrdanc.png) repeat-x #EF6F14;
        font-weight: bold;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

        .v8 .tabsmain a.normal2[active=true] {
            display: block;
            float: left;
            padding: 6px 10px 0px 7px;
            height: 25px;
            margin: 0 4px 0 0;
            color: #000000;
            background: none repeat scroll 0 0 #FFFFFF;
            border-top: 1px solid #FFFFFF;
            border-left: 1px solid #FFFFFF;
            border-right: 1px solid #FFFFFF;
            font-weight: bold;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }



.v8 .search-fulltext {
    float: right;
    margin: 2px 10px 0 0;
    height: 20px;
}

    .v8 .search-fulltext .ico {
        background: none;
        height: 25px;
        padding: 0 0 0 10px;
        width: 30px;
    }

    .v8 .search-fulltext .input {
        background: url("/im/v8/fulltext_search.png") repeat-x scroll 0 0 transparent;
        height: 13px;
        width: 207px;
    }

    .v8 .search-fulltext .lbl {
        display: none;
    }

    .v8 .search-fulltext .ico {
        display: none;
    }

    .v8 .search-fulltext .txt {
        background: none transparent;
        padding: 2px;
        width: 166px;
        color: #FFFFFF;
    }

.v8 .fulltext-ico {
    display: block;
    height: 30px;
    width: 25px;
    background: url(/im/v8/fulltext_ico.png) no-repeat center center transparent;
}

.v8 .fulltext-tabs {
    background: url("/im/v8/seda.png") repeat-x scroll 0 0 #7B7E86;
    height: 35px;
    margin-top: 7px;
    width: 100%;
}
    /*.v8 .fulltext-tabs a.normal, .v8 .fulltext-tabs a.normal[active="true"], .v8 .fulltext-tabs a.normal2, .v8 .fulltext-tabs a.normal2[active="true"] {
    background-size: 100% 100%;
    border-radius: 0;
    border-right: 1px solid #333333;
    height: 26px;
    margin: 0;
    padding: 9px 10px 0 7px;
}
 .v8 .fulltext-tabs a.normal, .v8 .fulltext-tabs a.normal[active="true"], .v8 .fulltext-tabs a.normal2, .v8 .fulltext-tabs a.normal2[active="true"] {
    background-size: 100% 100%;
    border-radius: 0;
    border-right: 1px solid #333333;
    height: 26px;
    margin: 0;
    padding: 9px 10px 0;
}*/


    .v8 .fulltext-tabs a.normal, .v8 .fulltext-tabs a.normal[active="true"], .v8 .fulltext-tabs a.normal2, .v8 .fulltext-tabs a.normal2[active="true"] {
        background-size: 100% 100%;
        border-radius: 0;
        border-right: 1px solid #777A82;
        height: 28px;
        margin: 0;
        padding: 7px 12px 0;
    }

.v8 .fulltext-search {
    float: right;
    width: 380px;
    clear: right !important;
    margin-top: 4px;
}

.v8 .tabsmain a.normal div, .v8 .tabsmain a.normal2 div {
    width: 20px;
    height: 19px;
    display: inline-block;
}

.v8 .tabsmain a.normal .im-home, .v8 .fulltext-tabs a.normal .im-home {
    background: url(/im/v8/menu/menu-home.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal[active="true"] .im-home, .v8 .fulltext-tabs a.normal[active="true"] .im-home {
    background: url(/im/v8/menu/menu-home1.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal .im-cat, .v8 .fulltext-tabs a.normal .im-cat {
    background: url(/im/v8/menu/menu-katalog.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal[active="true"] .im-cat, .v8 .fulltext-tabs a.normal[active="true"] .im-cat {
    background: url(/im/v8/menu/menu-katalog1.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal .im-info, .v8 .fulltext-tabs a.normal .im-info {
    background: url(/im/v8/menu/menu-informace.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal[active="true"] .im-info, .v8 .fulltext-tabs a.normal[active="true"] .im-info {
    background: url(/im/v8/menu/menu-informace1.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal .im-set, .v8 .fulltext-tabs a.normal .im-set {
    background: url(/im/v8/menu/menu-nastaveni.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal[active="true"] .im-set, .v8 .fulltext-tabs a.normal[active="true"] .im-set {
    background: url(/im/v8/menu/menu-nastaveni1.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal2 .im-sd, .v8 .fulltext-tabs a.normal2 .im-sd {
    background: url(/im/v8/menu/menu-servis.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal2[active="true"] .im-sd, .v8 .fulltext-tabs a.normal2[active="true"] .im-sd {
    background: url(/im/v8/menu/menu-servis1.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal2 .im-mechanic, .v8 .fulltext-tabs a.normal2 .im-mechanic {
    background: url(/im/v8/menu/menu-mechanic.png) no-repeat center center transparent;
}

.v8 .tabsmain a.normal2[active="true"] .im-mechanic, .v8 .fulltext-tabs a.normal2[active="true"] .im-mechanic {
    background: url(/im/v8/menu/menu-mechanic1.png) no-repeat center center transparent;
}
/*
.v8 .nxchbrad:not(#foo) > input[type="checkbox"]:hover:checked + label:before, .v8 .nxchbrad:not(#foo) > input[type="checkbox"]:focus:checked + label:before
{
	background-position: 0 -91px;
}
.v8 .nxchbrad:not(#foo) > input[type="radio"]:hover:checked + label:before, .v8 .nxchbrad:not(#foo) > input[type="radio"]:focus:checked + label:before
{
	background-position: -33px -91px;
}
.v8 .nxchbrad:not(#foo) > input[type="checkbox"]:hover + label:before, .v8 .nxchbrad:not(#foo) > input[type="checkbox"]:focus + label:before
{
	background-position: 0 -19px;
}
.v8 .nxchbrad:not(#foo) > input[type="radio"]:hover + label:before, .v8 .nxchbrad:not(#foo) > input[type="radio"]:focus + label:before
{
	background-position: -33px -19px;
}

.v8 .nxchbrad:not(#foo) > input[type="checkbox"]:active + label:before
{
	background-position: 0 -37px;
}
.v8 .nxchbrad:not(#foo) > input[type="radio"]:active + label:before
{
	background-position: -33px -37px;
}
.v8 .nxchbrad:not(#foo) > input[type="checkbox"]:active:checked + label:before
{
	background-position: 0 -109px;
}
.v8 .nxchbrad:not(#foo) > input[type="radio"]:active:checked + label:before
{
	background-position: -33px -109px;
}
*/
.v8 .nxchbrad:not(#foo) > input[type="checkbox"]:disabled + label:before {
    background-position: -1px -55px;
}

.v8 .nxchbrad:not(#foo) > input[type="radio"]:disabled + label:before {
    background-position: -33px -55px;
}

.v8 .nxchbrad:not(#foo) > input[type="checkbox"]:disabled:checked + label:before {
    background-position: -1px -127px;
}

.v8 .nxchbrad:not(#foo) > input[type="radio"]:disabled:checked + label:before {
    background-position: -33px -127px;
}

.v8 .nxchbrad:not(#foo) > input[type="checkbox"]:hover:disabled + label:before, .v8 .nxchbrad:not(#foo) > input[type="checkbox"]:focus:disabled + label:before {
    background-position: -1px -55px;
}

.v8 .nxchbrad:not(#foo) > input[type="radio"]:hover:disabled + label:before, .v8 .nxchbrad:not(#foo) > input[type="radio"]:focus:disabled + label:before {
    background-position: -33px -55px;
}

.v8 .nxchbrad:not(#foo) > input[type="checkbox"]:hover:disabled:checked + label:before, .v8 .nxchbrad:not(#foo) > input[type="checkbox"]:focus:disabled:checked + label:before {
    background-position: -1px -127px;
}

.v8 .nxchbrad:not(#foo) > input[type="radio"]:hover:disabled:checked + label:before, .v8 .nxchbrad:not(#foo) > input[type="radio"]:focus:disabled:checked + label:before {
    background-position: -33px -127px;
}


.v8 .button1 .ico,
.v8 .button2 .ico,
.v8 .button3 .ico {
    display: block;
    float: none;
    height: 16px;
    margin: 0px auto;
    width: 16px;
    padding: 3px 4px;
}

.v8 .icor {
    display: block;
    float: left;
    height: 16px;
    margin: 0;
    width: 16px;
    padding: 3px 4px;
}

.v8 .icol {
    display: block;
    float: left;
    height: 16px;
    margin: 0px;
    width: 16px;
    padding: 3px 4px;
}

.v8 .button1 {
    display: block;
    float: left;
    overflow: hidden;
    height: 22px;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    background: url(/im/v8/links/btn1.png) repeat-x transparent;
    border: 1px solid #BF1200;
    border-radius: 3px;
    margin-left: 0;
    margin-right: 4px;
    margin-top: 0;
}

    .v8 .button1 .icor {
        background: url("/im/v8/links/btn1i.png") repeat-x #FE3A33;
        border-left: 1px solid #A81818;
    }

    .v8 .button1 .icol {
        background: url(/im/v8/links/btn1i.png) repeat-x #FE3A33;
        border-right: 1px solid #A81818;
    }

.v8 .button2 {
    display: block;
    float: left;
    overflow: hidden;
    height: 22px;
    padding: 0px;
    margin: 0 4px 0 0;
    font-size: 12px;
    text-align: center;
    background: url(/im/v8/links/btn2.png) repeat-x #888888;
    border: 1px solid #7B7E86;
    border-radius: 3px;
}

.v8 .boxl .ico {
    display: block;
    width: 15px;
    height: 15px;
    padding: 0px;
    margin: 0px;
}

.v8 .boxnotfound .news {
    background: url(/im/n/ico_phone.png) no-repeat center center transparent;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
}

.v8 .button3 {
    background-color: #AEAEAE;
}

    .v8 .button3 .ico {
        display: block;
        float: left;
        height: 17px;
        margin: 0px;
        padding: 4px;
        background-color: #AEAEAE;
    }

        .v8 .button3 .ico div {
            display: block;
            width: 18px;
            height: 18px;
        }

    .v8 .button3 .ico2 {
        display: block;
        float: left;
        height: 17px;
        margin: 0px;
        padding: 4px;
    }

.v8 .button5 {
    border-bottom: 1px solid #FEFEFE;
    border-radius: 3px;
    border-top: 1px solid #FEFEFE;
    display: block;
    float: left;
    margin: 4px;
    overflow: hidden;
    padding: 0;
}

    .v8 .button5 .in {
        border-radius: 3px;
        display: block;
        font-size: 12px;
        height: 27px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        text-align: center;
    }

    .v8 .button5 .tx {
        display: block;
        float: left;
        height: 14px;
        margin: 0;
        padding: 3px 10px 3px 3px;
    }

        .v8 .button5 .tx .tx1 {
            display: none;
        }

        .v8 .button5 .tx .tx2 {
            color: #FFFFFF;
            font-weight: bold;
            height: 22px;
            line-height: 22px;
        }

    .v8 .button5 .ico {
        display: block;
        float: left;
        height: 17px;
        margin: 0;
        padding: 4px;
    }

    .v8 .button5 .ico2 {
        display: block;
        float: left;
        height: 17px;
        margin: 0;
        padding: 4px;
    }

/* k NEXTISCHECKBOXS a NEXTISRADIOBUTTON

.nextischb
{
	line-height: 20px;
	color: #FFFFFF;
	font-family: Segoe UI;
	font-size: 12px;
	display: inline-block;
	width: auto;
	margin: 0px 3px;
	cursor: pointer;
}

.nextischb .chb
{
	background-color: #47484F;
	border-bottom: 1px solid #9798A0 !important;
	border-left: 1px solid #333438;
	border-radius: 4px 4px 4px 4px;
	border-right: 1px solid #333438;
	border-top: 1px solid #2E2F33;
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
	top: 3px;
	float: left;
	margin: 0px 5px 0px 0px;
}

.nextischb .label
{
	float: left;
}

.nextischb .in
{
	background-color: #F8F8F8;
	width: 8px;
	height: 8px;
	display: none;
	margin: 3px;
	border-radius: 1px;
}

.nextischb[checked=checked] .in
{
	display: block;
}



.nextisradio
{
	line-height: 20px;
	color: #FFFFFF;
	font-family: Segoe UI;
	font-size: 12px;
	display: inline-block;
	width: auto;
	margin: 0px 3px;
	cursor: pointer;
}

.nextisradio .radio
{
	background-color: #47484F;
	border-bottom: 1px solid #9798A0 !important;
	border-left: 1px solid #333438;
	border-radius: 10px;
	border-right: 1px solid #333438;
	border-top: 1px solid #2E2F33;
	display: inline-block;
	width: 13px;
	height: 13px;
	position: relative;
	top: 4px;
	float: left;
	margin: 0px 5px 0px 0px;
}

.nextisradio .label
{
	float: left;
}

.nextisradio .in
{
	width: 7px;
	height: 7px;
	margin: 3px;
	border-radius: 3px;
	background-color: #F8F8F8;
	display: none;
}

.nextisradio[checked=checked] .in
{
	display: block;
}

*/
.v8 .footer .logo-nextis {
    background: url(/im/v8/nextis.png) no-repeat scroll center center;
    display: inline-block;
    width: 75px;
    height: 30px;
}

.v8 .footer .logo-tecdoc {
    background: url(/im/v8/tecdoc.png) no-repeat scroll center center;
    display: inline-block;
    width: 75px;
    height: 30px;
    float: left;
    padding-bottom: 10px;
}

.v8 .footer .text-tecdoc {
    display: block;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 71px;
}

.v8 .footer .text-eet {
    display: block;
    font-size: 11px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.v8 .gradient1 {
    background: url("/im/v8/links/btn1.png") repeat-x !important;
    background-size: 1px 100% !important;
}

.v8 .gradient2 {
    background: url("/im/v8/links/btn2.png") repeat-x !important;
    background-size: 1px 100% !important;
}

.v8 .collapse_btn1 {
    background: url("/im/v8/btnmin1.png") no-repeat scroll center center transparent !important;
}

.v8 .expand_btn1 {
    background: url("/im/v8/btnmax1.png") no-repeat scroll center center transparent !important;
}


.v8 .tecrmi {
}

.v8 .tecrmitb .button2 {
    height: 23px;
    margin: 5px 7px 6px;
    color: #555;
}

.v8 .tecrmitb .button3 {
    height: 23px;
    margin: 5px 0;
}


.v8 .tecrmitb .button2 .ico {
    background: none;
    float: left;
}

    .v8 .tecrmitb .button2 .ico .ico {
        width: 16px;
        height: 17px;
        margin: 0px;
        padding: 0px;
    }

.v8 .tecrmitb .button3 .tx {
    padding: 3px 10px 3px 8px;
}

.v8 .tecrmitb .button3 .ico div {
    padding: 0px 3px;
}

.v8 .tecrmi .col1 a {
    color: #E7E7E7;
    text-decoration: underline;
}

    .v8 .tecrmi .col1 a[disabled] {
        color: #AAA !important;
        text-decoration: underline;
    }

.v8 .tecrmi .help {
    margin: 0px;
    padding: 30px 20px;
    color: #555555;
    font-size: 11px;
}

    .v8 .tecrmi .help .helpt {
        width: 562px;
        height: 85px;
        background: url(/im/n/bublina_top.png) no-repeat right;
    }

        .v8 .tecrmi .help .helpt span {
            display: block;
            position: relative;
            left: 70px;
            top: 25px;
            width: 448px;
            height: 25px;
            font-size: 12px;
            font-weight: bold;
            background: url(/im/n/linka_bublina.png) no-repeat 0 23px;
        }

    .v8 .tecrmi .help .helpm {
        width: 562px;
        height: auto;
        background: url(/im/n/bublina_middle.png) repeat-y right;
    }

        .v8 .tecrmi .help .helpm div {
            position: relative;
            top: -20px;
            width: 470px;
            padding: 0 0 0 70px;
            font-size: 12px;
        }

    .v8 .tecrmi .help .helpb {
        width: 562px;
        height: 25px;
        background: url(/im/n/bublina_bottom.png) no-repeat right;
    }


.v8 .tecrmi .tdsmall .b {
    background: #6E7078 none;
    border-radius: 0 0 2px 2px;
    width: 100%;
    height: 2px;
    margin: -1px 0 10px 0;
}

.v8 .tecrmi .list {
    margin: 10px;
    width: 250px;
}

.v8 .tecrmi .item {
    background: none transparent;
    margin: 3px;
}

    .v8 .tecrmi .item td {
        padding: 0px 3px;
    }

    .v8 .tecrmi .item .audacon-manu {
        width: 120px;
    }


.v8 .tecrmi .w {
    width: 250px;
    margin: 10px;
}

.v8 .tecrmi .btncbo1 a {
    height: 22px;
    float: right;
    padding-right: 12px;
}

.v8 .tecrmi .col1 .tabsA {
    margin: 5px 10px;
    border-bottom: 1px solid #999;
    height: 27px;
    padding: 0px 2px 0px 2px;
    width: 237px;
}

    .v8 .tecrmi .col1 .tabsA .normal {
        text-decoration: none;
    }

        .v8 .tecrmi .col1 .tabsA .normal span {
            border: 0px none;
            background: none transparent;
            text-transform: none;
        }

        .v8 .tecrmi .col1 .tabsA .normal[active=true] span {
            border: 1px solid #82828A;
            border-bottom: 1px solid #5A5C63;
            background: #72727d; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyNzI3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTVjNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #72727d 0%, #5a5c63 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72727d), color-stop(100%,#5a5c63)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #72727d 0%,#5a5c63 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #72727d 0%,#5a5c63 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #72727d 0%,#5a5c63 100%); /* IE10+ */
            background: linear-gradient(to bottom, #72727d 0%,#5a5c63 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72727d', endColorstr='#5a5c63',GradientType=0 ); /* IE6-8 */
        }

.v8 .tecrmi .modulebuttons {
    width: 550px;
}

.v8 .tecrmi .content .modulebuttons table {
    width: auto;
}

.v8 .tecrmi .modulebuttons .module {
    display: block;
    float: left;
    width: 252px;
    height: 190px;
    padding: 15px 0px 0px 20px;
    color: #555555;
    font-size: 12px;
}

.v8 .tecrmi .tree {
    padding: 15px 20px;
    background: #F5F5F5;
}

    .v8 .tecrmi .tree a {
        color: #000000;
        font-family: Arial;
        font-size: 11px;
        text-decoration: underline;
    }

    .v8 .tecrmi .tree span {
        color: #000000;
        font-family: Arial;
        font-size: 11px;
    }

.v8 .tecrmi .treeR {
    padding: 5px;
    background: #F5F5F5;
}

    .v8 .tecrmi .treeR td {
        padding: 2px;
        margin: 0px;
    }

    .v8 .tecrmi .treeR a {
        display: block;
        height: 16px;
        padding-left: 20px;
        color: #000000;
        font-family: Arial;
        font-size: 11px;
        text-decoration: underline;
        background: url(/im/n/sipka.png) no-repeat;
    }

    .v8 .tecrmi .treeR span {
        color: #000000;
        font-family: Arial;
        font-size: 11px;
    }

    .v8 .tecrmi .treeR label {
        color: #000000;
        font-family: Arial;
        font-size: 11px;
    }

    .v8 .tecrmi .treeR .rb {
        padding-left: 15px;
    }

    .v8 .tecrmi .treeR .chb {
        padding-left: 15px;
    }

.v8 .tecrmi .varovani {
    background: none repeat scroll 0 0 #FFDBDB;
    border-top: 1px solid #CC0000;
    color: #CC0000;
    font-size: 12px;
    font-weight: bold;
    height: 30px !important;
    padding-left: 30px;
    width: 100%;
}


.v8 .tecrmi .table1 tr:nth-child(2) td:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
}

.v8 .tecrmi .table1 tr:nth-child(3) td:nth-child(1) {
    font-size: 15px;
    font-weight: bold;
}

.v8 .tecrmi .table1 tr:nth-child(2) .n8 {
    font-weight: bold;
}

.v8 .tecrmi .table1 tr:nth-child(2) td:last-child .b11 {
    font-weight: bold;
}

.v8 .tecrmi .table1 tr:nth-child(3) .n8 {
    font-weight: bold;
}


.tecrmi .labourtimes {
    max-width: 706px;
}

    .tecrmi .labourtimes .task {
        font-weight: bold;
        font-size: 25px;
    }

    .tecrmi .labourtimes .subtask {
        font-weight: bold;
        font-size: 20px;
    }

.v8 .detail .oenumbers .brandname {
    display: block;
    float: left;
    width: 250px;
    padding: 3px;
    text-align: left;
}

.v8 .detail .oenumbers .oenumber {
    display: block;
    float: left;
    font-weight: bold;
    padding: 3px;
    width: 433px;
    text-align: left;
}

.v8 .boxshadow1 {
    margin: 10px auto;
    text-align: center;
    float: none;
}

.v8 .g1 .items .expandedbody .bottom .wait2 table {
    width: 200px !important;
    margin: 10px auto;
}

.v8 .g1 .items .collapsed .bottom .wait2 tr {
    width: 200px !important;
}

/*.v8 .g1 .items .expandedbody .bottom td:last-child {
            padding: 3px;
            text-align: right;
            vertical-align: middle;
            overflow: hidden;
        }*/

.v8 .priplatky {
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    margin-top: 3px;
}

.v8 .detail .priplatky {
    margin: 0;
}

.v8 .whisperer {
    position: relative;
    width: auto;
    float: right;
    z-index: 15;
    clear: left;
}

    .v8 .whisperer input[type="text"] {
        background: url("/im/v8/whisp_input.png") no-repeat scroll 0 0 #EEEEEE;
        border: 0 none;
        font-size: 12px;
        height: 24px;
        line-height: 22px;
        margin: 0 0 0 3px;
        padding: 1px 4px;
        width: 246px;
    }

    .v8 .whisperer .cl {
        display: block;
        font-weight: bold;
        position: absolute;
        right: 30px;
        text-align: right;
        top: 5px;
    }

    .v8 .whisperer .arr {
        background: url("/im/v8/sipka_whisp.png") no-repeat scroll center center transparent;
        height: 17px;
        position: absolute;
        right: 7.5px;
        top: 4px;
        width: 17px;
    }

    .v8 .whisperer .loading {
        background: url("/im/v8/loader.gif") no-repeat scroll center center transparent;
        background-size: 100% 100%;
        display: none;
        height: 17px;
        position: absolute;
        right: 7.5px;
        top: 4px;
        width: 17px;
    }

    .v8 .whisperer .noitems {
        display: none;
        background: url("/im/v8/whisp_hrow_info.png") no-repeat scroll top center;
        background-size: 100% 6px;
        width: 440px;
        position: absolute;
        top: 26px;
        right: 1px;
    }

        .v8 .whisperer .noitems .in {
            padding: 27px;
            border: 1px solid #aaa;
            border-top: none;
            margin: 6px 0 0 0;
            background-color: #fff;
        }

    .v8 .whisperer .tit {
        font-size: 1.3em;
        font-weight: bold;
    }



    .v8 .whisperer .l {
        background: url("/im/v8/whisp_iko_car.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        float: left;
        height: 19px;
        margin: 3px 5px;
        width: 30px;
    }

    .v8 .whisperer .whispnif {
        padding: 5px;
        font-weight: bold;
    }

    .v8 .whisperer .progress {
        background: url(/im/n/progress.gif) no-repeat center center #fff;
        width: 50px;
        height: 50px;
    }

.v8 .tdwhispererpanel {
    background: url(/im/v8/whisp_hrow.png) no-repeat top center transparent;
    background-size: 100% 42px;
    right: 1px !important;
    white-space: nowrap;
    position: absolute;
    z-index: 998;
    max-height: 400px;
    min-height: 45px;
    width: 970px;
    display: none;
}

.v8 .innert {
    margin-top: 6px;
    max-height: 400px;
    overflow-y: scroll;
    position: absolute;
    width: 968px;
    z-index: 998;
    border: 1px solid #A0A0A0;
    border-top: none;
}

.v8 .quicksearchtable {
    width: 100%;
    position: relative;
}

    .v8 .quicksearchtable .hrow {
        color: #000;
        line-height: 14px;
        cursor: default;
        border: none;
        width: 800px;
        font-weight: bold;
        background-color: transparent;
    }

        .v8 .quicksearchtable .hrow:hover {
            background-color: transparent;
            color: #000;
        }

        .v8 .quicksearchtable .hrow td {
            padding: 3px 10px;
        }

    .v8 .quicksearchtable td {
        padding: 3px 10px;
        border-right: 1px solid #D0D0D0;
    }

        .v8 .quicksearchtable td:last-child {
            border-right: none;
        }

    .v8 .quicksearchtable tr {
        cursor: pointer;
        background-color: #fff;
    }

        .v8 .quicksearchtable tr:hover {
            background-color: #5C5C5C;
            color: #fff;
        }

        .v8 .quicksearchtable tr:nth-child(even) {
            background: #eee;
        }

            .v8 .quicksearchtable tr:nth-child(even):hover {
                background-color: #5C5C5C;
                color: #fff;
            }

    .v8 .quicksearchtable td:nth-child(2), .v8 .quicksearchtable td:nth-child(3) {
        max-width: 95px;
        white-space: normal;
    }

    .v8 .quicksearchtable td:nth-child(7), .v8 .quicksearchtable td:nth-child(8) {
        width: 100px;
        white-space: normal;
    }



.searchelectro {
    display: block;
    overflow: hidden;
    Xwidth: 305px;
    height: 27px;
    margin: 0 0px 0 -20px;
}

    .searchelectro .searchelectrol {
        display: block;
        float: left;
        width: 5px;
        height: 27px;
        background: url(/im/v8/all_search_L.png) no-repeat;
    }

    .searchelectro .searchelectrom1 {
        display: block;
        float: left;
        width: 170px;
        height: 27px;
        background: url(/im/v8/all_search_M.png) repeat-x;
    }

        .searchelectro .searchelectrom1 .code {
            display: block;
            width: 185px;
            height: 23px;
            margin-top: 2px;
            border: 0px solid;
            background: transparent;
        }

    .searchelectro .searchelectrom2 {
        display: block;
        float: left;
        height: 27px;
        padding-top: 2px;
        background: url(/im/v8/all_search_M.png) repeat-x;
    }

    .searchelectro .searchelectror {
        display: block;
        float: left;
        width: 5px;
        height: 27px;
        background: url(/im/v8/all_search_R.png) no-repeat;
    }


.gridelectrohobby {
    width: 100%;
}

    .gridelectrohobby .item {
        display: block;
        position: relative;
        margin: 0 0 20px 0;
        padding: 0px;
        background: #FFFFFF;
        border: 1px solid #8F9199;
    }

        .gridelectrohobby .item .hdr {
            display: block;
            height: 145px;
            padding: 0px;
            background: #EAEBED;
        }

            .gridelectrohobby .item .hdr .img {
                display: block;
                width: 112px;
                height: 145px;
                margin: 0 0 0px 0;
                padding: 0px;
                background: #FFFFFF;
                border-right: 1px solid #8F9199;
                float: left;
            }

                .gridelectrohobby .item .hdr .img img {
                    display: block;
                    width: 100px;
                    height: 100px;
                    margin: 0px;
                    padding: 5px;
                    background: #FFFFFF;
                }

            .gridelectrohobby .item .hdr .data {
                display: block;
                float: left;
                width: 580px;
                padding: 5px;
            }

                .gridelectrohobby .item .hdr .data .r1 {
                    display: block;
                    height: 38px;
                    padding: 0px;
                    border-bottom: 1px solid #8F9199;
                }

                    .gridelectrohobby .item .hdr .data .r1 .panname {
                        display: block;
                        float: left;
                        overflow: hidden;
                        width: 335px;
                        height: 14px;
                        padding: 7px 5px;
                        font-size: 15px;
                        Xborder: 1px solid;
                    }

                        .gridelectrohobby .item .hdr .data .r1 .panname a {
                            text-decoration: none;
                        }

                            .gridelectrohobby .item .hdr .data .r1 .panname a:hover {
                                text-decoration: underline;
                            }

                .gridelectrohobby .item .hdr .data .r2 .panname span {
                    font-size: 11px;
                }

                .gridelectrohobby .item .hdr .data .r1 .stockitemsTx {
                    display: block;
                    float: right;
                }

                .gridelectrohobby .item .hdr .data .r1 .panstocks {
                    width: 220px;
                    position: relative;
                    float: right;
                }


                    .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8 {
                        width: 210px;
                        max-width: 210px;
                        position: relative;
                        float: right;
                    }

                        .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8 .stockm {
                            background-color: #FFFFFF;
                            border: 1px solid #DDDDDD;
                            height: 18px;
                            margin: 1px;
                            text-align: left;
                            width: 100px;
                            cursor: pointer;
                            position: relative;
                            border-radius: 2px 2px 2px 2px;
                            display: block;
                            float: left;
                            line-height: 17px;
                            color: #000;
                        }

                            .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8 .stockm:first-child {
                                cursor: default;
                            }

                            .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8 .stockm .starrow {
                                display: block;
                                margin: 9px 5px;
                                position: absolute;
                                right: 0;
                            }

                            .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8 .stockm .sttitle {
                                font-weight: bold;
                            }

                            .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8 .stockm span {
                                display: inline-block;
                            }


                            .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8 .stockm .stimg {
                                float: left;
                                margin: -1px 3px 0 -1px;
                                border-radius: 2px 0 0 2px;
                            }


                    .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8detail {
                        display: block;
                        width: 150px;
                        padding: 1px 2px;
                        color: #000000;
                        background: #FFFFFF;
                        border: 1px solid #CCCCCC;
                        font-size: 11px;
                        text-align: left;
                        border-radius: 0px;
                        margin: -2px 0px 0px -2px;
                    }

                        .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8detail .stockm {
                            display: block;
                            border: 0px none;
                            border-radius: 0px;
                            width: 140px;
                        }

                            .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8detail .stockm .stimg {
                                border-radius: 0px;
                            }

                    .gridelectrohobby .item .hdr .data .r1 .panstocks .stocks8 .stockm .stnameimg {
                        margin: 1px;
                        width: auto;
                        max-height: 16px;
                    }


                .gridelectrohobby .item .hdr .data .r2 {
                    display: block;
                    height: 65px;
                    padding: 0px;
                    Xborder: 1px solid;
                }

                    .gridelectrohobby .item .hdr .data .r2 .codes {
                        display: block;
                        float: left;
                        overflow: hidden;
                        width: 165px;
                        height: 65px;
                        padding: 5px 0 0 0;
                    }

                        .gridelectrohobby .item .hdr .data .r2 .codes .code {
                            display: block;
                            padding: 3px;
                            Xfloat: left;
                            font-weight: bold;
                            Xborder-right: 1px solid #8F9199;
                        }

                        .gridelectrohobby .item .hdr .data .r2 .codes .mark {
                            display: block;
                            padding: 5px;
                            float: left;
                            font-weight: bold;
                        }

                    .gridelectrohobby .item .hdr .data .r2 .panprice {
                        display: block;
                        float: left;
                        overflow: hidden;
                        width: 280px;
                        height: 100px;
                        Xborder: 1px solid;
                        Xfont-size: 15px;
                        Xborder: 1px solid;
                    }

                        .gridelectrohobby .item .hdr .data .r2 .panprice .price8det {
                            background-color: transparent;
                            display: block;
                            height: 40px;
                            margin: 10px 0 0;
                            width: 300px;
                        }

                            .gridelectrohobby .item .hdr .data .r2 .panprice .price8det .boldp8 {
                                font-weight: bold;
                                float: right;
                                margin-left: 4px;
                            }

                            .gridelectrohobby .item .hdr .data .r2 .panprice .price8det .pb8 {
                                Xwidth: 280px;
                                Xborder: 1px solid #000000;
                            }

                        .gridelectrohobby .item .hdr .data .r2 .panprice .prselect {
                            /*background: url("/im/v8/sipka-red.png") no-repeat scroll right center #ECE9D2;
							display: table-cell;
							height: 50px;
							text-align: center;
							vertical-align: middle;
							width: 100px;
							Xfont-size: 14px;
							font-weight: 600;*/
                            cursor: pointer;
                            display: inline-block;
                            font-weight: 600;
                            width: 96px;
                            height: 27px;
                            margin-top: 11px;
                            border-radius: 2px;
                            background: #e0e0e5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ2ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                            background: -moz-linear-gradient(top, #e0e0e5 0%, #d5d6db 100%); /* FF3.6+ */
                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e5), color-stop(100%,#d5d6db)); /* Chrome,Safari4+ */
                            background: -webkit-linear-gradient(top, #e0e0e5 0%,#d5d6db 100%); /* Chrome10+,Safari5.1+ */
                            background: -o-linear-gradient(top, #e0e0e5 0%,#d5d6db 100%); /* Opera 11.10+ */
                            background: -ms-linear-gradient(top, #e0e0e5 0%,#d5d6db 100%); /* IE10+ */
                            background: linear-gradient(to bottom, #e0e0e5 0%,#d5d6db 100%); /* W3C */
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e5', endColorstr='#d5d6db',GradientType=0 ); /* IE6-8 */
                        }

                        .gridelectrohobby .item .hdr .data .r2 .panprice .prselectin {
                            background: url("/im/v8/sipka-red.png") no-repeat right 12px transparent;
                            cursor: pointer;
                            display: inline-block;
                            height: 22px;
                            font-weight: 600;
                            padding: 3px 7px 3px 0px;
                            font-size: 13px;
                        }

                        .gridelectrohobby .item .hdr .data .r2 .panprice .prvalues {
                            display: inline-block;
                            Xfont-size: 14px;
                            padding: 5px 8px;
                            position: relative;
                        }

                    .gridelectrohobby .item .hdr .data .r2 .panbasket {
                        display: block;
                        float: left;
                        overflow: hidden;
                        width: 130px;
                        height: 25px;
                        margin: 20px 0 0 0;
                        font-size: 15px;
                        font-weight: bold;
                        Xborder: 1px solid;
                    }

        .gridelectrohobby .item .parts {
            border-top: 1px solid #8F9199;
        }

            .gridelectrohobby .item .parts .arr {
                display: block;
                position: absolute;
                left: 135px;
                top: 97px;
                width: 31px;
                height: 16px;
                background: url(/im/v8/parts_arr.png) no-repeat;
            }

            .gridelectrohobby .item .parts .partsin {
                margin: 5px;
            }

            .gridelectrohobby .item .parts .grp {
                display: block;
                float: left;
                width: 115px;
                height: 122px;
                text-align: center;
                border: none !important;
                overflow: hidden;
            }

            .gridelectrohobby .item .parts .brb {
                background: url(/im/v8/parts_rb.png) no-repeat;
            }

            .gridelectrohobby .item .parts .br {
                background: url(/im/v8/parts_r.png) no-repeat;
            }

            .gridelectrohobby .item .parts .bb {
                background: url(/im/v8/parts_b.png) no-repeat;
            }

            .gridelectrohobby .item .parts .grp a {
            }

            .gridelectrohobby .item .parts .grp img {
                display: block;
                float: left;
                width: 60px;
                height: 60px;
                margin: 10px 0 5px 25px;
            }

            .gridelectrohobby .item .parts .grp span {
                line-height: 14px;
                text-decoration: underline;
            }



.gridelectroprofi {
    width: 100%;
    border-top: 1px solid #8F9199;
}

    .gridelectroprofi .item {
        display: block;
        overflow: hidden;
        position: relative;
        Xheight: 160px;
        margin: 0;
        padding: 0px;
        background: #FFFFFF;
        border-left: 1px solid #8F9199;
        border-right: 1px solid #8F9199;
        border-bottom: 1px solid #8F9199;
    }

        .gridelectroprofi .item .r1 {
            display: block;
            height: 35px;
            padding: 0px;
            background: #EAEBED;
        }

            .gridelectroprofi .item .r1 .panname {
                display: block;
                float: left;
                overflow: hidden;
                width: 440px;
                height: 25px;
                margin: 5px 10px;
                font-size: 15px;
                Xborder: 1px solid;
            }

                .gridelectroprofi .item .r1 .panname a {
                    text-decoration: none;
                }

                    .gridelectroprofi .item .r1 .panname a:hover {
                        text-decoration: underline;
                    }

            /*.gridelectroprofi .item .r1 .pantails
			{
				display: block;
				float: left;
				overflow: hidden;
				width: 100px;
				height: 25px;
				margin: 4px 0px;
				Xborder: 1px solid;
			}*/

            /*.gridelectroprofi .item .r1 .pantails a
				{
					display: block;
					float: left;
					overflow: hidden;
					width: 100px;
					height: 19px;
					padding: 0 0 0 27px;
					background: url(/im/v8/all_rozklad.png) no-repeat;
					font-weight: bold;
					font-size: 13px;
					text-decoration: underline;
				}*/

            .gridelectroprofi .item .r1 .stockitemsTx {
                display: block;
                float: right;
            }

            .gridelectroprofi .item .r1 .panstocks {
                width: 230px;
                max-width: 230px;
                position: relative;
                float: right;
            }


                .gridelectroprofi .item .r1 .panstocks .stocks8 {
                    width: 280px;
                    max-width: 280px;
                    position: relative;
                    float: right;
                    margin: 7px 10px 0 0;
                }

                    .gridelectroprofi .item .r1 .panstocks .stocks8 .stockm {
                        background-color: #FFFFFF;
                        border: 1px solid #DDDDDD;
                        height: 18px;
                        margin: 1px;
                        text-align: left;
                        width: 100px;
                        cursor: pointer;
                        position: relative;
                        border-radius: 2px 2px 2px 2px;
                        display: block;
                        float: left;
                        line-height: 17px;
                        color: #000;
                    }

                        .gridelectroprofi .item .r1 .panstocks .stocks8 .stockm:first-child {
                            cursor: default;
                        }

                        .gridelectroprofi .item .r1 .panstocks .stocks8 .stockm .starrow {
                            display: block;
                            margin: 9px 5px;
                            position: absolute;
                            right: 0;
                        }

                        .gridelectroprofi .item .r1 .panstocks .stocks8 .stockm .sttitle {
                            font-weight: bold;
                        }

                        .gridelectroprofi .item .r1 .panstocks .stocks8 .stockm span {
                            display: inline-block;
                        }


                        .gridelectroprofi .item .r1 .panstocks .stocks8 .stockm .stimg {
                            float: left;
                            margin: -1px 3px 0 -1px;
                            border-radius: 2px 0 0 2px;
                        }


                .gridelectroprofi .item .r1 .panstocks .stocks8detail {
                    display: block;
                    width: 150px;
                    padding: 1px 2px;
                    color: #000000;
                    background: #FFFFFF;
                    border: 1px solid #CCCCCC;
                    font-size: 11px;
                    text-align: left;
                    border-radius: 0px;
                    margin: -2px 0px 0px -2px;
                }

                    .gridelectroprofi .item .r1 .panstocks .stocks8detail .stockm {
                        display: block;
                        border: 0px none;
                        border-radius: 0px;
                        width: 140px;
                    }

                        .gridelectroprofi .item .r1 .panstocks .stocks8detail .stockm .stimg {
                            border-radius: 0px;
                        }

                .gridelectroprofi .item .r1 .panstocks .stocks8 .stockm .stnameimg {
                    margin: 1px;
                    width: auto;
                    max-height: 16px;
                }


        .gridelectroprofi .item .r2 {
            display: block;
            height: 105px;
            padding: 0px;
            background: #FFFFFF;
            Xborder: 1px solid;
        }

            .gridelectroprofi .item .r2 .img {
                display: block;
                float: left;
                overflow: hidden;
                width: 100px;
                height: 130px;
                margin: 5px 0 0 0;
                font-weight: bold;
                border-right: 1px solid #8F9199;
                text-align: center;
            }

                .gridelectroprofi .item .r2 .img img {
                    display: block;
                    width: 90px;
                    margin: 0 5px;
                }

            .gridelectroprofi .item .r2 .code {
                display: block;
                float: left;
                overflow: hidden;
                width: 100px;
                height: 125px;
                margin: 5px 0;
                padding: 5px 0 0 0;
                font-weight: bold;
                border-right: 1px solid #8F9199;
                text-align: center;
            }

            .gridelectroprofi .item .r2 .mark {
                display: block;
                padding: 5px;
                float: left;
                font-weight: bold;
            }

            .gridelectroprofi .item .r2 .params {
                display: block;
                float: left;
                overflow: hidden;
                width: 210px;
                height: 125px;
                margin: 10px 0 0 0;
                padding: 0px 10px;
                border-right: 1px solid #8F9199;
            }

            .gridelectroprofi .item .r2 .code .button1 {
                margin: 5px 0 0 8px;
            }

                .gridelectroprofi .item .r2 .code .button1 .icor {
                    padding-top: 6px;
                }

            .gridelectroprofi .item .r2 .panprice {
                display: block;
                overflow: hidden;
                width: 170px;
                height: 105px;
                Xfont-size: 15px;
                Xborder: 1px solid;
            }

                .gridelectroprofi .item .r2 .panprice .price8 {
                    text-align: left;
                    margin: 0px 8px;
                    min-width: 140px;
                    max-width: 140px;
                    line-height: 16px;
                }

                .gridelectroprofi .item .r2 .panprice .pb8 .priceselect8bg {
                    cursor: pointer;
                    display: inline-block;
                    font-weight: 600;
                    margin-bottom: 5px;
                }

                .gridelectroprofi .item .r2 .panprice .pb8 .priceselect8 {
                    background: url("/im/v8/sipka-red.png") no-repeat scroll right 6px center transparent;
                    cursor: pointer;
                    display: inline-block;
                    font-weight: 600;
                    padding: 3px 20px 3px 0px;
                }

                .gridelectroprofi .item .r2 .panprice .pb8 {
                    display: inline;
                }

                .gridelectroprofi .item .r2 .panprice .boldp8 {
                    font-size: 14px;
                    font-weight: bold;
                    float: right;
                }

            .gridelectroprofi .item .r2 .panbasket {
                display: block;
                overflow: hidden;
                width: 150px;
                height: 25px;
                margin: 2px auto 0 auto;
                font-size: 15px;
                font-weight: bold;
                Xborder: 1px solid;
            }


.detailelectro {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0px;
    background: #FFFFFF;
    border: 1px solid #8F9199;
}

    .detailelectro .hdr {
        display: block;
        height: 30px;
        padding: 4px;
        background: #EAEBED;
    }

        .detailelectro .hdr .panname {
            display: block;
            float: left;
            overflow: hidden;
            width: 475px;
            height: 24px;
            padding: 3px;
            font-size: 15px;
            Xborder: 1px solid;
        }

        .detailelectro .hdr .stockitemsTx {
            display: block;
            float: right;
        }

        .detailelectro .hdr .panstocks {
            width: 215px;
            max-width: 215px;
            position: relative;
            float: right;
        }


            .detailelectro .hdr .panstocks .stocks8 {
                width: 210px;
                max-width: 210px;
                position: relative;
                float: right;
            }

                .detailelectro .hdr .panstocks .stocks8 .stockm {
                    background-color: #FFFFFF;
                    border: 1px solid #DDDDDD;
                    height: 18px;
                    margin: 1px;
                    text-align: left;
                    width: 100px;
                    cursor: pointer;
                    position: relative;
                    border-radius: 2px 2px 2px 2px;
                    display: block;
                    float: left;
                    line-height: 17px;
                    color: #000;
                }

                    .detailelectro .hdr .panstocks .stocks8 .stockm:first-child {
                        cursor: default;
                    }

                    .detailelectro .hdr .panstocks .stocks8 .stockm .starrow {
                        display: block;
                        margin: 9px 5px;
                        position: absolute;
                        right: 0;
                    }

                    .detailelectro .hdr .panstocks .stocks8 .stockm .sttitle {
                        font-weight: bold;
                    }

                    .detailelectro .hdr .panstocks .stocks8 .stockm span {
                        display: inline-block;
                    }


                    .detailelectro .hdr .panstocks .stocks8 .stockm .stimg {
                        float: left;
                        margin: -1px 3px 0 -1px;
                        border-radius: 2px 0 0 2px;
                    }


            .detailelectro .hdr .panstocks .stocks8detail {
                display: block;
                width: 150px;
                padding: 1px 2px;
                color: #000000;
                background: #FFFFFF;
                border: 1px solid #CCCCCC;
                font-size: 11px;
                text-align: left;
                border-radius: 0px;
                margin: -2px 0px 0px -2px;
            }

                .detailelectro .hdr .panstocks .stocks8detail .stockm {
                    display: block;
                    border: 0px none;
                    border-radius: 0px;
                    width: 140px;
                }

                    .detailelectro .hdr .panstocks .stocks8detail .stockm .stimg {
                        border-radius: 0px;
                    }

            .detailelectro .hdr .panstocks .stocks8 .stockm .stnameimg {
                margin: 1px;
                width: auto;
                max-height: 16px;
            }


    /*.detailelectro .hdr .data .r2
		{
			display: block;
			height: 65px;
			padding: 0px;
			Xborder: 1px solid;
		}*/

    .detailelectro .codes {
        display: block;
        width: 100%;
        height: 35px;
        margin-top: 5px;
    }

        .detailelectro .codes .code {
            display: block;
            padding: 7px;
            float: left;
            font-weight: bold;
            border-right: 1px solid #8F9199;
        }

        .detailelectro .codes .mark {
            display: block;
            padding: 5px;
            float: left;
            font-weight: bold;
        }

    .detailelectro .galleryout {
        display: block;
        float: left;
        width: 380px;
        padding: 5px;
        Xborder: 1px solid;
    }

    .detailelectro .data {
        display: block;
        float: left;
        width: 300px;
        padding: 5px;
        Xborder: 1px solid;
    }

        .detailelectro .data .panbasket {
            display: block;
            float: left;
            overflow: hidden;
            width: 276px;
            height: 25px;
            margin: 5px 0 0 0;
            padding: 12px;
            font-size: 15px;
            font-weight: bold;
            Xborder: 1px solid;
            background: #EAEDF1;
        }

    .detailelectro .parts {
        border-top: 1px solid #8F9199;
    }

        .detailelectro .parts .arr {
            display: block;
            position: absolute;
            left: 135px;
            top: 97px;
            width: 31px;
            height: 16px;
            background: url(/im/v8/parts_arr.png) no-repeat;
        }

        .detailelectro .parts .partsin {
            margin: 5px;
        }

        .detailelectro .parts .grp {
            display: block;
            float: left;
            width: 115px;
            height: 122px;
            text-align: center;
            border: none !important;
            overflow: hidden;
        }

        .detailelectro .parts .brb {
            background: url(/im/v8/parts_rb.png) no-repeat;
        }

        .detailelectro .parts .br {
            background: url(/im/v8/parts_r.png) no-repeat;
        }

        .detailelectro .parts .bb {
            background: url(/im/v8/parts_b.png) no-repeat;
        }

        .detailelectro .parts .grp a {
        }

        .detailelectro .parts .grp img {
            display: block;
            float: left;
            width: 60px;
            height: 60px;
            margin: 10px 0 5px 25px;
        }

        .detailelectro .parts .grp span {
            line-height: 14px;
            text-decoration: underline;
        }

.CreditProgressBar {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 100%;
    height: 8px;
    border: 1px solid black;
    border-radius: 3px;
    background: white;
}

    .CreditProgressBar .GreenFill {
        height: 8px;
        border-radius: 0px;
        background: #45a154;
    }

.TecDocCode {
    display: inline-block;
    padding-top: 5px;
    margin-left: 5px;
    color: #47484f;
    font-size: 11px;
    font-style: italic;
    text-align: left;
}

.UsageCode {
    display: inline-block;
    padding-top: 5px;
    margin-left: 5px;
    color: #47484f;
    font-size: 11px;
    font-style: italic;
    text-align: left;
}

.TDUserGroupsShortcut {
    margin-right: -15px;
    margin-top: 15px;
}

    .TDUserGroupsShortcut a {
        display: inline-block;
        padding-top: 160px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        margin-right: 16px;
        text-align: center;
        font-weight: bold;
        border: 1px solid #dee1e6;
        width: 160px;
        border-radius: 4px;
        background: #f4f5f6;
    }

        .TDUserGroupsShortcut a:hover {
            border: 2px solid #8f9199;
            margin-left: -1px;
            margin-right: 15px;
            margin-top: -1px;
            margin-bottom: 19px;
        }

.ReplacementsTitle {
    float: right;
    padding-top: 5px;
    padding-right: 1px;
}

.BoxDebtRow {
    border-bottom: 1px solid #dddddd;
}

.ServiceDataBannerButton {
    display: block;
    color: white;
    font-weight: bold;
    width: 130px;
    height: 22px;
    padding-top: 4px;
    padding-left: 32px;
    margin: 0 auto;
    margin-top: 12px;
    background: url('/im/v8/but_serv_data.png') no-repeat;
}

.DiscountTreeInputs {
    text-align: right;
    font-style: italic;
}

    .DiscountTreeInputs input[type="text"] {
        font-size: 11px;
        padding: 3px;
        border-radius: 3px;
        border: 1px solid #e5e5e5;
        width: 50px;
    }

    .DiscountTreeInputs input[type="button"] {
        cursor: pointer;
        color: white;
        font-size: 11px;
        padding: 2px;
        border-radius: 3px;
        border: 1px solid #bf1200;
        background: #ce1703;
        width: 50px;
    }

.NewLoginButton {
    cursor: pointer;
    background: url("/im/v8/links/btn1.png") repeat-x scroll 0 0;
    border: 1px solid #bf1200;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 24px;
    margin-right: 4px;
}

.SASNumber {
    color: white;
    display: inline-block;
    background: #8f9199;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 6px;
}

.InternalCode {
    color: white;
    display: inline-block;
    background: #8f9199;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 6px;
}

.v8 .tableinfo .tabletitle th {
    max-width: 37px;
    width: auto;
    overflow: visible;
}

.v8 .nowrap {
    text-wrap: none;
    white-space: nowrap;
}

.v8 .searchCarByCode {
    /*width: 110px;*/
    float: right;
    position: relative;
    z-index: 5;
    border: 1px solid #ddd;
    /*margin: 0 10px;*/
    border-radius: 2px;
}

    .v8 .searchCarByCode .txt {
        border: 0 none;
        height: 23px;
        width: 56px;
        float: left;
    }

    .v8 .searchCarByCode .btn {
        background: url(/im/v8/btn_bg.png) repeat-x transparent;
        width: 44px;
        height: 23px;
        float: left;
        overflow: hidden;
    }

        .v8 .searchCarByCode .btn .ico {
            background: url("/im/v8/lupa.png") no-repeat scroll 3px center transparent;
            display: block;
            float: left;
            height: 25px;
            width: 14px;
        }

        .v8 .searchCarByCode .btn span {
            color: #555;
            float: left;
            font-size: 11px;
            font-weight: bold;
            overflow: hidden;
            padding: 5px 2px 0;
            width: 22px;
        }


    .v8 .searchCarByCode .pan {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 1px;
        height: auto;
        margin: 27px 0 0 -1px;
        padding: 4px;
        position: absolute;
        width: 408px;
    }

        .v8 .searchCarByCode .pan .row {
            margin-top: 1px;
            font-weight: bold;
            color: #555;
        }

        .v8 .searchCarByCode .pan .alt_row {
            margin-top: 1px;
            background-color: #AEAEAE;
            font-weight: bold;
            color: #555;
        }

.TDToAciLabel {
    height: 19px;
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
}

.TDToAciLabelDark {
    height: 19px;
    display: inline-block;
    vertical-align: top;
    padding-top: 0px;
}

.TDToAciButton {
    cursor: pointer;
    background: url("/im/n/TDToAciBtnLight.png");
    width: 127px;
    height: 19px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    font-size: 11px;
    color: white;
    padding-top: 2px;
    padding-left: 4px;
}

.TDToAciButtonDark {
    cursor: pointer;
    background: url("/im/n/TDToAciBtnDark.png");
    width: 127px;
    height: 19px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    font-size: 11px;
    color: white;
    padding-top: 2px;
    padding-left: 4px;
    margin-top: -2px;
}

.BonusProgress8 {
    width: 513px;
    height: 96px;
    background: url("/im/n/thermo_h.png") no-repeat;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .BonusProgress8 .ProgressBar {
        width: 100px;
        height: 16px;
        background: url("/im/n/thermograd_h.png") top left no-repeat;
        position: relative;
        top: 46px;
        left: 26px;
        border-radius: 1px;
    }

    .BonusProgress8 .CheckPoint {
        position: absolute;
        top: 71px;
        left: 19px;
    }

    .BonusProgress8 .ProgressHint {
        width: 141px;
        height: 42px;
        margin: 0px;
        padding: 10px 4px 4px 24px;
        background: url(/im/n/thermoboxtip.png) no-repeat;
        font-size: 11px;
        overflow: hidden;
    }

.APSiReturnGridTextBox {
    border: 1px solid #e3e3e3;
    width: 60px;
    font-size: 12px;
}

.KaucjaPanel {
    color: red;
    font-weight: bold;
}

.KauciaLabel {
    color: red;
    display: block;
    font-weight: bold;
}

.LogoClickArea {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

.bgdetails a.manuallink {
    color: #bf1200;
    display: block;
    font-size: 13px;
    padding: 4px 10px;
    text-decoration: underline;
    font-weight: bold;
}

    .bgdetails a.manuallink:hover {
        color: #891619;
    }

.bgdetails ul {
    margin: 10px 0;
}

.btnHidePrice {
    background: url(/im/v8/hide_pri.png) no-repeat;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    width: 28px;
    height: 28px;
    background-size: contain;
}

.btn-margin-price {
    padding-right: 5px;
    display: inline-block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
}

    .btn-margin-price.enabled {
        background: url(/im/n/ico_marze_enabled.png) no-repeat;
    }

    .btn-margin-price.disabled {
        background: url(/im/n/ico_marze_disabled.png) no-repeat;
    }



.LaximoVINSearchResultTable {
    width: 100%;
}

    .LaximoVINSearchResultTable th {
        color: white;
        font-weight: normal;
        background: #c8081e;
        text-align: left;
        padding: 4px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .LaximoVINSearchResultTable td {
        padding: 4px;
        padding-left: 8px;
        padding-right: 8px;
        border-bottom: 1px solid #dcdcdc;
    }

    .LaximoVINSearchResultTable tr:hover td {
        cursor: pointer;
        color: white;
        background: #c8081e;
        text-decoration: underline;
    }

    .LaximoVINSearchResultTable tr:last-child td {
        border-bottom: 1px solid #c8081e;
    }


























.LaximoTree .NodeItem {
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 3px;
    clear: both;
}

.LaximoTree div .NodeItem {
    padding-left: 20px;
    background: url(/im/n/treeX.png) 0px 4px no-repeat;
}

    .LaximoTree div .NodeItem:hover {
        background: #efefef url(/im/n/treeX.png) 0px 4px no-repeat;
    }

.LaximoTree div div .NodeItem {
    padding-left: 40px;
    background: url(/im/n/treeX.png) 20px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div .NodeItem:hover {
        background: #efefef url(/im/n/treeX.png) 20px 4px no-repeat;
    }

.LaximoTree div div div .NodeItem {
    padding-left: 60px;
    background: url(/im/n/treeX.png) 40px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div .NodeItem:hover {
        background: #efefef url(/im/n/treeX.png) 40px 4px no-repeat;
    }

.LaximoTree div div div div .NodeItem {
    padding-left: 80px;
    background: url(/im/n/treeX.png) 60px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div div .NodeItem:hover {
        background: #efefef url(/im/n/treeX.png) 60px 4px no-repeat;
    }

.LaximoTree div div div div div .NodeItem {
    padding-left: 100px;
    background: url(/im/n/treeX.png) 80px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div div div .NodeItem:hover {
        background: #efefef url(/im/n/treeX.png) 80px 4px no-repeat;
    }

.LaximoTree div div div div div div .NodeItem {
    padding-left: 120px;
    background: url(/im/n/treeX.png) 100px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div div div div .NodeItem:hover {
        background: #efefef url(/im/n/treeX.png) 100px 4px no-repeat;
    }

.LaximoTree .NodeItemC {
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #e9e9e9;
    padding: 3px;
    clear: both;
}

.LaximoTree div .NodeItemC {
    padding-left: 20px;
    background: url(/im/n/treeE.png) 0px 4px no-repeat;
}

    .LaximoTree div .NodeItemC:hover {
        background: #efefef url(/im/n/treeE.png) 0px 4px no-repeat;
    }

.LaximoTree div div .NodeItemC {
    padding-left: 40px;
    background: url(/im/n/treeE.png) 20px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div .NodeItemC:hover {
        background: #efefef url(/im/n/treeE.png) 20px 4px no-repeat;
    }

.LaximoTree div div div .NodeItemC {
    padding-left: 60px;
    background: url(/im/n/treeE.png) 40px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div .NodeItemC:hover {
        background: #efefef url(/im/n/treeE.png) 40px 4px no-repeat;
    }

.LaximoTree div div div div .NodeItemC {
    padding-left: 80px;
    background: url(/im/n/treeE.png) 60px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div div .NodeItemC:hover {
        background: #efefef url(/im/n/treeE.png) 60px 4px no-repeat;
    }

.LaximoTree div div div div div .NodeItemC {
    padding-left: 100px;
    background: url(/im/n/treeE.png) 80px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div div div .NodeItemC:hover {
        background: #efefef url(/im/n/treeE.png) 80px 4px no-repeat;
    }

.LaximoTree div div div div div div .NodeItemC {
    padding-left: 120px;
    background: url(/im/n/treeE.png) 100px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div div div div .NodeItemC:hover {
        background: #efefef url(/im/n/treeE.png) 100px 4px no-repeat;
    }

.LaximoTree .NodeItemE {
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #e9e9e9;
    padding: 3px;
    clear: both;
}

.LaximoTree div .NodeItemE {
    padding-left: 20px;
    background: url(/im/n/treeC.png) 0px 4px no-repeat;
}

    .LaximoTree div .NodeItemE:hover {
        background: #efefef url(/im/n/treeC.png) 0px 4px no-repeat;
    }

.LaximoTree div div .NodeItemE {
    padding-left: 40px;
    background: url(/im/n/treeC.png) 20px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div .NodeItemE:hover {
        background: #efefef url(/im/n/treeC.png) 20px 4px no-repeat;
    }

.LaximoTree div div div .NodeItemE {
    padding-left: 60px;
    background: url(/im/n/treeC.png) 40px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div .NodeItemE:hover {
        background: #efefef url(/im/n/treeC.png) 40px 4px no-repeat;
    }

.LaximoTree div div div div .NodeItemE {
    padding-left: 80px;
    background: url(/im/n/treeC.png) 60px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div div .NodeItemE:hover {
        background: #efefef url(/im/n/treeC.png) 60px 4px no-repeat;
    }

.LaximoTree div div div div div .NodeItemE {
    padding-left: 100px;
    background: url(/im/n/treeC.png) 80px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div div div .NodeItemE:hover {
        background: #efefef url(/im/n/treeC.png) 80px 4px no-repeat;
    }

.LaximoTree div div div div div div .NodeItemE {
    padding-left: 120px;
    background: url(/im/n/treeC.png) 100px 4px no-repeat;
    border: 0px;
}

    .LaximoTree div div div div div div .NodeItemE:hover {
        background: #efefef url(/im/n/treeC.png) 100px 4px no-repeat;
    }

.LaximoTree .NodeItem .NodeCounter {
    color: #999999;
    margin-top: 0px;
    float: right;
    font-weight: normal;
    padding: 0px;
    border: 0px;
}

.LaximoTree .NodeItemC .NodeCounter {
    color: #999999;
    margin-top: 0px;
    float: right;
    font-weight: normal;
    padding: 0px;
    border: 0px;
}

.LaximoTree .NodeItemE .NodeCounter {
    color: #999999;
    margin-top: 0px;
    float: right;
    font-weight: normal;
    padding: 0px;
    border: 0px;
}

.title.Laximo {
    margin-bottom: 10px;
}

.LaximoGroup .Unit {
    display: table;
    width: 100%;
}

.LaximoGroup a.CategoryName {
    display: block;
    font-size: 15px;
    text-decoration: underline;
    margin-bottom: 20px;
}

    .LaximoGroup a.CategoryName:hover {
        color: #c8081e;
    }

.LaximoGroup hr {
    border: 0px;
    border-bottom: 1px solid #dcdcdc;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.LaximoGroup .ImagePart {
    position: relative;
    display: table-cell;
    vertical-align: top;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 175px;
}

    .LaximoGroup .ImagePart .Viewport {
        width: 471px;
        height: 600px;
        overflow: auto;
        border: 1px solid #dcdcdc;
    }

    .LaximoGroup .ImagePart .FullSize {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 999;
        visibility: hidden;
        display: block;
    }

    .LaximoGroup .ImagePart:hover .FullSize {
        visibility: visible;
    }

    .LaximoGroup .ImagePart a {
        text-decoration: underline;
    }

        .LaximoGroup .ImagePart a:hover {
            color: #c8081e;
        }

        .LaximoGroup .ImagePart a img {
            margin-bottom: 20px;
        }

.LaximoGroup .TablePart {
    display: table-cell;
    vertical-align: top;
    margin-bottom: 20px;
}

    .LaximoGroup .TablePart table {
        width: 100%;
    }

        .LaximoGroup .TablePart table th {
            color: white;
            font-weight: normal;
            background: #c8081e;
            text-align: left;
            padding: 4px;
            padding-left: 8px;
            padding-right: 8px;
        }

            .LaximoGroup .TablePart table th.NumberColumn {
                width: 40px;
            }

            .LaximoGroup .TablePart table th.OEColumn {
                width: 100px;
            }

        .LaximoGroup .TablePart table td {
            text-decoration: underline;
            padding: 4px;
            padding-left: 8px;
            padding-right: 8px;
            border-bottom: 1px solid #dcdcdc;
        }

        .LaximoGroup .TablePart table tr:hover td {
            cursor: pointer;
            color: white;
            background: #c8081e;
        }

        .LaximoGroup .TablePart table tr:last-child td {
            border-bottom: 1px solid #c8081e;
        }













.LaximoUnitDetail .ImagePart {
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 175px;
}

    .LaximoUnitDetail .ImagePart .Zoom {
        color: white;
        display: block;
        transform-origin: top left;
    }

        .LaximoUnitDetail .ImagePart .Zoom #SchemeImage {
            max-width: none;
        }

    .LaximoUnitDetail .ImagePart .Help {
        position: absolute;
        left: 0px !important;
        bottom: 0px;
        background: rgba(240, 240, 240, 0.96);
        width: 100%;
        padding-top: 1px;
        border-top: 1px solid #dcdcdc;
        text-align: left;
    }

        .LaximoUnitDetail .ImagePart .Help #MouseWheel {
            display: inline-block;
            background: url("http://www.nextis.cz/upload/temp/WheelZoomIcon.png") left center no-repeat;
            padding: 15px;
            padding-left: 32px;
            margin-left: 10px;
        }

        .LaximoUnitDetail .ImagePart .Help #MouseMove {
            display: inline-block;
            background: url("http://www.nextis.cz/upload/temp/MouseMoveIcon.png") left center no-repeat;
            padding: 15px;
            padding-left: 56px;
            margin-left: 10px;
        }

        .LaximoUnitDetail .ImagePart .Help #CollapsePanelButton {
            cursor: pointer;
            position: absolute;
            top: 8px;
            right: 9px;
            background: url("http://www.nextis.cz/upload/temp/CollapsePanelIcon.png") center center no-repeat;
            width: 30px;
            height: 30px;
        }

    .LaximoUnitDetail .ImagePart #ExpandHelpButton {
        cursor: pointer;
        position: absolute;
        bottom: -40px;
        right: 15px;
        background: rgba(240, 240, 240, 0.96) url("http://www.nextis.cz/upload/temp/ExpandPanelIcon.png") center center no-repeat;
        width: 36px;
        height: 26px;
        border: 1px solid #dcdcdc;
        border-bottom: 0px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .LaximoUnitDetail .ImagePart .ScrollViewport {
        width: 705px;
        height: 440px;
        background: white;
        overflow: hidden !important;
        cursor: default !important;
    }

    .LaximoUnitDetail .ImagePart .ViewportWrapper {
        position: relative;
        border: 1px solid #dcdcdc;
        width: 705px;
        height: 440px;
        padding-bottom: 49px;
        overflow: hidden;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .LaximoUnitDetail .ImagePart .ViewportWrapper .ControlsInOut {
            cursor: pointer;
            position: absolute;
            top: 15px;
            right: 15px;
            width: 77px;
            height: 31px;
            background: white;
            border-radius: 4px;
        }

            .LaximoUnitDetail .ImagePart .ViewportWrapper .ControlsInOut #ZoomInButton {
                cursor: pointer;
                position: absolute;
                top: 2px;
                right: 38px;
                width: 37px;
                height: 27px;
                background: url("/im/v8/ZoomInButton.png");
            }

                .LaximoUnitDetail .ImagePart .ViewportWrapper .ControlsInOut #ZoomInButton:hover {
                    background: url("/im/v8/ZoomInHoverButton.png");
                }

            .LaximoUnitDetail .ImagePart .ViewportWrapper .ControlsInOut #ZoomOutButton {
                cursor: pointer;
                position: absolute;
                top: 2px;
                right: 2px;
                width: 36px;
                height: 27px;
                background: url("/im/v8/ZoomOutButton.png");
            }

                .LaximoUnitDetail .ImagePart .ViewportWrapper .ControlsInOut #ZoomOutButton:hover {
                    background: url("/im/v8/ZoomOutHoverButton.png");
                }




        .LaximoUnitDetail .ImagePart .ViewportWrapper .ControlsMinMax {
            cursor: pointer;
            position: absolute;
            top: 15px;
            left: 15px;
            width: 77px;
            height: 31px;
            background: white;
            border-radius: 4px;
        }

            .LaximoUnitDetail .ImagePart .ViewportWrapper .ControlsMinMax #MaximizeButton {
                cursor: pointer;
                position: absolute;
                top: 2px;
                right: 38px;
                width: 37px;
                height: 27px;
                background: url("/im/v8/MaximizeButton.png");
            }

                .LaximoUnitDetail .ImagePart .ViewportWrapper .ControlsMinMax #MaximizeButton:hover {
                    background: url("/im/v8/MaximizeHoverButton.png");
                }

            .LaximoUnitDetail .ImagePart .ViewportWrapper .ControlsMinMax #MinimizeButton {
                cursor: pointer;
                position: absolute;
                top: 2px;
                right: 2px;
                width: 36px;
                height: 27px;
                background: url("/im/v8/MinimizeButton.png");
            }

                .LaximoUnitDetail .ImagePart .ViewportWrapper .ControlsMinMax #MinimizeButton:hover {
                    background: url("/im/v8/MinimizeHoverButton.png");
                }














    .LaximoUnitDetail .ImagePart .ScrollViewport .Zoom .ClickArea {
        position: absolute;
        border: 1px dashed #dcdcdc;
        cursor: pointer;
        background: rgba(255,255,255,0);
    }

        .LaximoUnitDetail .ImagePart .ScrollViewport .Zoom .ClickArea:hover {
            border: 3px dashed #c8081e;
        }

        .LaximoUnitDetail .ImagePart .ScrollViewport .Zoom .ClickArea.Selected {
            border: 3px dashed #c8081e;
        }









.LaximoUnitDetail .TablePart {
}

    .LaximoUnitDetail .TablePart table {
        width: 100%;
    }

        .LaximoUnitDetail .TablePart table th {
            color: white;
            font-weight: normal;
            background: #c8081e;
            text-align: left;
            padding: 4px;
            padding-left: 8px;
            padding-right: 8px;
        }

            .LaximoUnitDetail .TablePart table th.NumberColumn {
                width: 40px;
            }

            .LaximoUnitDetail .TablePart table th.OEColumn {
                width: 100px;
            }

        .LaximoUnitDetail .TablePart table td {
            text-decoration: underline;
            padding: 4px;
            padding-left: 8px;
            padding-right: 8px;
            border-bottom: 1px solid #dcdcdc;
        }

        .LaximoUnitDetail .TablePart table tr:hover td {
            cursor: pointer;
            color: white;
            background: #c8081e;
        }

        .LaximoUnitDetail .TablePart table tr:last-child td {
            border-bottom: 1px solid #c8081e;
        }

.LaximoUnitDetail td.Highlighted {
    background: #c8081e;
    color: white;
}

.LaximoUnitDetail td.Selected {
    background: #c8081e;
    color: white;
}

.LaximoCatalogs {
    display: table;
    width: 100%;
}

    .LaximoCatalogs .TableColumn {
        display: table-cell;
        width: 50%;
    }

    .LaximoCatalogs table {
        vertical-align: top;
        width: 100%;
    }

    .LaximoCatalogs .TableColumn:first-child table {
        padding-right: 15px;
    }

    .LaximoCatalogs table th {
        color: white;
        font-weight: normal;
        background: #d32a29;
        text-align: left;
        padding: 4px;
        padding-left: 8px;
        padding-right: 8px;
    }

        .LaximoCatalogs table th.LogoColumn {
            width: 45px;
        }

        .LaximoCatalogs table th.NameColumn {
        }

        .LaximoCatalogs table th.VersionColumn {
            width: 118px;
            text-align: right;
            padding-right: 10px;
        }

    .LaximoCatalogs table td {
        color: black;
        font-weight: normal;
        padding: 4px;
        padding-left: 8px;
        padding-right: 8px;
        height: 40px !important;
        border-bottom: 1px solid #dcdcdc;
    }


    .LaximoCatalogs .ViewMode {
        color: #a5a5a5;
        font-size: 9px;
        background: #ececec;
        border-radius: 2px;
        width: 55px;
        text-align: center;
        display: inline-block;
        margin-left: 3px;
        margin-top: 3px;
        text-transform: uppercase;
    }

        .LaximoCatalogs .ViewMode.Enabled {
            color: white;
            background: #7b7e86;
        }

    .LaximoCatalogs table tr td:last-child {
        text-align: right;
        font-size: 9px;
    }

    .LaximoCatalogs table tr td:first-child {
        border-bottom: 1px solid white;
    }

    .LaximoCatalogs table tr:last-child td:first-child {
        border-bottom: 1px solid white;
    }

    .LaximoCatalogs table tr:hover td {
        cursor: pointer;
        color: #d32a29;
        background: #f6f6f6;
        border-bottom: 1px solid #d32a29;
    }

        .LaximoCatalogs table tr:hover td .ViewMode.Enabled {
            background: #d32a29;
        }

        .LaximoCatalogs table tr:hover td:first-child {
            background: white;
            border-bottom: 1px solid white;
        }

        .LaximoCatalogs table tr:hover td:nth-child(2) {
            font-size: 14px;
        }




.LaximoUnits .Unit {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 174px;
    text-align: center;
    vertical-align: top;
    margin-right: 0px;
    margin-bottom: 10px;
    border: 1px solid white;
}

    .LaximoUnits .Unit:hover {
        border: 1px solid #d32a29;
        z-index: 998;
    }

        .LaximoUnits .Unit:hover div {
            visibility: visible;
        }

    .LaximoUnits .Unit div {
        cursor: pointer;
        position: absolute;
        bottom: -38px;
        left: -1px;
        background: #3b3b3b url("/im/v8/LaximoDetailArrowRight.png") 150px 14px no-repeat;
        width: 154px;
        text-align: left;
        padding: 10px;
        color: white;
        text-transform: uppercase;
        z-index: 999;
        border: 1px solid #3b3b3b;
        visibility: hidden;
        font-size: 11px;
        font-weight: bold;
    }

    .LaximoUnits .Unit:hover span {
        color: white;
        background: #d32a29;
        text-decoration: none;
    }

    .LaximoUnits .Unit .FullSize {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 999;
        visibility: hidden;
        display: block;
    }

    .LaximoUnits .Unit:hover .FullSize {
        visibility: visible;
    }

    .LaximoUnits .Unit img {
        max-width: 155px;
        margin: 10px;
    }

    .LaximoUnits .Unit span {
        margin-top: 15px;
        display: block;
        text-decoration: underline;
        padding: 10px;
        overflow: hidden;
    }

.LaximoUnits .Categories {
    border: 1px solid #dcdcdc;
    padding: 9px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    background: #f5f5f5;
}

    .LaximoUnits .Categories ul {
        margin: 0px;
        padding: 0px;
    }

        .LaximoUnits .Categories ul li {
            cursor: pointer;
            list-style: none;
            position: relative;
            background: green;
            vertical-align: middle;
            background: #2e3a51;
            box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.3) inset;
            border-right: 1px solid black;
            transition: background-color 0.5s;
        }

            .LaximoUnits .Categories ul li ul {
                position: absolute;
                display: none;
                margin: 0px;
                padding: 0px;
                padding-top: 12px;
                padding-bottom: 12px;
                background: #e02222;
                min-width: 100%;
                z-index: 998;
            }

    .LaximoUnits .Categories span {
        display: inline-block;
        padding: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        text-decoration: none;
        margin-right: 6px;
        margin-bottom: 6px;
        border-radius: 2px;
        background: #d0d0d0 url("/im/v8/LaximoButtonGradient.png") top left repeat-x;
        border: 1px solid #cdcdcd;
        vertical-align: top;
    }

        .LaximoUnits .Categories span:hover {
            color: white;
            background: #c8081e;
            text-decoration: none;
            border: 1px solid #c8081e;
        }

        .LaximoUnits .Categories span.Selected {
            color: white;
            background: #c8081e;
            text-decoration: none;
            border: 1px solid #c8081e;
        }





    .LaximoUnits .Categories a {
        display: inline-block;
        padding: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        text-decoration: none;
        margin-right: 6px;
        margin-bottom: 6px;
        border-radius: 2px;
        background: #d0d0d0 url("/im/v8/LaximoButtonGradient.png") top left repeat-x;
        border: 1px solid #cdcdcd;
        vertical-align: top;
    }

        .LaximoUnits .Categories a:hover {
            color: white;
            background: #c8081e;
            text-decoration: none;
            border: 1px solid #c8081e;
        }

        .LaximoUnits .Categories a.Selected {
            color: white;
            background: #c8081e;
            text-decoration: none;
            border: 1px solid #c8081e;
        }



.LaximoUnits .Search {
    border: 1px solid #dcdcdc;
    background: #f5f5f5;
    padding: 4px;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: top;
}

    .LaximoUnits .Search span {
        padding: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        vertical-align: top;
        display: inline-block;
    }

    .LaximoUnits .Search input[type="text"] {
        border: 1px solid #dcdcdc;
        background: white;
        border-radius: 2px;
        padding: 4px;
        font-size: 12px;
        vertical-align: top;
    }

    .LaximoUnits .Search input[type="button"] {
        cursor: pointer;
        border: 0px;
        background: #c8081e url("/im/v8/LaximoSearchButton.png") center center no-repeat;
        width: 26px;
        height: 24px;
        border-radius: 2px;
        margin: 0px;
        padding: 0px;
        margin-left: 2px;
    }


.LaximoTree .Search {
    border: 1px solid #dcdcdc;
    background: #f5f5f5;
    padding: 4px;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: top;
}

    .LaximoTree .Search span {
        padding: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        vertical-align: top;
        display: inline-block;
    }

    .LaximoTree .Search input[type="text"] {
        border: 1px solid #dcdcdc;
        background: white;
        border-radius: 2px;
        padding: 4px;
        font-size: 12px;
        width: 260px;
        vertical-align: top;
    }

    .LaximoTree .Search input[type="button"] {
        cursor: pointer;
        border: 0px;
        background: #c8081e url("/im/v8/LaximoSearchButton.png") center center no-repeat;
        width: 26px;
        height: 24px;
        border-radius: 2px;
        margin: 0px;
        padding: 0px;
        margin-left: 2px;
    }




.LaximoWizard .Header {
    color: white;
    background: #c8081e url("/im/v8/LaximoSearchIcon.png") 10px 11px no-repeat;
    font-weight: bold;
    padding: 8px;
    padding-left: 30px;
}

.LaximoWizard table {
    width: 100%;
    background: #f6f6f7;
    padding: 30px;
    margin-bottom: 16px;
}

.LaximoWizard td {
    padding-top: 8px;
    padding-left: 8px;
}

    .LaximoWizard td:nth-child(1) {
        width: 100px;
    }

    .LaximoWizard td:nth-child(2) {
        width: 1%;
    }

.LaximoWizard select {
    border: 1px solid #dcdcdc;
    width: 350px;
    cursor: pointer;
}

.LaximoWizard input[type="button"] {
    border: 1px solid #4f4f4f;
    background: #4f4f4f;
    text-transform: uppercase;
    color: white;
    border-radius: 3px;
    font-size: 9px;
    font-weight: bold;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
}

    .LaximoWizard input[type="button"]:Hover {
        border: 1px solid #c8081e;
        background: #c8081e;
    }

    .LaximoWizard input[type="button"].RemoveCondition {
        background: transparent url("/im/v8/ConditionRefreshIcon.png") center center no-repeat;
        border: 0px;
    }

.LaximoWizard input[type="text"] {
    border: 1px solid #dcdcdc;
    width: 300px;
    font-size: 12px;
    padding: 2px;
    padding-left: 4px;
}

.LaximoWizard .ButtonRow {
    text-align: right;
}

.LaximoWizard .ConditionName {
    font-weight: bold;
}

.LaximoWarning {
    color: #787878;
    font-size: 14px;
    font-weight: bold;
    background: #ededed url("/im/v8/LaximoWarningIcon.png") 50px center no-repeat;
    padding: 60px;
    padding-left: 100px;
}

.LaximoWarningButton {
    display: inline-block;
    color: white;
    background: #d32a29 url("/im/v8/LaximoLeftArrowIcon.png") 12px center no-repeat;
    padding: 6px;
    padding-left: 34px;
    padding-right: 32px;
    margin-top: 10px;
    float: right;
    border-radius: 3px;
}

.ViewportWrapper .horizontal-scrollbar {
    height: 2px;
    background: #c8081e;
    position: absolute;
    z-index: 9999;
    bottom: 49px;
}

.ViewportWrapper .vertical-scrollbar {
    width: 2px;
    background: #c8081e;
    position: absolute;
    z-index: 9999;
    right: 0px;
}

.scroll-debugger {
    color: white;
    background: green;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99999;
    padding: 10px;
}

.CheckUncheckDNModal {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9999;
    border-radius: 6px;
    box-shadow: 0px 0px 10px black;
    width: 270px;
}

    .CheckUncheckDNModal .Header {
        color: white;
        font-weight: bold;
        padding: 6px;
        padding-left: 8px;
        padding-right: 8px;
        background: transparent url("/im/v8/links/btn1.png") repeat-x scroll 0% 0% / 1px 100% !important;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .CheckUncheckDNModal .Content {
        padding: 8px;
        background: white;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

        .CheckUncheckDNModal .Content .Text {
            padding: 4px;
            text-align: center;
            font-size: 13px;
            font-weight: bold;
        }

            .CheckUncheckDNModal .Content .Text select {
                display: block;
                width: 100%;
                border: 1px solid #cccccc;
                border-radius: 3px;
                width: 245px;
            }

            .CheckUncheckDNModal .Content .Text textarea {
                display: block;
                width: 241px;
                margin-top: 6px;
                border: 1px solid #cccccc;
                border-radius: 3px;
                height: 100px;
            }

        .CheckUncheckDNModal .Content input[type="submit"] {
            cursor: pointer;
            margin: 0px;
            color: white;
            font-size: 12px;
            border: 1px solid #7B7E86;
            border-radius: 3px;
            padding: 2px;
            background: #888 url("/im/v8/links/btn2.png") repeat-x scroll 0% 0%;
            width: 100%;
            margin-top: 5px;
        }

            .CheckUncheckDNModal .Content input[type="submit"].Highlighted {
                cursor: pointer;
                margin: 0px;
                color: white;
                font-size: 12px;
                border: 1px solid #BF1200;
                border-radius: 3px;
                padding: 2px;
                background: transparent url("/im/v8/links/btn1.png") repeat-x scroll 0% 0%;
                width: 100%;
                display: block;
                margin-top: 8px;
            }



.nakupujBezpecneWrapper {
    top: 320px;
    left: 0px;
    position: fixed;
    border-radius: 0px 10px 10px 0px;
    overflow: hidden;
    width: 230px;
    height: 149px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
}

    .nakupujBezpecneWrapper img {
        width: 230px;
    }

.customProductFlag {
    border-radius: 5px;
    text-align: center;
    padding: 2px 10px;
    /*border: 1px solid #D32A29;*/
    box-shadow: 0px 0px 3px #ff2a29;
    float: left;
    min-width: 145px;
}

    .customProductFlag span {
        display: inline-block;
    }

.col2 .Zoom img {
    max-height: none;
}

.col2 img {
    max-height: 100%;
    max-width: 100%;
}

.img-news-detail img {
    max-height: 100px !important;
}

.usercontent-image img {
    max-height: 100% !important;
}

.btnSwitchMarginPricesImg {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    left: 800px;
}

.coloredInvoiceLabel {
    position: relative;
    height: 36px;
    width: 11px;
    float: right;
    border-radius: 8px 0px 0px 8px;
}

.LegendColorSquare {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin-right: 5px;
}

#boxColorLegend {
    width: 100%;
    padding-top: 25px;
}

    #boxColorLegend table {
        margin: 0px auto;
        padding: 10px 10px;
        background: #ECECEC none repeat scroll 0px 0px;
        border-radius: 10px;
    }

.GordonInvoicePopupLabel {
    position: absolute;
    left: 100%;
    width: 140px;
    margin: 0px;
    padding: 3px;
    color: #000;
    background: #FFE none repeat scroll 0% 0%;
    border: 1px solid #555;
}

.ElectroDiscountTag {
    background: red;
    color: white;
    font-weight: bold;
    display: block;
    padding: 2px;
    text-transform: uppercase;
    margin: 6px;
    margin-top: 8px;
    border-radius: 2px;
    text-align: center;
}

.reclamationDescriptionBoxWrapper {
    background-color: #ECECEC;
}

.reportPanel {
    padding: 10px 5px;
    background: none repeat scroll 0 0 #5A5C63;
}

    .reportPanel .ajax__tab_body {
        height: 100%;
    }

    .reportPanel .ajax__tab_panel {
        height: 100%;
    }

        .reportPanel .ajax__tab_panel .completedPackagePanel {
            height: 100%;
        }

            .reportPanel .ajax__tab_panel .completedPackagePanel embed {
                width: 100%;
                margin: 0px auto;
                height: 90%;
            }

.APTabContainer .ajax__tab_header {
    border-bottom: 1px solid white;
    height: 31px;
}

    .APTabContainer .ajax__tab_header .ajax__tab_outer {
        display: block;
        float: left;
        height: 31px;
        margin: 0px 4px 0px 0px;
        cursor: pointer;
    }

    .APTabContainer .ajax__tab_header .ajax__tab_inner {
        display: block;
        float: left;
        height: 31px;
        margin: 0px 4px 0px 0px;
        cursor: pointer;
    }

.APTabContainer .ajax__tab_tab {
    display: block;
    top: 4px;
    height: 22px;
    margin: 0px;
    padding: 8px 10px 0px;
    background: #F5F5F5 none repeat scroll 0% 0%;
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    border-radius: 3px 3px 0px 0px;
    font-weight: bold;
    text-decoration: none;
}

.APTabContainer .ajax__tab_active .ajax__tab_tab {
    display: block;
    top: 4px;
    height: 23px;
    margin: 0px;
    padding: 8px 10px 0px;
    color: #DF1C0E;
    background: #FFF none repeat scroll 0% 0%;
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    border-radius: 3px 3px 0px 0px;
    font-weight: bold;
    text-decoration: none;
}

.indivCenaByMin {
    font-size: 11px;
    color: green;
    line-height: 11px;
}

.InterteamBasketAvailibilityWrapper {
    text-align: center;
    cursor: default;
    position: relative;
}

    .InterteamBasketAvailibilityWrapper:hover .InterteamBasketAvailibility2 {
        display: block;
    }

    .InterteamBasketAvailibilityWrapper:hover .InterteamBasketAvailibility1 {
        border-bottom: 1px solid black;
        border-right: none;
        background-color: #ECECEC;
    }

.InterteamBasketAvailibility1 {
    overflow: hidden;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.InterteamBasketAvailibility2 {
    padding: 0px 5px 0px 5px;
    border-bottom: 1px solid black;
    border-top: 1px solid transparent;
    border-left: none;
    background-color: #ECECEC;
    position: absolute;
    top: 0px;
    left: 100%;
    display: none;
}

/*INTERTEAM CART*/

.InterteamCartTable {
    width: 100%;
    border: 1px #AAA solid;
}

    .InterteamCartTable tr {
        margin: 0px;
        padding: 0px;
    }

        .InterteamCartTable tr th {
            background-color: #959595;
            border-collapse: separate !important;
            color: #FFF;
            border: 1px #AAA solid;
            padding: 4px;
        }

            .InterteamCartTable tr th:first-child {
                border-right: 1px solid transparent;
                text-align: left;
            }

            .InterteamCartTable tr th:nth-child(3) {
                text-align: left;
            }

        .InterteamCartTable tr:nth-child(odd) td {
            background-color: #EAEAEA;
        }

    .InterteamCartTable tr {
        border: none;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }

        .InterteamCartTable tr td {
            width: 1px;
            border: none;
            padding: 3px;
            text-align: center;
        }

            .InterteamCartTable tr td:nth-child(1) {
                text-align: left;
                white-space: nowrap;
            }

            .InterteamCartTable tr td:nth-child(2) {
                text-align: left;
                font-weight: bold;
                white-space: nowrap;
            }

            .InterteamCartTable tr td:nth-child(3) {
                text-align: left;
                font-weight: bold;
            }

            .InterteamCartTable tr td:nth-child(3) {
                width: auto;
                text-align: left;
            }

            .InterteamCartTable tr td:nth-child(8) {
                white-space: nowrap;
            }

            .InterteamCartTable tr td:nth-child(9) {
                white-space: nowrap;
            }

    .InterteamCartTable .InterteamAmountSelector table tr td {
        margin: 0px;
        padding: 0px;
        background: transparent;
    }

    .InterteamCartTable .q {
        width: 41px;
        height: 14px;
        padding: 2px;
        border-radius: 3px;
        text-align: center;
        display: block;
    }

.InterteamCartGroupName {
    font-weight: bold;
    margin-top: 25px;
    display: block;
}

.InterteamCartDeleteButton {
    background-color: #c30804;
    color: #FFF;
    text-decoration: none;
    color: #FFF;
    padding: 2px 10px 2px 10px;
    border-radius: 0px;
    text-shadow: 1px 1px #6E0200;
}

.Headline {
    font-weight: bold;
    font-size: 16px;
}

.RedText {
    color: #D32A29;
}

.GreenText {
    color: #3ddb0f;
}

.InterteamCartTitle {
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
}

.DeliveryNoteListInvoiceStatus {
    width: 16px;
    height: 16px;
    display: block;
    text-align: center;
    line-height: normal;
    border-radius: 100%;
}

    .DeliveryNoteListInvoiceStatus.CZ {
        background-color: transparent;
        width: 0px;
        height: 0px;
    }

    .DeliveryNoteListInvoiceStatus.Z {
        background-color: #91d100;
    }

    .DeliveryNoteListInvoiceStatus.C {
        background-color: #FEA500;
    }

    .DeliveryNoteListInvoiceStatus.N {
        background-color: #E51400;
    }

.DeliveryNoteListInvoiceStatusCode {
    padding: 2px;
    display: block;
    background-color: #FFFFEE;
    color: #222;
}

.modalContainer {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
    background-image: url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

.alertBox {
    position: relative;
    width: 300px;
    min-height: 100px;
    margin-top: 50px;
    border: 1px solid #666;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 20px 30px;
}

.modalContainer > .alertBox {
    position: fixed;
}

.alertBox h1 {
    margin: 0;
    font: bold 0.9em verdana,arial;
    background-color: #434245;
    color: #FFFFFF;
    border-bottom: 1px solid #000;
    padding: 2px 0 2px 5px;
}

.alertBox p {
    height: 50px;
    padding-left: 5px;
    margin-left: 55px;
}

.alertBox .closeBtn {
    margin: 10px 10px 10px !important;
    padding: 5px 5px 5px 5px;
    border: 0 none;
    width: 70px;
    font: 0.7em verdana,arial;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    background-color: #bf1200;
    border-radius: 3px;
    text-decoration: none;
    float: left;
    cursor: pointer;
}

.dialogContainer {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
    background-image: url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

.dialogBox {
    position: relative;
    width: 480px;
    min-height: 100px;
    margin-top: 50px;
    border: 1px solid #666;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 20px 30px;
}

.dialogContainer > .dialogBox {
    position: fixed;
}

.dialogBox h1 {
    margin: 0;
    font: bold 0.9em verdana,arial;
    background-color: #434245;
    color: #FFFFFF;
    border-bottom: 1px solid #000;
    padding: 2px 0 2px 5px;
}

.dialogBox p {
    /* height: 50px; */
    padding-left: 5px;
    margin-left: 20px;
}

.dialogBox .closeBtn {
    margin: 10px 10px 10px !important;
    padding: 5px 5px 5px 5px;
    border: 0 none;
    width: 70px;
    font: 0.7em verdana,arial;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    background-color: #bf1200;
    border-radius: 3px;
    text-decoration: none;
    float: right;
    cursor: pointer;
}

.appl-block-message-background {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(84, 84, 84, 0.54) none repeat scroll 0% 0%;
    z-index: 50001;
}

.appl-block-message {
    display: block;
    padding: 30px;
    z-index: 100000;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    background-color: #C8CACE;
    text-align: center;
    font-size: 16px;
    border: 2px solid #5A5C63;
}

.appl-block-message-button {
    padding: 5px 25px;
    background-color: #5A5C63;
    color: white;
    border: 0px solid;
    cursor: pointer;
}


.popup-message-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(84, 84, 84, 0.54) none repeat scroll 0% 0%;
    z-index: 50001;
}

.popup-message-topbar {
    background-color: #db0f17;
    color: #FFFFFF;
    font-size: 12px;
    padding: 5px;
}

.popup-message-text {
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
}

.popup-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
    height: 200px;
    background-color: #D6D6D6;
}

.SuggestedItemsBlock {
    position: fixed;
    right: 0;
    top: 0;
    width: 680px;
    color: #555555;
    background: #ECECEC;
    font-weight: bold;
}

    .SuggestedItemsBlock .TopPanel {
        position: relative;
        height: 26px;
        color: #FFFFFF;
        background: url("/im/v8/links/btn1.png") repeat-x !important;
        line-height: 24px;
        font-size: 14px;
        padding-left: 10px;
    }

    .SuggestedItemsBlock .Content {
        padding: 10px;
    }

    .SuggestedItemsBlock .button2 {
        position: absolute;
        top: 0;
        right: 0;
        margin: 2px;
    }

    .SuggestedItemsBlock .button1 {
        float: right;
        margin: 15px 4px 15px 0px;
        width: 50px;
    }

.YourPricePanel {
    margin-bottom: 10px;
}

.YourPriceLabel {
    font-weight: bold;
    font-size: 13px;
}

.YourPricewodph {
    font-weight: bold;
    font-size: 14px;
}

.YourPricewdph {
    font-weight: bold;
    font-size: 14px;
}

.EshopPriceLabel {
    font-weight: bold;
    font-size: 13px;
}

.OverdueInvoiceHighlight {
    background-color: rgb(252, 128, 128);
}

.price-tooltip {
    position: fixed;
    z-index: 999999;
    margin: 0px 0 0 0;
    padding: 10px;
    color: #000000;
    background: #FFFFEE;
    border: 1px solid #999999;
    border-radius: 4px;
    font-size: 11px;
    transform: translateX(-50%);
}

    .price-tooltip table tbody tr td {
        white-space: nowrap;
    }

.replace-title {
    font-family: Segoe UI,Arial,Tahoma,Verdana,Helvetica;
    font-size: 12px;
    font-weight: bold;
    background-color: rgb(230, 230, 230);
    padding-left: 20px;
    margin-left: 10px;
    margin-right: 40px;
    padding-right: 612px;
}

.laximo-embedded-back-button {
    background: #d32a29;
    margin: 5px 0px;
    padding: 5px 15px;
    cursor: pointer;
    display: inline-block;
    color: white;
    text-align: center;
}

.BannerForNewVersion {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 999;
    background: #2D2D2D;
    top: 0px;
    height: 100px;
    -webkit-transition: height 2s; /* Safari */
    transition: height 2s;
    -moz-animation-name: slideBanner;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 1.5s;
    -webkit-animation-name: slideBanner;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 1.5s;
    animation-name: slideBanner;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 1.5s;
}

@-moz-keyframes slideBanner {
    0% {
        -moz-transform: translateY(-180px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-webkit-keyframes slideBanner {
    0% {
        -webkit-transform: translateY(-180px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes slideBanner {
    0% {
        transform: translateY(-180px);
    }

    100% {
        transform: translateY(0);
    }
}

.BannerForNewVersionWrap {
    width: 1004px;
    height: 100px;
    top: 0px;
    position: relative;
    margin: 0 auto;
}

.BannerForNewVersionLabel {
    color: #fff;
    font-size: 20px;
    display: inline-block;
    margin-top: 30px;
    text-transform: uppercase;
}

    .BannerForNewVersionLabel:before {
        content: url(/im/n/ikona.png);
        vertical-align: -50%;
        height: 45px;
        width: 57px;
        margin-right: 20px;
    }

.RedirectBannerForNewVersionButton {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 178px;
    height: 41px;
    background: url(/im/n/button.png) no-repeat;
    position: relative;
    vertical-align: -13px;
    margin-left: 100px;
    margin-top: 30px;
    cursor: pointer;
}

.RedirectBannerForNewVersionButtonText {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    left: 0;
    position: absolute;
    margin: 5px 0 0 15px;
}

.ExitBannerForNewVersionButton {
    display: inline-block;
    width: 14px;
    height: 15px;
    margin: 0;
    padding: 0;
    top: 10px;
    right: 0;
    position: absolute;
    background: url(/im/n/krizek.png) no-repeat;
    cursor: pointer;
}

.table-overflow {
    max-width: 100%;
    overflow-x: auto;
}

.block-message-background {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(84, 84, 84, 0.54) none repeat scroll 0% 0%;
    z-index: 100000;
}

.block-message-wrapper {
    display: block;
    /*padding: 30px;*/
    z-index: 100001;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    /*background-color: #C8CACE;*/
    text-align: center;
    font-size: 16px;
    /*border: 2px solid #5A5C63;*/
    width: 500px;
    height: 500px;
    overflow: hidden;
}

.block-message-block {
    display: block;
    z-index: 100002;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    width: 415px;
    height: 160px;
    background: #ECECEC;
    overflow: hidden;
}

    .block-message-block#AfterLoginOverdueInvoices {
        width: 415px;
        height: 160px;
    }

    .block-message-block#AfterLoginPopupAPPLRulesPDF {
        width: 1024px;
        height: 590px;
    }

.block-message-header-block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #db210b url(/im/n/ico_fakpospl.png) no-repeat 5px center;
    background-image: url(/im/n/ico_fakpospl.png),linear-gradient(#db210b, #be1104);
    background-image: url(/im/n/ico_fakpospl.png),-moz-linear-gradient(#db210b, #be1104);
    background-image: url(/im/n/ico_fakpospl.png),-o-linear-gradient(#db210b, #be1104);
    background-image: url(/im/n/ico_fakpospl.png),-webkit-linear-gradient(#db210b, #be1104);
    background-repeat: no-repeat;
    background-position: 5px center;
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
}

.block-message-content-block {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    background: none repeat scroll 0 0 #ECECEC;
}

.block-message-actions-block {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.popup-message-button {
    display: inline-block;
    right: 0px;
    text-align: center;
    cursor: pointer;
    margin: 10px;
    background-color: #5A5C63;
    padding: 5px 25px;
    color: white;
    border: 0px solid;
    white-space: nowrap;
}

input[type=checkbox]:checked + .checkbox {
    background: green;
}

.popup-message-checkbox {
    background: #ffffff;
    display: inline-block;
    height: 16px;
    margin: 0 5px 0 0;
    border: 1px solid #D0D4D8;
    border-radius: 2px;
    padding: 0;
}

.popup-message-checkbox-label {
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
}

.overFlowTable {
    /*overflow-x: auto;*/
}

    .overFlowTable:before, .overFlowTable:after {
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
    }

    .overFlowTable:after {
        clear: both;
    }

.overFlowTable {
    zoom: 1;
}
/* IE < 8 */

.subuser-setting-margin-wrapper {
    background: #efefef;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 30px;
}

.subuser-setting-margin-row .popup-message-button {
    margin: 0px 10px;
}

.subuser-setting-margin-margin-input, .subuser-setting-margin-brand-input {
    padding: 4px;
    font-size: 14px;
    text-align: right;
    width: 50px;
    margin-right: 5px;
}

.subuser-setting-margin-margin-select {
    width: 150px;
    padding: 4px;
    font-size: 14px;
    margin-right: 5px;
}

.subuser-setting-margin-brand {
    font-size: 15px;
}

.subuser-setting-title {
    padding: 5px 5px 5px 30px;
    color: #C7090A;
    font-size: 20px;
    font-weight: bold;
    background: url(/im/n/user26.png) no-repeat 0px 6px;
}

.subuser-setting-name, .subuser-setting-company {
    font-size: 20px;
}

.subuser-setting-company-caption, .subuser-setting-name-caption {
    font-size: 16px;
}

.subuser-setting-header-wrapper {
    padding-bottom: 30px;
}

.subuser-setting-margin-headline-wrapper {
    display: block;
    height: 42px;
    position: relative;
}

.subuser-setting-margin-headline {
    font-size: 16px;
    display: inline-block;
    padding: 5px 5px 5px 0px;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    position: relative;
}

.subuser-setting-margin-headline-button {
    position: absolute;
    right: 0px;
    top: 0;
    margin-right: 0px;
}

.subuser-setting-new-margin-wrapper {
    background: #d4d4d4;
    padding: 0px 10px;
    margin: 10px 0px;
}

.text-center {
    width: 100%;
    text-align: center;
}

.text-underline {
    color: red;
    text-decoration: underline;
    font-weight: bold;
    font-family: verdana,geneva,sans-serif;
    font-size: 12px;
}

.text-center > br {
    margin: 0px 0px;
}
/*max-height: 98px;
overflow: hidden;*/
.creditGreen {
    color: green;
}

.creditRed {
    color: red;
}

.off-visibility {
    Visibility: collapse;
}

.tableinfo.tablepager {
    width: auto !important;
}

    .tableinfo.tablepager .pager td {
        padding: 5px 5px 0 0;
    }


.visible-hidden {
    visibility: hidden;
    display: none;
}

.alert-background {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(10,10,10,0.4);
}

    .alert-background > .alert-square {
        border-style: solid;
        border-width: 1px;
        position: fixed;
        background-color: white;
        height: 15em;
        left: calc(50% - 16.5em);
        top: calc(35% - 7.5em);
        width: 28em;
        opacity: 1;
        text-align: center;
        padding-left: 38px;
        padding-right: 38px;
    }

        .alert-background > .alert-square .button {
            margin: 60px 10px 10px !important;
            padding: 5px 5px 5px 5px;
            border: 0 none;
            font: 0.7em verdana,arial;
            text-transform: uppercase;
            text-align: center;
            color: #FFFFFF;
            background-color: #bf1200;
            border-radius: 3px;
            text-decoration: none;
            cursor: pointer;
            font-size: 12px;
        }

.alertBlock-center-load {
    margin-top: 20px;
}

.alertBlock-center {
    margin-top: 20px;
}

.alert-background > .alert-square .alert-text {
}

.alert-background > .alert-square .alert-text-load {
    margin-top: 30px;
    text-align: center;
}

.alert-close {
    position: absolute;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    left: calc(100% - 35px);
    top: 3px;
}

    .alert-close:hover {
        opacity: 1;
    }

    .alert-close:before, .alert-close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #333;
    }

    .alert-close:before {
        transform: rotate(45deg);
    }

    .alert-close:after {
        transform: rotate(-45deg);
    }

/*{
    transform: rotate(-45deg);
}*/

.header-delivery {
    position: relative;
    float: right;
    margin: 35px 0px 0px 0px;
}

.header-delivery-box {
    width: 255px;
    height: 55px;
    background-color: rgba( 0, 0, 0, 0.3);
    border-radius: 3px;
    text-align: left;
}

    .header-delivery-box .timer-values {
        margin: 0px 10px 0px 10px;
        float: left;
    }

        .header-delivery-box .timer-values span {
            font-size: 14px;
            font-family: Segoe UI,Arial,Tahoma,Verdana,Helvetica;
            color: #ffffff;
            letter-spacing: 1px;
        }

        .header-delivery-box .timer-values .time-text {
            font-weight: bold;
            float: left;
            margin-right: 3px;
        }

        .header-delivery-box .timer-values .time-value {
            float: right;
        }

    .header-delivery-box .image-box {
        background: url("/im/v8/truck.png") no-repeat scroll 0 0 transparent;
        height: 32px;
        width: 32px;
        float: left;
        margin: 10px 20px 10px 30px;
    }

.tooltip-box {
    padding: 3px;
    border: 1px solid black;
    background-color: rgb(243, 243, 149);
    display: none;
    bottom: 21px;
    border-radius: 10px;
    width: 200px;
}

.dropdown-basket {
    margin-bottom: 2px;
    width: 100%;
}


.data .dropdown-basket {
    margin-bottom: 2px;
    width: 199px;
    margin-left: 54px;
}

.basket .basketgrid select.dropdown-basket {
    width: 45px;
}

.popup-background {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(10,10,10,0.4);
}

    .popup-background > .popup-box {
        border-radius: 6px;
        border-style: solid;
        border-width: 1px;
        position: fixed;
        background-color: white;
        left: calc(50% - 400px);
        top: calc(35% - 250px);
        opacity: 1;
        /*text-align: center;*/
        overflow: hidden;
        box-shadow: 5px 5px 30px black;
        max-width: 800px;
    }

.popup-box > .popup-title-box {
    background-color: #AC0521;
    padding: 5px 12px 5px 12px;
    display: inline-block;
    overflow: hidden;
    min-width: 400px;
    justify-content: space-between;
    display: flex;
}

.popup-title-box > .popup-title {
    font-size: 16px;
    font-family: Segoe UI,Arial,Tahoma,Verdana,Helvetica;
    color: #ffffff;
    letter-spacing: 1px;
    font-weight: bold;
    text-shadow: 5px 5px 30px black;
}

.popup-title-box .popup-box-cancel {
}

    .popup-title-box .popup-box-cancel > .popup-cancel {
        background: url("/im/v8/close-browser.png") no-repeat scroll 0 0 transparent;
        border: 0px;
        width: 16px;
        height: 16px;
    }

.popup-title-box .popup-cancel:hover {
    cursor: pointer;
}

.popup-box > .popup-square {
    background-color: white;
    padding: 2px 12px 8px 12px;
    min-height: 200px;
    max-height: 800px;
}

.popup-box > .popup-data-box {
    overflow-y: scroll;
}

.row3 {
    display: block;
    font-size: 12px;
    font-family: Segoe UI, Arial, Tahoma, Verdana, Helvetica;
    color: #111111;
    line-height: 0%;
}


.FloatRight {
    float: right;
}

.padding-classic {
    position: relative;
    padding: 10px;
}

.width-half {
    width: 50%;
}

.box-bordered {
    border-style: solid;
    border-width: 0.5px;
    width: 100%;
    height: auto;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 10px;
    padding: 15px;
}

.box-captcha {
    border-style: solid;
    border-width: 0.5px;
    width: 100%;
    height: auto;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 10px;
    padding: 15px;
}

.col {
    display: inline-flex;
    width: 100%;
    margin-top: 10px;
}

.table-container {
    width: 100%;
    border-spacing: 0 5px;
    font-size: 12px;
    font-family: Segoe UI, Arial, Tahoma, Verdana, Helvetica;
    color: #111111;
}

.table-header {
    width: 100%;
}

.table-container thead tr th {
    border-bottom: 0.5px solid black;
    margin-bottom: 0px 5px 5px 5px;
}

.table-container tbody tr td {
    border-bottom: 0.5px dashed black;
    margin-bottom: 0px 5px 5px 5px;
}

.table-body {
    width: 100%;
    text-align: center;
}

.column-box-item1 {
    width: 50%;
}

.row-content {
    display: inline-flex;
    margin: 0px 10px 0px 10px;
    width: 100%;
    text-align: center;
}

.row-item {
    width: 100%;
    margin-top: 10px;
}

.title-middle {
    font-size: 16px;
    font-weight: bold;
    font-family: Segoe UI, Arial, Tahoma, Verdana, Helvetica;
}

.top-line {
    border-top: 1px solid;
}

.top-padding-s {
    padding: 10px 0;
}

display-block {
    display: block;
}

.text-underline-s {
    text-decoration: underline;
    font-weight: bold;
}

.text-underline-warning-s {
    text-decoration: underline;
    font-weight: bold;
    color: red;
}

.box-backgrounded-black {
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 6px;
    float: left;
    padding-left: 10px;
}

.table-header-background-black {
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 6px;
    padding-left: 10px;
    font-size: 14px;
}

.table-content-row {
    text-align: center
}

.title-left-m {
    margin: 10px 0px 10px 0px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    left: 0px;
}

.col-2 {
    float: left;
    width: 50%;
}

.row {
    width: 100%;
}

.label-key {
    width: 30%;
    text-align: right;
    font-weight: bold;
}

.labelkey-valuekeyform {
    width: 0%;
}

.label-value {
    margin-left: 20px;
    display: block;
}

.button-classic {
    border-radius: 6px;
    background-color: #B5B5B5;
    border: none;
    padding: 5px;
    margin-right: 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    width: 50%;
}

.updateLoadingBackground {
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(10,10,10,0.4);
}

    .updateLoadingBackground > .updateLoadingBox {
        position: absolute;
        margin-top: 20%;
        margin-left: 30%;
    }

.loadingGif {
    /*background: #ffffff url(/im/v8/loadingJoke.gif) repeat-y center;*/
    min-width: 300px;
    min-height: 300px;
    position: absolute;
}

.mt-3 {
    margin-top: 3em;
}

.v8 .tableinfo tr td {
    padding: 4px 4px;
}

.info-topay-panel {
    padding: 0 5px 10px;
    font-size: medium;
    width: 300px;
    display: flex;
    justify-content: space-between;
}

    .info-topay-panel .topay-value {
        padding: 0px 5px 0px 5px;
    }

.btn-primary {
    overflow: hidden;
    height: 22px;
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    text-align: center;
    background-color: #D91C08;
    border: 1px solid #D91C08;
    border-radius: 3px;
    color: white;
    font-size: 14px !important;
    cursor: pointer;
}

.popup-background-layout {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(10,10,10,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

    .popup-background-layout .popup-card {
        display: flex;
        flex-direction: column;
        min-width: 250px;
        min-height: 120px;
        background-color: white;
        position: absolute;
        border-style: solid;
        border-width: 1px;
        border-color: gray;
        border-radius: 3px;
        width: 300px;
    }

.popup-card .popup-card-header {
    padding: 2px 5px;
    background-color: #D91C08;
    min-height: 10px;
    color: white;
    font-size: 17px !important;
    display: flex;
    justify-content: center;
}

.popup-card .popup-card-body {
    padding: 5px 20px;
    flex-grow: 2;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-card .popup-card-footer {
    border-top: solid;
    border-width: 1px;
    border-color: rgba(128, 128, 128, 0.28);
    padding: 5px 5px;
    min-height: 10px;
    display: flex;
    justify-content: flex-end;
}

.btn-secondary {
    overflow: hidden;
    height: 22px;
    padding: 2px 10px;
    font-size: 12px;
    text-align: center;
    background-color: #231F20;
    border: 1px solid #231F20;
    border-radius: 3px;
    color: white;
    font-size: 14px !important;
    cursor: pointer;
}

.btn {
    margin: 0px 5px;
}

.form-input-name {
    margin-right: 5px;
}

.warning-color {
    color: #EB4D0E;
}

.form-row{
    display: flex;
    justify-content:space-between;
    margin-left: 5px;
    margin-right: 5px;
}

.form-column {
    display: flex;
    flex-direction: column;
    margin-left: 5px;
    margin-right: 5px;
}

.container{
    width: 100%;
}

.form-input-value {
    padding-right: 5px;
}
