@font-face {
    font-family: 'Museo500';
    src: url('/project/fonts/museo/MuseoCyrl_500.eot');
    src: url('/project/fonts/museo/MuseoCyrl_500.woff') format('woff'), 
         url('/project/fonts/museo/MuseoCyrl_500.ttf') format('truetype'), 
         url('/project/fonts/museo/MuseoCyrl_500.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'segoe-light';
    src:url('/project/fonts/segoe/latest.eot');
    src:url('/project/fonts/segoe/latest.eot?#iefix') format('embedded-opentype'),
           url('/project/fonts/segoe/latest.woff') format('woff'),
           url('/project/fonts/segoe/latest.ttf') format('truetype'),
           url('/project/fonts/segoe/latest.svg#web') format('svg');
    font-weight: normal;
    font-style: normal;
}   

@font-face {
    font-family: 'segoe';
    src:url('/project/fonts/segoen/latest.eot');
    src:url('/project/fonts/segoen/latest.eot?#iefix') format('embedded-opentype'),
           url('/project/fonts/segoen/latest.woff') format('woff'),
           url('/project/fonts/segoen/latest.ttf') format('truetype'),
           url('/project/fonts/segoen/latest.svg#web') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-webkit-input-placeholder { font-family: segoe; font-size: 14px; color: #7b7b7b; }
::-moz-placeholder { font-family: segoe; font-size: 14px; color: #7b7b7b; } /* firefox 19+ */
:-ms-input-placeholder { font-family: segoe; font-size: 14px; color: #7b7b7b; } /* ie */
input:-moz-placeholder { font-family: segoe; font-size: 14px; color: #7b7b7b; }
input:focus, textarea:focus {
    outline: none;
}

.b5 {
    border: 5px solid #5f97e2;
}


*[align=left],
.left { 
    float: left;
    margin: 9px 20px 20px 0px;
} 

*[align=right],
.right { 
    float: right;
    margin: 8px 0px 20px 20px;
}

input, textarea, select {
    font-size: 14px;
    font-family: segoe;
    color: #000;
}
                        
body {
    /*overflow-x: hidden;*/
    margin: 0;
    padding: 0;
}

body, td {
    font-family: segoe;
    font-size: 16px;
    color: #000;
    line-height: 130%;
}

body * {
    outline: none;
}

h1, h2, h3 {
    color: #454545;
    font-weight: normal;
    text-transform: uppercase;

    margin: 0px;
    padding: 0px;

}

h1 { font-size: 24px; font-family: 'Museo500'; color: #4c4c4c; line-height: 24px !important; }
h2 { font-size: 20px; font-family: 'segoe'; }
h3 { font-size: 18px; font-family: 'Museo500'; }

a { color: #4675b2; }
a:hover { color: #4675b2; }
a:active { color: #4675b2; }

hr {
    background: transparent;
    border: 0px;
    height: 1px;
    border-bottom: 1px solid #c0c0c0;
    margin: 20px 0px;
}

p {
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

a img {
    border: 0px;
}

body {
    background: #fafafa;
}

body, td {
    font-size: 16px;
    font-family: 'segoe';
    color: #696969;
}

#mobile-order-button { display: none; }

.loading {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff url(/project/img/loading.gif) center 50px no-repeat;
    opacity: 0.5
}

#logo {
    position: absolute;
    display: block;
    margin-left: 850px;
    width: 400px;
    height: 70px;
}

#logo img {
    display: block;
    width: 400px;
    height: 70px;
}

#members-body {
    overflow: hidden;
    background: transparent;
}

#root {
    width: 1250px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 20px 0px #888;
}

#login {
    
}

#login a {
    color: #3d3d3d;
    font-size: 16px;
    font-family: segoe;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    margin-top: 4px;
}

#login #reg {
    margin-right: 20px;
}

#profile div {
    display: inline-block;
    margin-left: 20px;
    /*margin-top: 5px;
    margin-left: 10px;*/
}

#profile a img,
#login a img {
    vertical-align: top;
    margin-top: 3px;
    opacity: 0.3;
}

#profile a img:hover,
#login a img:hover {
    opacity: 0.5;
}

#header {
    height: 150px;
    width: 100%;
    background: url(/project/img/top.png) no-repeat;
}

#members {
    margin: 20px 0px 16px 20px;
    width: 500px;
    height: 30px;
    background: transparent;
    visibility: hidden;
    border: 0px;
    overflow: hidden;
}

#menu {
    
}

#menu a {
    display: inline-block;
    padding: 7px 15px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: segoe;
}

#menu a.s {
    color: #ffff00;
}

#menu a:hover {
    /*background: rgba(255,255,255,0.1);*/
    color: #ffff00;
}

#sm {
    height: 46px;
    width: 100%;

background: rgb(75,125,189); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(75,125,189,1) 1%, rgba(54,81,117,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(75,125,189,1)), color-stop(100%,rgba(54,81,117,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(75,125,189,1) 1%,rgba(54,81,117,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(75,125,189,1) 1%,rgba(54,81,117,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(75,125,189,1) 1%,rgba(54,81,117,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(75,125,189,1) 1%,rgba(54,81,117,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b7dbd', endColorstr='#365175',GradientType=0 ); /* IE6-9 */


}

#sm a {
    display: inline-block;
    font-family: 'Museo500';
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px 15px 11px;
}

#sm a span {
    display: none;
    position: absolute;
    background: rgb(85,118,163);
    margin-left: -15px;
    margin-top: 10px;
    padding: 5px 0px;
    width: inherit;
}

#sm a:hover span {
    display: block;
}

#sm a span em {
    display: block;
    font-style: normal;
    padding: 11px 15px 9px; 
}

#sm a.s,
#sm a:hover {

background: rgb(94,138,195); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(94,138,195,1) 1%, rgba(85,118,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(94,138,195,1)), color-stop(100%,rgba(85,118,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(94,138,195,1) 1%,rgba(85,118,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(94,138,195,1) 1%,rgba(85,118,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(94,138,195,1) 1%,rgba(85,118,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(94,138,195,1) 1%,rgba(85,118,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e8ac3', endColorstr='#5576a3',GradientType=0 ); /* IE6-9 */


}


#header .r {
    position: relative;
    float: right;
    width: 475px;
    /*height: 42px;*/
    margin-top: 70px;
    padding-top: 8px;
}

#header .r #manager {
    width: 150px;
    padding-left: 27px;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
}
#manager:hover {
}

#manager.s {
}

#manager.s a {
    color: #ffff00 !important;
}
#manager:hover a {
    color: #ffff00 !important;
}

#header .r #sites {
    width: 160px;
    display: inline-block;
    vertical-align: top;
    margin-top: -11px;
    padding: 10px 0px 6px;
    padding-right: 15px;
    cursor: default;
    white-space: nowrap;
}

#header .r #sites:hover {
    color: #ffff00; 
}

#header .r #sites span {
    display: none;
    margin-left: -24px;
    margin-top: 6px;
    position: absolute;
    background: #8baf58;
    padding: 13px 24px;
    width: 180px;
}

#header .r #sites span a {
    display: block;
    margin-bottom: 10px;
}

#header .r #sites span a:last-child {
    margin-bottom: 0px;
}

#header .r #sites span a:hover {
    color: #ffff00;
}


#header .r #sites:hover span {
    display: block;
}

#header .r a,
#header .r {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: segoe;
}

#content {
    min-height: 600px;
    background: url(/project/img/cbg.png) repeat-x;
}

#content>div {
    padding: 20px;
}

#footer {
    /*height: 180px;*/
    padding-bottom: 20px;
    background: #40669b;
}

#footer #mobile-button {
    display: none;
    margin-left: -90px;
    margin-top: 0px;
    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 1000;
    background: #40669b url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUMxMDU2QkU1NDY1MTFFNUFGRUE4OEU5NjRCMzE2MUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUMxMDU2QkY1NDY1MTFFNUFGRUE4OEU5NjRCMzE2MUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzEwNTZCQzU0NjUxMUU1QUZFQTg4RTk2NEIzMTYxQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzEwNTZCRDU0NjUxMUU1QUZFQTg4RTk2NEIzMTYxQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps9uZ+oAAAS5SURBVHja7JptTFtVGMd7GWu70kK3VVoQCpSWQYGYgI5VJVLUzogaWTRbjM6YoCQ60Szxg8YPizFqsrgE1A9TEiN+kGUqWzKd24JXQ4RtDBKFFmS0StnWXtKNbmWshdH6r1cbM0cX7uu2nJObm3Nvz/k/93ee835KNbz0meL2ChmK2y4QJIJEkAgSQbqFQ6ZIunkG3T32gmqrsShPb1yv06hW4+V8bJE5H5kKhEcmmUHPmUAocgsgZWRQzlpLs9Nutxgp6tpfszNV2Vkqm9nwUJ01kVB4fEwP7aGHfPF4QsBvoAScENVW3Nm2zWE26VeUyx8Md3QPDI2dFeozVhXXPsFfRbl61evP3LdjqyNHq15pXmRxbbIZ9BpQLQnhLgEqnl6nfn/H5vLiO/iIPFZfbi1c/+bHR8KRqMw9Hng63nicJw8bIAIpCMqJpFJmvveKq9CYI1QzgBQEISsb0qtbHRUlucL2mRCErDxI6N+a7t8gxsACWYhLjURRFM+yTB8wGGCIkxSp8W4LpgXiIWFww5AtKdKTTrvYU7Vmria4IGH+Vmkxio2EKRUMSTTUbqwsoJap587WTg6C9N6W6zXXpKGDP49J4aWqUtFdxMcQFy8V569dUXlzDkXLGxLYS7nrtNJ4ycTJEBcvses5sdsSwprlDZGF+o0C1ttYn0rQlq7EFiXy0syFOWnKm+FkiIuXpgJhLNckaEt/npuVyEsjk0FpvDTqZSTy0kn3mURCcd0JhIBtCSZgSCIvBUIRt48R20UeH8Nto49jJ36A9oiN1MPVBEckesjnD4bF44E4TEiKFI8nOroHxEP6qHuA8xYs99nD0NjZw/0TYvAc/mXiFI/NV14Tovav+sf+mBGWB4Lt3f18FHghxRauvvXJ0WnmolA8kIIgZGVDQghHom27D01MhfjzQARS/DeQBdjmjy5cPXZ8Uq9TlxUZOIsc6hvf9Wnv5SsL/ItGmJOLpXh84De/28tUlOSu9PACle3dTvqbH91LAp0yUcL+4eafI7PGSntJLnWjrUW3b6aHdtOnBD4yE/gUEB/XO+jFlWfQbawqrLYazSa9cZ1Wo/77YDO6iPUChtGRSebk6LRIB5sU+VsUQSJIBIkgESSCdNMibd9cRe9t+bDNxT6+3FyDx3defADxB2vMX3+wDY/ftW9HPJX4vxkRQRrkSr3B1bVriy0/R2YvlZea2Eh1WT4bMWSrdz7f4PEGnK2d+74fRhxv0iiA4YUtmz7/9jjSYzK+87l6mZHOz84119vw0eUW03w0uTqov6tQo1Z27DuBeNeRUdwfdVjTKDxcV4qMbMqj/b9DJ30RiD5tHT0dsJkNOo1qOnCBXfAgjvv+3c+m0mg1yrn55E//37t8+pEatlzYx0uXY7iv1apCl6KyIZ32h1qecox7g2ArKUjulUfmYyj1pte6rml4in83zRFHTWPf7/9hGPemhir2MTsrWRyzczE5K17fr9OoZjWVZnrQl3rD9hZsPwHPsD3EcuHYCS8UWGbXvRvGfUHOLhIGCeaH3X64ZXCCSb3Z88VPjXVlgHm71QU/9A770/n53EX0DfAb0metUe75so+sl8hQS5AIEkEiSATppg1/CTAA4ffMFKmDlwUAAAAASUVORK5CYII=); 
}

#footer>div:not(#mobile-button) {
    width: 100%;
    height: 100%;
    padding-top: 20px;
    overflow-y: auto;
}

#footer #copy {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    padding: 0px 50px 0px 20px;
    border-right: 1px solid #fff;
}

#footer #copy table:first-child {
    border-bottom: 1px solid #fff;  
}

#footer #copy table:last-child td {
    padding-top: 10px;
}

#footer #copy td {
    font-size: 12px;
    font-family: segoe-light;
    color: #fff;
    padding-bottom: 10px;
    line-height: 12px;
}

#footer #bm {
    width: 920px;
    display: inline-block;
    vertical-align: top;
}

#footer #bm .r {
    display: none;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}

#footer #bm .r,
#footer #bm .r a {
    text-transform: uppercase;
}

#footer #bm #manager {
    padding-left: 27px;
}

#footer #bm .r a {
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

#footer #bm .r #manager {
    margin-bottom: 10px;
}

#footer #bm>div {
    display: table;
    width: 99%;
}

#footer #bm img {
    margin-top: 2px;
}

#footer #bm>div>div {    
    color: #fff;
    width: 23%;
    padding-left: 2%;
    font-family: segoe;
    display: table-cell;
    vertical-align: top;
}

#footer #bm>div p {
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    white-space: nowrap;
}

#footer #bm>div h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

#footer #bm>div a {
    color: #fff;
    display: block;
}

#footer #bm>div table {
    width: auto;
    border-collapse: collapse
}

#footer #bm>div table td {
    color: #fff;
    line-height: 14px;
    vertical-align: top;
}
#footer #bm>div table td.img {
    width: 30px;
}

#footer #bm>div p a,
#footer #bm>div table td a {
    display: inline-block;
}

#contacts p span {
    display: inline-block;
    width: 50px;
}

#man>p {
    padding: 1px 0px 2px 0px !important;
}

#man td p:last-child {
    padding-top: 2px !important;
}


/* popup windows */

.window { display: none; }
.window .shadow { width: 100%; background: #000; display: none; position: absolute; z-index: 5000; }
.window .wheader { float: left; width: 100%; }
.window .wnd { -webkit-overflow-scrolling:touch !important; overflow: hidden; background: #fff url(/project/img/loading.gif) center center no-repeat; display: none; position: absolute; z-index: 5001; padding: 40px 45px 40px 40px;  }
.shadowed.wnd { box-shadow: 0px 0px 50px #000; }
.window .wnd .wheader { background: #fff; }
.window .wnd p, .window .wnd div { background: #fff; }

.window .wnd iframe { margin-top: 20px; margin-bottom: 20px; }

body>.close,
.window .wnd .close { 
    float: right; 
    width: 20px; 
    height: 20px; 
    padding: 0px !important; 
    margin: 0px 0px 0px 0px !important; 
    cursor: pointer; 
}

.window .wnd h3 {
    display: block;
    border-top: 0px;
    float: left;
    font-size: 24px;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    color: #454545;
    width: 90%;
}

.window .wnd h4 {
    margin: 20px 0px 0px 0px;
    font-size: 18px;
}



#social {
    background: #efefef;
    margin-top: 50px;
    position: relative;
    margin-left: -40px;
    padding-left: 40px;
    padding-right: 45px;
    width: 1000px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#social>div {
    display: table;
    /*width: 100%;*/
    background: #efefef;
}

#social a {
    display: table-cell;
    padding-left: 65px;
    height: 60px;
    font-size: 14px;
    font-family: segoe;
    color: #454545;
    text-decoration: none;
    line-height: 14px;
    padding-top: 5px;
    text-transform: uppercase;
    /*width: 15%;*/
    padding-right: 20px;
}

#social a:hover {
    opacity: 0.8;
}

#social a span {
    display: block;
    text-transform: lowercase;
    font-size: 12px;
    color: #737373;
}

#sitelogin h4, 
#social h4 {
    margin: 0px 0px 20px 0px;
    font-size: 18px;
    color: #4777b6;
    text-transform: uppercase;
}

#sitelogin {
    padding-top: 20px;
    background: #fff;
}

#sitelogin>div {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    padding-right: 8%;
}

#sitelogin>div:first-child {
    border-right: 1px solid #efefef;
}

#sitelogin>div:last-child {
    width: 45%;
    padding-left: 5%;
    padding-right: 0px;
}

#sitelogin>div:last-child a {
    display: inline-block;
    vertical-align: top;
    color: #000;
    padding-right: 20px;
}

#sitelogin table {
    border-collapse: collapse;
}

#sitelogin table tr td {
    text-transform: uppercase;
    color: #504f4f;
    padding-bottom: 10px;
    padding-right: 20px;
    white-space: nowrap;
}

#sitelogin input[type=submit] {

}

#sitelogin input[type=text],
#sitelogin input[type=password] {
    background: #efefef;
    border: 0px;
    padding: 5px 10px 6px;
}

#sitelogin input[type=text] {
    width: 230px;
}

#sitelogin .message {
    font-size: 12px;
    color: #bb1818;
    text-transform: none !important;
    white-space: normal !important;
}

.user-warning,
.user-warning-reg {
    background: #ffffe1;
    padding: 20px;
    font-size: 16px;
    border: 1px solid #c0c0c0;
    box-shadow: 0px 0px 20px #888;
    border-radius: 10px;
    margin: 20px 0px;
}

.user-warning-reg {
    margin: 0px 0px 40px;
}

.user-warning h3 {
    margin: 0px 0px 10px 0px !important;
    padding: 0px !important;
}

.user-warning h2 {
    color: #696969;
}

.user-warning p {
    padding: 0px;
    margin: 0px;
}

.user-warning span.required {
    color: #b00;
}

.lm {
    
}

.lm h2 {
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    line-height: 20px;
}

.lm>div {
    padding-top: 20px;
}

.lm>div>a {
    display: block;
    color: #6a6a6a;
    padding: 5px 10px;
    font-size: 19px;
    text-decoration: none;
}

.lm>div>a:hover,
.lm>div>a.s {
    background: #fafafa;
    
}

.lm>div>a.s {
    /*font-weight: bold;*/
    color: #000;
}



.form {
    margin: 0px 20px;

}

.form h2 {
    color: #4777b6;
    margin-top: 20px;
}

.form h2 span {
    text-transform: none;
    color: #000;
    font-size: 14px;
    padding-top: 10px;
    display: block;
}

.form h2.black {
    color: #000;
}

.form table { border-collapse: collapse; /*width: 100%; */}
.form table td { vertical-align: top; color: #555555; font-size: 16px; padding-bottom: 15px; padding-top:7px; }
.form table .row td { /*border-top: 1px solid #e8e8e8;*/ /*padding-top: 20px;*/ }

.form table .row td hr {
    border: 0px;
    border-bottom: 1px solid #efefef;
    margin: 20px 0px;
}

.form table td.caption { padding-left: 0px; width: 250px; text-transform: uppercase; padding-top: 15px; font-size: 16px; color: #504f4f; }
.form table td.input { /*width: 220px;*/ }
.form table td.input>span[rel="checker"],
.form table td.input>input[type="checkbox"] {
    margin-top: 11px !important;
    display: inline-block;
}
.form table td.comment { padding: 17px 40px 0px 30px; font-size: 14px; color: #504f4f; }
.form table tr.subcomment td { font-size: 12px; color: #a7a6a6; padding-top: 0px; }
.form table tr.subcomment td .error { color: #f00; /*font-weight: bold; */text-transform: uppercase; }
.form table td.caption .required { color: #ff0000; }
.form table td .captcha { display: inline-block; border: 1px solid #d7d7d7; margin: 10px 0px 0px 0px; }
.form table td .warning { color: #ff0000; font-size: 11px; font-weight: bold; text-align: left; display: block; }

.form .ttextbox, .form .textbox, .form .shorttext, .form .midtext, .form .selectbox, .form .numeric  { 
    background: #f1f1f1;
    border: 0px;
    padding: 5px 10px 6px;
}
.form .selectbox{
    padding: 9px 10px 6px;
}
.form .selectbox { width: 300px; }
.form .ttextbox { width: 216px; overflow-y: scroll; }
.form .textbox { width: 216px; }
.form .shorttext { width: 64px; margin-right: 3px; }
.form .midtext { width: 140px; }
.form .numeric { width: 64px; text-align: right; }
  

.form button[type=reset] {
    border-radius: 5px;
    padding: 5px 20px;
    background: transparent;
    text-align: left;
    text-decoration: underline;
    text-transform: uppercase;
    border: 0px;
    color: #5d5d5d;
    cursor: pointer;
}



.form .agreement { border-top: 1px solid #efefef; color: #555555; font-size: 12px; font-weight: bold; margin-top: 20px; padding: 40px 60px 10px 0px; text-align: right; }
.form .agreement a { text-decoration: underline; }
.form .agreement a:hover { text-decoration: none; }
.form .agreement div { float: left; width: 80%; margin: 5px 0px 0px 0px; }

.form table .values td { padding-top: 10px; }

.form table .values td.value { font-weight: bold; padding-left: 10px; }

.form label { font-size: 11px; padding: 0px 20px 0px 10px; }

.form .readonly {
    background: #f0f0f0;
}

.form .message {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.form .message p {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}

.error_message {
    font-size: 18px;
    text-transform: uppercase;
    color: #b00;
    border: 1px solid #b00;
    padding: 20px;
    margin-bottom: 20px;
    line-height: 25px;
}

.error_message .info {
    color: #c0c0c0;
    display: block;
    margin-top: 10px;
    font-size: 14px !important;
    line-height: 16px;
}

.form .ok_message {
    font-size: 18px;
    /*text-transform: uppercase;*/
}

.form .info {
    font-size: 10px;
    color: #c0c0c0;
    display: block;
    padding: 2px 0px 0px 0px;
}

/* white selector */
.sl-placeholder-container:focus {
    outline: none;
    /*box-shadow: 0 0 10px 0 #9ecaed;*/
}
.sl-button {
    font-size: 16px;
    line-height: 23px;
    width: 14px;
    text-align: center;
    /*background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9 0%, #e5e5e5 100%);
    background: -moz-linear-gradient(#f9f9f9 0%, #e5e5e5 100%);
    background: linear-gradient(#f9f9f9 0%, #e5e5e5 100%);*/
}

.sl-button img {
    display: inline-block;
    vertical-align: middle;
}

.sl-placeholder {
    width: auto !important;
    padding-right: 15px;
    font-size: 16px;
    color: #47792f;
    text-decoration: underline;
}

/*.sl-placeholder-container:hover .sl-button {
    background: #edf8ff;
    background: -moz-linear-gradient(top,  #edf8ff 0%, #b2cbe8 100%);
    background: -webkit-linear-gradient(top,  #edf8ff 0%,#b2cbe8 100%);
    background: -ms-linear-gradient(top,  #edf8ff 0%,#b2cbe8 100%);
    background: linear-gradient(to bottom,  #edf8ff 0%,#b2cbe8 100%);
}*/

.sl-container {
    display: inline-block;
    white-space: nowrap;
}

.sl-container[disabled] {
    /*opacity: 0.5;*/
}

.sl-container[disabled] .sl-placeholder {
    width: auto !important;
    padding-right: 15px;
    font-size: 16px;
    color: #696969;
    text-decoration: none;
}

.sl-container[disabled] .sl-button {
    visibility: hidden;
}

.sl-container[disabled] * {
    cursor: text;
}

.sl-container .sl-placeholder-container {
    position: relative;
    display: block;
    padding: 2px 4px;
    /*border: 1px solid #ccc;
    border-radius: 3px;*/
    cursor: pointer;
}
.sl-container .sl-options {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
}
.sl-container .sl-options li {
    margin: 0;
    padding: 0;
}
.sl-container .sl-options li a {
    display: block;
    padding: 2px 20px 2px 10px;
    color: #404040;
    text-decoration: none;
}
.sl-container .sl-options li a:hover {
    background: #47792f;
    color: #fff;
}
.sl-container .sl-options .sl-selected {
    /*background: skyblue;*/
}
.sl-container.sl-open .sl-placeholder-container {
    /*border: 1px solid #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
    border-radius: 3px 3px 0 0; */
}

.sl-container.sl-open .sl-button {
    /*background: #e5e5e5;
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f9f9f9 100%);
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom,  #e5e5e5 0%,#f9f9f9 100%);*/
}

.sl-options {
    overflow: auto;
    max-height: 200px;
    z-index: 1;
}

.sl-options li {
    overflow: hidden;
}

/* grey selector */
.grey .sl-placeholder-container:focus {
    outline: none;
    /*box-shadow: 0 0 10px 0 #9ecaed;*/
}
.grey .sl-button {
    font-size: 16px;
    line-height: 23px;
    width: 30px;
    border-left: 1px solid #fff;
    text-align: center;
    /*background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9 0%, #e5e5e5 100%);
    background: -moz-linear-gradient(#f9f9f9 0%, #e5e5e5 100%);
    background: linear-gradient(#f9f9f9 0%, #e5e5e5 100%);*/
}

.grey .sl-button img {
    display: inline-block;
    vertical-align: middle;
}

.grey .sl-placeholder {
    width: auto !important;
    padding-right: 25px;
    font-size: 16px;
    color: #838282;
    text-decoration: none;
    text-transform: uppercase;
    overflow:hidden;
}

/*.sl-placeholder-container:hover .sl-button {
    background: #edf8ff;
    background: -moz-linear-gradient(top,  #edf8ff 0%, #b2cbe8 100%);
    background: -webkit-linear-gradient(top,  #edf8ff 0%,#b2cbe8 100%);
    background: -ms-linear-gradient(top,  #edf8ff 0%,#b2cbe8 100%);
    background: linear-gradient(to bottom,  #edf8ff 0%,#b2cbe8 100%);
}*/

.grey .sl-container {
    display: block;
    white-space: nowrap;
    /*margin-right: 20px;*/
    /*width: 220px;*/
    background: #fafafa;
}
.grey .sl-container .sl-placeholder-container {
    position: relative;
    display: block;
    display: block;
    padding: 5px 10px 6px;
    /*border: 1px solid #ccc;
    border-radius: 3px;*/
    cursor: pointer;
}
.grey .sl-container .sl-options {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fafafa;
    border: 1px solid #fafafa;
    border-top: 0px;
    width: 272px;
}
.grey .sl-container .sl-options li {
    margin: 0;
    padding: 0;
}
.grey .sl-container .sl-options li a {
    display: block;
    padding: 2px 20px 2px 10px;
    color: #838282;
    text-decoration: none;
}
.grey .sl-container .sl-options li a:hover {
    background: #47792f;
    color: #fff;
}
.grey .sl-container .sl-options .sl-selected {
    /*background: skyblue;*/
}
.grey .sl-container.sl-open .sl-placeholder-container {
    /*border: 1px solid #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
    border-radius: 3px 3px 0 0; */
}

.grey .sl-container.sl-open .sl-button {
    /*background: #e5e5e5;
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f9f9f9 100%);
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom,  #e5e5e5 0%,#f9f9f9 100%);*/
}

.grey .sl-options {
    overflow: auto;
    max-height: 200px;
    z-index: 1;
}

.grey .sl-options li {
    overflow: hidden;
}              
/* grey */


/* datetimepicker */
.xdsoft_datetimepicker{
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #333333;
    display: block;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
    padding-left: 0px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
    display: inline-block;
    position: static;
    box-shadow: none;
}
.xdsoft_datetimepicker *{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0px;
    margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
    display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
    display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
    width: 224px;
    float:left;
    margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
    width: 58px;
    float:left;
    text-align:center;
    margin-left:8px;
    margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
    margin-top:8px;
    margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
    background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
    background-position:-70px 0px;
    margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
    background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
    float:none;
    background-position:-40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left:14px;
    margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
    background-position:-40px 0px;
    margin-bottom:7px;
    margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
    height:151px;
    overflow:hidden;
    border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
    background: #F5F5F5;
    border-top:1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: center;
    border-collapse:collapse;
    cursor:pointer;
    border-bottom-width:0px;
    height:25px;
    line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float:left;
    width:182px;
    text-align:center;
    cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
    text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
    border:1px solid #ccc;
    position:absolute;
    display:block;
    right:0px;
    top:30px;
    z-index:101;
    display:none;
    background:#fff;
    max-height:160px;
    overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
    color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
    padding:2px 10px 2px 5px; 
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
    background: #33AAFF;
    box-shadow: #178FE5 0px 1px 3px 0px inset;
    color:#fff;
    font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
    width:90px;
    text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
    clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
    width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
    border-collapse:collapse;
    width:100%;
    
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
    padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
    width:14.2857142%;
    text-align:center;
    background: #F5F5F5;
    border:1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding:0px;
    border-collapse:collapse;
    cursor:pointer;
    height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
    color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
    background: #33AAFF;
    box-shadow: #178FE5 0px 1px 3px 0px inset;
    color:#fff;
    font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
    opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
    opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
    color: inherit    !important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
    position:relative;
    border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
    background:#ccc !important;
    height:20px;
    border-radius:3px;
}
.xdsoft_scrollbar{
    position:absolute;
    width:7px;
    width:7px;
    right:0px;
    top:0px;
    bottom:0px;
    cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}

/* datetimepicker */


.many { background-color: #479200; }
.enough { background-color: #FA960A; }
.little { background-color: #f00; }

.dsp {
    display: inline-block !important;
    width: 100%;
}

.dsp span {
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    margin-right: 2px !important;
}

.galochka,
.dsp span.galochka {
    width: 13px !important;
    height: 13px !important;
}
.krest,
.dsp span.krest,
.deleted { 
    width: 8px !important;
    height: 8px !important;
}


.ico-5,
.ico-4,
.ico-3,
.ico-2,
.ico-1 { 
    display: inline-block;
    margin-top: 4px;
    margin-left: 5px;
    height: 10px;
    text-align: center;
    line-height: 1px;
    vertical-align: top;
    /*padding: 0px 2px;*/
    border-radius: 5px;  
    width: 34px;  
}

.ico-5:after,
.ico-4:after,
.ico-3:after,
.ico-2:after,
.ico-1:after { 
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    font-family: verdana;
    line-height: 8px;
}

.ico-5:after { content: 'spec'; }
.ico-4:after { content: 'mark'; }
.ico-3:after { content: 'top'; }
.ico-2:after { content: 'sale'; }
.ico-1:after { content: 'new'; }

.ico-1 {
    border: 1px solid #009600;
    background: rgb(0,181,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,181,0,1) 0%, rgba(0,150,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,181,0,1)), color-stop(100%,rgba(0,150,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,181,0,1) 0%,rgba(0,150,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,181,0,1) 0%,rgba(0,150,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,181,0,1) 0%,rgba(0,150,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,181,0,1) 0%,rgba(0,150,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b500', endColorstr='#009600',GradientType=0 ); /* IE6-9 */
}

.ico-2 { 
    
    border: 1px solid #FF0307;
    background: rgb(255,84,81); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,84,81,1) 0%, rgba(255,3,7,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,84,81,1)), color-stop(100%,rgba(255,3,7,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,84,81,1) 0%,rgba(255,3,7,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,84,81,1) 0%,rgba(255,3,7,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,84,81,1) 0%,rgba(255,3,7,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,84,81,1) 0%,rgba(255,3,7,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5451', endColorstr='#ff0307',GradientType=0 ); /* IE6-9 */

    
}
.ico-3 { 
    border: 1px solid #ffa000;
    background: rgb(255,160,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,160,0,1) 0%, rgba(255,160,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,160,0,1)), color-stop(100%,rgba(255,160,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,160,0,1) 0%,rgba(255,160,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,160,0,1) 0%,rgba(255,160,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,160,0,1) 0%,rgba(255,160,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,160,0,1) 0%,rgba(255,160,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa000', endColorstr='#ffa000',GradientType=0 ); /* IE6-9 */

    
}
.ico-4 {
    
    border: 1px solid #860402;
    background: rgb(172,56,38); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(172,56,38,1) 0%, rgba(134,4,2,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,56,38,1)), color-stop(100%,rgba(134,4,2,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(172,56,38,1) 0%,rgba(134,4,2,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(172,56,38,1) 0%,rgba(134,4,2,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(172,56,38,1) 0%,rgba(134,4,2,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(172,56,38,1) 0%,rgba(134,4,2,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac3826', endColorstr='#860402',GradientType=0 ); /* IE6-9 */

    
}
.ico-5 { 
    
    border: 1px solid #007eff;
    background: rgb(0,177,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,177,255,1) 0%, rgba(0,126,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,177,255,1)), color-stop(100%,rgba(0,126,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,177,255,1) 0%,rgba(0,126,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,177,255,1) 0%,rgba(0,126,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,177,255,1) 0%,rgba(0,126,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,177,255,1) 0%,rgba(0,126,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1ff', endColorstr='#007eff',GradientType=0 ); /* IE6-9 */

    
}

.table {
    display: table;
    width: 100%;
    margin-top: 20px;
}

.table .tr {
    display: table-row;
}       

.table .tr .td {
    display: table-cell;
}

.table .tr.header {
    background: #f8f8f8;
}

.table .tr.header .td {
    font-family: 'Museo500';
    font-size: 16px;
    line-height: 16px;
    color: #454545;
    white-space: nowrap;
    padding: 17px 10px;
}

.table .tr.header .td[field] {
    cursor: pointer;
}
               
.table .tr .td {
    padding: 11px 10px;
    vertical-align: top;
    border-bottom: 1px solid #fafafa;
}

.table .tr.hr {
    
}

.table .tr.hr .td {
    font-size: 12px;
    border: 0px !important;
}

.table .tr.sh .td {
    font-weight: bold;
    text-transform: uppercase;
}


.table.thin .tr .td {
    padding: 7px 10px;
}

.table.thin .tr .td {
    font-size: 16px;
}

.table.thin .tr.header .td {
    font-size: 16px;
    padding: 10px 10px 8px;
    text-transform: uppercase;
}

.table.thin .tr.sh .td {
    font-size: 16px;
    font-weight: normal;
    color: #404040;
    border-bottom: 2px solid #fafafa;
    text-transform: uppercase;
}

.table .tr.m .td {
    text-transform: none;
    padding: 4px 10px;
    font-size: 14px;
}


.table .tr .td:first-child {
    padding-left: 20px;
}

.table.thin .tr .td:first-child {
    padding-left: 10px;
}

.table.thin .tr .td.perc {
    text-align: center;
}

.table.thin .tr .td.lower {
    text-transform: lowercase !important;
}

.table.thin .tr .td span.prcs {
    position: absolute;
    width: 0px;
    height: 22px;
    opacity: 0.1
}


.table.thin .tr .td span.prcs.grey {
    background: #c0c0c0;
}

.table.thin .tr .td span.prcs.green {
    background: #5bb030;
}

.table.thin .tr .td span.prcs.red {
    background: #e73e1e;
}


.table .tr .td:last-child {
    padding-right: 20px;
}

.table .tr .td>span {
    color: #b5b2b2;
    display: block;
}

.table .tr .td>span>span {
    display: block;     
}

.table .tr .td img {
    float: left;
    max-width: 70px;
    min-height: 61px;
    margin-right: 10px;
}

.table .tr .td[model] {
    width: 50%;
}

.table .tr .td[model]>a,
.table .tr .td[model]>span {
    display: inline-block;
    vertical-align: top;
}

.table .tr .td[model]>span {
    width:  79%;
    width: calc(100% - 80px);
}

.table .tr .td.pri,
.table .tr .td.ord,
.table .tr .td.amo {
    text-align: center;
    white-space: nowrap;
}

.table .tr .td.pri em {
    font-style: normal;
    font-size: 14px;
    color: #ff6407;
    text-decoration: line-through;
    display: block; 
}

.table .tr .td.pri,
.table .tr .td.amo {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}

.table .tr .td.amo {
    background: #fafafa;
}

.table .tr .td.ava.ava-op,
.table .tr .td.war {
    border-right: 1px solid #f2f2f2;
}
.table .tr .td.war.war-op {
    display: none;
}

.table .tr .td.ava a.remove {
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin-top: 1px;
}




.table .tr.header .td.amo {
    background: none;
}

.table .tr .td.ord button {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 20px;
    margin-top: 1px;
    cursor: pointer;
    padding: 0px;
    border-radius: 0px;    
}

.table .tr .td.ord input {
    font-size: 14px;
    color: #474545;
    height: 25px;
    border: 0px;
    width: 45px;
    padding: 0px;
    text-align: center;
    background: transparent;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
}

.table .tr .td.ord input.act {
    font-size: 20px;
    color: #72b62c;
    margin-top: -5px;
}

.table .tr .td.ord[disabled=disabled] * {
    opacity: 0.5
}

.table .tr.header .td em {
    background: none;
    width: 9px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.table .tr.itog .td {
    font-size: 24px;
    border: 0px;
}


.pager {
    border-left: 1px solid #cac9c9;
    float: right;
    font-size: 16px;
    padding: 5px 20px 5px 40px;
}

.pager.noborder {
    float: none;
    display: block;
    border: 0px;
    padding-left: 0px;
    text-align: right;
}

.pager .updated {
    float: left;
}

   

.buttons .button {
    margin-left: 20px;
    margin-top: -4px;
    
    border: 1px solid #cac9c9;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px !important;
    
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,232,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(233,232,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,232,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,232,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(233,232,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e8e8',GradientType=0 ); /* IE6-9 */    
}

.buttons.nomargin .button {
    margin-right: 10px;
    margin-left: 0px;
    margin-top: 0px;
}

.buttons .button a {
    padding: 2px 0px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
}

.buttons .button.blue a,
.buttons .button.red a {
    color: #fff !important;
    /*padding: 5px 10px 3px !important;*/
}


.buttons .button a.prev {
    width: 37px;
    height: 22px;
}

.buttons .button a.next {
    width: 37px;
    height: 22px;
    border-left: 1px solid #cac9c9;
}

.buttons .button a[disabled="disabled"] {
    opacity: 0.2;
}

.buttons .button a.settings {
    width: 38px;
    height: 22px;
}

.buttons .button a.updown {
    width: 38px;
    height: 22px;
}


.buttons .button a.download.excel {
    padding-left: 25px !important; 
}

.buttons .button a.download.zip {
    padding-left: 25px !important; 
}

.buttons .button a.print {
    width: 37px;
    height: 20px;
}

.buttons .button a.text {
    padding-right: 15px;
    padding-left: 15px;
    color: #454545;
}

.buttons .button.left {
    float: left;
}

.buttons .button.right {
    float: right;
    margin-top: 0px;
}

#table-info {
    padding-top: 20px;
}

#table-info,
#table-info>table {
    width: 100%;
    border-collapse: collapse;
    
}

#table-info table tr td {
    vertical-align: top;
    padding: 0px;
}

#table-info table tr td:first-child {
    width: 75px;
}

#table-info table table tr td:first-child {
    width: 150px;
}

#table-info table tr td:last-child {
    text-align: right;
}

#table-info table table tr td:last-child {
    /*font-weight: bold;*/
}


#table-info table tr td span {
    display: block;
    margin-top: 5px;
    font-size: 28px;
    font-weight: bold;
    color: #72b62c;
}

#product-image .wnd #images {
    text-align: center;
}

#product-image .wnd img {
    max-width: 95%;
    max-height: 95%;
    position: relative;
    left: 0px;
    top: 0px;
}


#search {
    border: 1px solid #cac9c9;
    background: #fff;
    padding: 3px 0px 2px;
    display: inline-block;
    margin-top: 22px;
}

#search input[type=text] {
    width: 266px;
    border: 0px;
    padding: 0px;
    padding-left: 7px;
    color: #868686;
    font-size: 14px;
    line-height: 16px;
    height: 18px;  
    margin-top: 1px;
    border-radius: 0px;
    display: inline-block;
    vertical-align: top;
}

#search input[type=button] {
    display: block;
    float: right;
    text-align: right;
    width: 25px;
    height: 18px;
    border: 0px;
    border-left: 1px solid #cac9c9;
    border-radius: 0px;
    outline: none;
    cursor: pointer;
    padding: 0px;
}


.xpager {
    width: 100%;
    text-align: center;
}

.xpager a,
.xpager span {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px;
}

.xpager a[nohref] {
    color: #404040;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #dde;
    position: relative;
}

.jspDrag
{
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}

.ar {
    width: 14px;
    height: 20px;
    position: fixed;
    z-index: 2000;
    right: 30px;
    margin-top: 30px;
    box-shadow: 0px 0px 20px rgba(128,128,128,0.5);
    border: 1px solid #bbb;
    border-radius: 10px;
}

.ar.ar-up {
    padding: 10px;
}

.ar.ar-down {
    bottom: 30px;
    margin-top: 0px;
    padding: 10px;
}

/* настройки листа заказа */
.member-settings {
    float: left;
    width: 100%;
    padding: 10px 0px;
}

.member-settings .grey {
    padding: 20px 0px;
    border-top: 1px solid #f2f2f2;
}

.member-settings .grey:first-child {
    border: 0px;
}

.member-settings .grey h2 {
    margin-bottom: 15px;
}

.member-settings .grey div {
    margin-bottom: 10px;
}

.member-settings .grey div input {
    display: inline-block;
}

.member-settings .grey div label {
    display: inline-block;
    margin-right: 10px;
}

.member-settings input[type=text] {
    width: 80px;
    font-size: 14px;
    border: 1px solid #c0c0c0;
    padding: 5px 10px;
}

.member-settings .grey span {
    font-size: 12px;
    color: #ccc;
}




/* TipTip CSS - Version 1.2 */

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1988; 
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    font-size: 12px;
    
    color: #000;
    
    /*text-shadow: 0 0 2px #000;*/
    
    padding: 6px;
    
    /*border: 1px solid rgba(255,255,255,0.25);
    
    background-color: rgb(25,25,25);
    background-color: rgba(25,25,25,0.92);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));*/
    
    /*border: 1px solid #c0c0c0;*/
    /*background-color: #fff;*/
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.92);    
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    box-shadow: 0 0 10px #555;
    -webkit-box-shadow: 0 0 10px #555;
    -moz-box-shadow: 0 0 10px #555;
    
    max-width: 800px;
}

#tiptip_content p {
    color: #000;
    font-size: 12px !important;
    padding: 0px;
    margin: 0px;
}

#tiptip_content .userinfotip a,
#tiptip_content .userinfotip div,
#tiptip_content .userinfotip {
    font-size: 12px !important;
}

#tiptip_content .userinfotip table {
    width: 100%;

}

#tiptip_content .userinfotip table tr td {
    font-size: 12px !important;
    color: #000;
}
#tiptip_content .userinfotip table tr td.img {
    padding-right: 10px;
}
#tiptip_content .userinfotip table tr td img {
    width: 100px;
    height: 80%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}           

#tiptip_content .userinfotip table tr td.text {
    padding-bottom: 20px;
    padding-right: 20px;
}

#tiptip_content .hbd {
    margin: -28px 0px 0px 85px;
}

#tiptip_content h3 {
    color: #000;
}

#tiptip_content .userinfotip {
    width: 350px;  
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;    
}

#tiptip_content .userinfotip .photo {
    width: 350px; 
    
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    line-height: 100%;
}

#tiptip_content .userinfotip .photo .fl {
    padding-top: 70px;
    padding-left: 150px;
    height: 80px;
    width: 200px;
    height: 80px;
    color: #fff;
    font-size: 11px !important;
    line-height: 100% !important;
}

#tiptip_content .userinfotip .photo span {
    display: block;
}

#tiptip_content .userinfotip div.img {
    display: inline-block;
    vertical-align: top;
    margin-top: -50px;
    margin-left: 20px;
    width: 102px;
    height: 102px;
    padding: 2px;
    border: 1px solid #fff;
}

#tiptip_content .userinfotip div.img img {
    width: 100px;
    height: 100px;
    border: 1px solid #c0c0c0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
}

#tiptip_content .userinfotip div.text {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    padding-left: 18px;
    padding-top: 5px;
    padding-bottom: 20px;
}

#tiptip_content .userinfotip .photo .fl>strong {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 14px !important;
    line-height: 110%;
    text-shadow: 0 0 2px #000;    
}


#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,0.35);
    
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25,25,25);
    border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {    
    #tiptip_content {
        /*padding: 4px 8px 5px 8px;*/
        background-color: rgba(255,255,255,0.92);
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
        /*border-bottom-color: rgba(45,45,45,0.88);*/
        border-bottom-color: #fff;
    }
    #tiptip_holder.tip_top #tiptip_arrow_inner { 
        /*border-top-color: rgba(20,20,20,0.92);*/
        border-top-color: #fff;
    }
}

#tiptip_content dd {
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.mselect {
    max-height: 396px;
    overflow: auto;
    width: 250px;
}

.mselect.animated {
    max-height: none !important;
    overflow: hidden !important;
    height: 22px;
}

.mselect .mopt {
    display: block;
    margin-bottom: 2px;
}

.mselect .mopt input,
.mselect .mopt label {
    display: inline-block;
    vertical-align: top;
}

.mselect .mopt label {
    font-size: 14px;
    color: #696969;
    width: 79%;
    margin-top: 3px;
    line-height: 14px !important;
}

.help {
    margin-bottom: 20px;
    background: #f7f7f7 !important;
    padding: 20px !important;
}

.help h4 {
    display: none;
}

.help h3 {
    font-family: Segoe !important;
    text-transform: none !important;
    font-size: 16px !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzYwMzNGQUIyODM5MTFFNDlDNjU4OTBERkFCRkJFOUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzYwMzNGQUMyODM5MTFFNDlDNjU4OTBERkFCRkJFOUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjAzM0ZBOTI4MzkxMUU0OUM2NTg5MERGQUJGQkU5QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjAzM0ZBQTI4MzkxMUU0OUM2NTg5MERGQUJGQkU5QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt1JqH4AAACPSURBVHjaYvz//z8DJYCJgUIwDAxgAAUiNCBjgFiUCC0gNTEwfSxIEipArATEZ4F4PxB/Q9PIBcSOQGyM7HJkA94BsRAQmwKxLhAfAuKTUDlzILYDYg4ktWDACEsHjIyMzHgUCkHpHzCDgfr+ohuAz6n/0L0G14fFAOTAcoeydwLxa/TARzFgNCmTDwACDAAFTDeFSBwPegAAAABJRU5ErkJggg==) right center no-repeat;
}

.help h3.active {
    font-family: 'Museo500' !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTE1Q0VCMzMyODM5MTFFNEEwNkU5REQ4NzFDMzczMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTE1Q0VCMzQyODM5MTFFNEEwNkU5REQ4NzFDMzczMTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MTVDRUIzMTI4MzkxMUU0QTA2RTlERDg3MUMzNzMxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MTVDRUIzMjI4MzkxMUU0QTA2RTlERDg3MUMzNzMxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtmicysAAACRSURBVHjaYvz//z8DJYCJgUIwDAxggTEYGRnR5USB2B3K3gnEr5ElYYHPCGcgDOACYkcgNkZy4T8gPgvE+4H4Gy4DmIGUORDbATEHVOM7KC0EpX8A8SEgPgnU9xfdgDxsCqF8DIOB+iahhAFUM4ZToeAYEF9A8poQSmBAXREDDThCAKQmBqaPcTQpU24AQIABAOp0PZO18Z8fAAAAAElFTkSuQmCC) right center no-repeat;
}

.help>div {
    display: none;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.help>div.active {
    display: block;
}

.grey {
    color: #696969 !important;
}

.banner {
    padding: 0px 0px 20px 0px;
    text-align: center;
}

              
input[type=submit],
input[type=button],
button {
    
    padding: 8px 14px;
    border-radius: 5px;
    border: 0px;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
    font-family: 'segoe';
    line-height: 15px;
}

input[type=submit].small,
input[type=button].small,
button.small {
    padding: 6px 15px;
}

input[type=submit].blue,
input[type=button].blue,
button.blue {
    background: rgb(123,144,170); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(123,144,170,1) 0%, rgba(72,116,175,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,144,170,1)), color-stop(100%,rgba(72,116,175,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(123,144,170,1) 0%,rgba(72,116,175,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(123,144,170,1) 0%,rgba(72,116,175,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(123,144,170,1) 0%,rgba(72,116,175,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(123,144,170,1) 0%,rgba(72,116,175,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b90aa', endColorstr='#4874af',GradientType=0 ); /* IE6-9 */
    
    color: #fff;
}

input[type=button].red,
button.red {
    background: rgb(234,99,62); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(234,99,62,1) 0%, rgba(169,72,47,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,99,62,1)), color-stop(100%,rgba(169,72,47,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(234,99,62,1) 0%,rgba(169,72,47,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(234,99,62,1) 0%,rgba(169,72,47,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(234,99,62,1) 0%,rgba(169,72,47,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(234,99,62,1) 0%,rgba(169,72,47,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea633e', endColorstr='#a9482f',GradientType=0 ); /* IE6-9 */
    
    color: #fff;
}


#catalogue-closed .wnd {
    background-image: none !important;
}

#catalogue-closed .wnd p:nth-child(2) {
    margin-top: 60px;
}

#product-table .pad {
    padding: 20px 20px 10px;    
} 

#product-table .greybg {
    background: #f8f8f8;
}