.modal-header
{
    font-size: 12px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
}

h4.zakaz_header
{
    margin: 0px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    text-rendering: optimizelegibility;
}

h4.sizes_header
{
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    text-rendering: optimizelegibility;
}

h4.sizes_header_red
{
    color: #E30A02;
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    text-rendering: optimizelegibility;
}

.modal-header h3.sizes_header
{
    font-size: 24px;
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    text-rendering: optimizelegibility;
}

[class^="icon-"],
[class*=" icon-"]
{
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/Images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.icon-info-sign
{
    background-position: -120px -96px;
    vertical-align: middle;
}

.modal-backdrop
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade
    {
        opacity: 0;
    }

        .modal-backdrop,
        .modal-backdrop.fade.in
        {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

.modal
{
    position: fixed;
    top: 50%;
    left: 45%;
    z-index: 1050;
    overflow: auto;
    width: 725px;
    margin: -250px 0 0 -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    /* IE6-7 */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

    .modal td
    {
        line-height: 20px;
    }

    .modal.fade
    {
        -webkit-transition: opacity .3s linear, top .3s ease-out;
        -moz-transition: opacity .3s linear, top .3s ease-out;
        -o-transition: opacity .3s linear, top .3s ease-out;
        transition: opacity .3s linear, top .3s ease-out;
        top: -25%;
    }

        .modal.fade.in
        {
            top: 50%;
        }

.modal-header
{
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

    .modal-header .close
    {
        margin-top: 2px;
    }

    .modal-header h3
    {
        margin: 0;
        line-height: 30px;
        font-family: Tahoma, Verdana, Arial, sans-serif;
    }

.modal-body
{
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 20px;
}

    .modal-body .buttons2, .modal-body .buttons2 a
    {
        font-size: 1.0em;
        font-family: Tahoma, Verdana, Arial, sans-serif;
        color: #333333;
        line-height: 20px;
    }

    .modal-body .text div,
    .modal-body .text,
    .modal-body br,
    {
        font-family: Tahoma, Verdana, Arial, sans-serif;
        color: #333333;
        line-height: 20px;
    }

        .modal-body .text table td
        {
            font-family: Tahoma, Verdana, Arial, sans-serif;
            color: #333333;
            vertical-align: middle;
        }

            .modal-body .text table td b
            {
                font-family: Tahoma, Verdana, Arial, sans-serif;
                color: #333333;
            }

.modal-form
{
    margin-bottom: 0;
}

.modal-footer
{
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
}

    .modal-footer:before,
    .modal-footer:after
    {
        display: table;
        content: "";
        line-height: 0;
    }

    .modal-footer:after
    {
        clear: both;
    }

    .modal-footer .btn + .btn
    {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn
    {
        margin-left: -1px;
    }

.close
{
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover
    {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

button.close
{
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.hide
{
    display: none;
}

.show
{
    display: block;
}

.invisible
{
    visibility: hidden;
}

.fade
{
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in
    {
        opacity: 1;
    }

.hidden
{
    display: none;
    visibility: hidden;
}

.wmk .tdot td.sizes_border
{
    border-bottom: none;
}

.wmk .tdot td
{
    border-bottom: dotted windowtext 1.0pt;
    font-family: Tahoma,Verdana,Arial,sans-serif;
}

.wmk .tnone
{
    border-bottom: none;
    font-family: Tahoma,Verdana,Arial,sans-serif;
}

.wmk thead td
{
    border-bottom: solid windowtext 1.0pt;
}

.wmk img
{
    vertical-align: middle;
}

.wmk
{
    line-height: 20px;
}

.wmk_hidden
{
    line-height: 20px;
    display: none;
}

#measures thead td
{
    border-bottom: solid windowtext 1.0pt;
}

#measures table tr td b
{
    font-family: Tahoma,Verdana,Arial,sans-serif;
}

td.click, th.click
{
    background-color: #EEE;
}

td.hover, tr.hover
{
    background-color: #EEE;
}

th.hover, tfoot td.hover
{
    background-color: ivory;
}

td.hovercell, th.hovercell
{
    background-color: #ccc;
}

td.hoverrow, th.hoverrow
{
    background-color: #6df;
}

.container .ordercatalog_zakaz
{
    width: 140px;
    height: 250px;
    float: left;
    margin: 15px 19px;
}

    .container .ordercatalog_zakaz h4
    {
        font-size: 0.8em;
    }

    .container .ordercatalog_zakaz .left
    {
        width: 153px;
        float: left;
    }

        .container .ordercatalog_zakaz .left img.pointer
        {
            width: 151px;
            border: solid 1px #ccc;
            margin: 0px 0px 10px;
        }

        .container .ordercatalog_zakaz .left div:hover img.pointer
        {
           background-color: black;
           opacity: 0.4;
        }

    .container .ordercatalog_zakaz h4
    {
        font-weight: bold;
        margin: 0px 0px 10px;
    }

    .container .ordercatalog_zakaz input
    {
        margin-bottom: 5px;
    }

    div.buttons a
    {
        color: #70208f;
        font-weight: bold;
        font-size: large;
        font-style: italic;
        text-decoration: none;
        border-bottom: 2px dashed;
        margin-right: 25px;
    }

        div.buttons a.active
        {
            color: red;
            border-bottom: none;
        }

        div.buttons a:hover
        {
           color: red;
           border-bottom: none;
        }

.navmenu
{
    position: absolute;
    width: 175px;
}

    /* first level */

    .navmenu ul
    {
        margin: 0;
    }

        .navmenu ul li
        {
            display: block;
        }

            .navmenu ul li a
            {
                font-weight: bold;
                color: #000;
                display: block;
                text-decoration: none;
                line-height: 2em;
                text-align: left;
                padding: 3px 15px;
            }

                .navmenu ul li a:hover,
                .navmenu ul li a.active
                {
                    background-color: #e0e0e0;
                }

.helpmenu
{
    width: 175px;
    height: 220px;
    vertical-align: top;
}

.size_menu
{
    position: static;
    float: right;
}

td.help_td
{
    vertical-align: baseline;
}

ul.help_list
{
    margin: 0 0 10px 25px;
    list-style: circle;
}

ol.help_list
{
    margin: 0 0 10px 25px;
    list-style: decimal;
}

[class^="icon-"], [class*=" icon-"]
{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/Images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-white, .nav > .active > a > [class^="icon-"], .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"]
{
    background-image: url("/Images/glyphicons-halflings-white.png");
}

.icon-question-sign
{
    background-position: -96px -96px;
}

table.dictionary
{
    width: 100%;
    border: 1px solid black;
}

td.white_td
{
    background-color: #ffffff;
    padding-left: 10px;
    border: 1px solid black;
}

td.gray_td
{
    background-color: #e0e0e0;
    padding-left: 10px;
    border: 1px solid black;
}

ul.nav > li
{
    position: relative;
}

    ul.nav li a
    {
        color: #000;
        display: block;
        text-decoration: none;
    }

    ul.nav > li.menu
    {
        min-width: 20%;
        float: left;
    }

        ul.nav > li.menu > a
        {
            font-size: 0.95em; 
            line-height: 2em;
            text-align: center;
            padding: 0px 15px;
            border-bottom: 2px solid black;
        }

        ul.nav > li:hover > a,
        ul.nav > li.active > a
        {
            background-color: #e0e0e0;
            border-bottom: 2px solid #E21523;
        }

/* Submenu Entities */

div.entity_menu
{
    float:left;
    width:230px;
    color: #70208f;
    border: solid 1px #6a3884;
    border-radius: 16px;
    background-color: #fff;
}

div.entity_menu ul
{
    padding-left: 10px;
    padding-right: 10px;
}

div.entity_menu ul li
{
    border-bottom: solid 1px gray;
    padding: 5px 5px 5px 15px;
}

div.entity_menu ul li:last-child
{
    border-bottom: none;
}

div.entity_menu ul li a
{
    color: #70208f;
    font-weight: bold;
    font-size: small;
    text-decoration: none;
}

div.entity_menu > ul li.active a, div.entity_menu ul li a:hover
{
    color: red;
}

div.entity_menu ul li ul li
{
    border-bottom: none;
    padding: 0px 5px;
}

div.entity_menu ul li ul li a
{
    color: black;
    font-weight: normal;
    font-size: small;
    text-decoration: none;
}


/* Submenu Suppliers */

div.suppliers_list
{
    width: 745px;
    float: right;
}

div.suppliers_list ul
{
    list-style: none;
    margin-left: 10px;
}

div.suppliers_list ul li
{
    display: block;
    float: left;
    margin: 4px 10px 4px 10px;
    font-size: 0.8em;
}

div.suppliers_list ul li a
{
    color: grey;
    text-decoration: none;
    border-bottom: 1px dashed;
}

div.suppliers_list ul li.active a, div.suppliers_list ul li a:hover
{
    color: red;
    border-bottom: none;
}

div #zakaz_catalogs
{
    width: 745px;
    float: right;
}

div.ecatalog
{
    width: 725px;
    float: right;
}

div.upButton
{
    position: relative;
    float: left;
}
div.leftButton
{
    left: -235px;
}

i.up
{
    display: inline-block;
    background-image: url("/NewImages/upbutton.png");
    width: 52px;
    height: 46px;
}

.container .ordercatalog_zakaz .left td div img.label {position:absolute; display:none; z-index:1000; top:50px; left:5px; width: 140px;}
.container .ordercatalog_zakaz .left td div:hover img.label {display:inline-block;}

.container .ordercatalog .left td div img.label {position:absolute; display:none; z-index:1000; top:50px; left:5px; width: 140px;}
.container .ordercatalog .left td div:hover img.label {display:inline-block; border:0px; }
/*.container .ordercatalog .left td div:hover img.catalog_image { background-color: black; opacity: 0.4; }*/

.modal-footer input[type="button"].close_button
{
    background-image: url("/Images/v2/btn2.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0 none;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Tahoma,Verdana,Sans-Serif;
    font-size: 0.75em;
    font-weight: bold;
    height: 29px;
    line-height: 26px;
    padding: 0;
    width: 153px;
}

input[type=button].close_button:hover { background-image: url('/Images/v2/btn2h.png'); }