@media screen,projection,tv, print {  .category-text-one { margin: 0 0 16px 0; } .category-text-two { margin: 24px 0 0 0; }  } @media screen,projection,tv { .category-images { margin: 0 0 16px 0; } ul.category-submenu { margin: 0; padding: 0; list-style: none; list-style-image: none; } ul.category-submenu li { display: inline; margin: 0 12px 0 0; } .catalog-category-full h1, .catalog-category-full h2 { margin: 0 365px 16px 0; }  .filter { clear: left; text-align: right; margin: 0 0 16px 0; overflow: hidden; position: absolute; right: 0; top: 0; } .filter form { height: 20px; min-height: 20px; padding: 5px 5px 5px 15px; float: right; border-radius: 15px; -moz-border-radius: 15px; background: #ededed; } div[class] .filter form { height: auto; } .filter label { margin: 0 10px 0 0; vertical-align: baseline; } .filter select { width: 100px; margin: 0 0 0 2px; } .filter select.count { width: 60px; } .filter select, .filter .button { vertical-align: baseline; }   .card-full { height: 0; min-height: 0; } div[class] .card-full { height: auto; } .card-full .left-cell { width: 630px; float: left; } .card-full .right-cell { width: 300px; float: right; font-size: 12px; } .card-full .description, .card-full table.prices, .card-full .related-cats, .card-full .optional-taxes { margin: 16px 0; padding: 0; } .card-full .description { font-weight: 900; } .card-full .border-top, .card-full .border-bottom { height: 0; min-height: 0; background-repeat: no-repeat; background-color: transparent; } div[class] .card-full .border-top, div[class] .card-full .border-bottom { height: auto; } .card-full .border-top { position: relative; background-position: 100% 0; background-image: url(/css/catalog/../global/img/specific/card-full-border-top.png); } .card-full .border-bottom { padding: 15px; position: relative; z-index: 5; background-position: 0 100%; background-image: url(/css/catalog/../global/img/specific/card-full-border-bottom.png); } .card-full .related-cats ul { margin: 16px 0; padding: 0; list-style: none; list-style-image: none; line-height: 16px; } .card-full .related-cats ul li ul { margin: 4px 0 0 0; padding: 0 0 0 20px; list-style: url(/css/catalog/../global/img/global/ul.gif); } .card-full p.price { margin: 16px 0; color: #3f3f3f; font-size: 18px; } .card-full p.price strong.price { font-size: 22px; color: #2a68b6; }  .card-full .border-top .label { min-width: 110px; height: 41px; min-height: 41px; position: absolute; left: 0; top: 420px; z-index: 105; color: #fff; text-shadow: #7f7f7f 0 -1px 1px; font-size: 13px; background-position: 0 41px; background-repeat: no-repeat; background-image: url(/css/catalog/../global/img/specific/status-big-pink-yellowgreen-blue.png); background-color: transparent; } div[class] .card-full .border-top .label { height: auto; } .card-full .border-top .label span { display: block; height: 29px; min-height: 29px; line-height: 29px; margin: 12px 3px 0 6px; padding: 0 12px 0 6px; border-radius: 3px; background: #919191; } .card-full .border-top .label.status_2 {  background-position: 0 50%; } .card-full .border-top .label.status_1 {  background-position: 0 0; } .card-full .border-top .label.status_8 {  background-position: 0 100%; } .card-full .border-top .label.status_2 span { background: #ccd601; } .card-full .border-top .label.status_1 span { background: #ee3780; } .card-full .border-top .label.status_8 span { background: #a5c7f2; }   .card-full .salesman, .card-full .salesman .salesman-top, .card-full .salesman .salesman-bottom { height: 0; min-height: 0; } div[class] .card-full .salesman, div[class] .card-full .salesman .salesman-top, div[class] .card-full .salesman .salesman-bottom { height: auto; } .card-full .salesman { width: 300px; margin: 24px 0; color: #c6dbf5; background: #3477ce; } .card-full .salesman strong, .card-full .salesman a { color: #fff; } .card-full .salesman .salesman-top, .card-full .salesman .salesman-bottom { position: relative; background-repeat: no-repeat; background-image: url(/css/catalog/../global/img/specific/rounded-borders-blue.png); } .card-full .salesman .salesman-top { top: -8px; background-position: 0 0; } .card-full .salesman .salesman-bottom { min-height: 145px; height: 145px; padding: 7px 15px 15px 15px; bottom: -16px; background-position: 0 100%; } div[class] .card-full .salesman .salesman-bottom { height: auto; } .card-full .salesman h3 { margin: 0 0 12px 0; color: #c6dbf5; }   .card-full .buttons-mix { margin: 16px 0; font-size: 0; } .card-full .buttons-mix #layer-box-buttons, .card-full .buttons-mix .buttons { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } .card-full #layer-box-buttons { width: 469px; font-size: 0; margin: 0 5px 0 0; } .card-full #layer-box-buttons .button, .card-full .buttons .button { height: 34px; min-height: 34px; line-height: 34px; width: 153px; margin: 0 5px 0 0; color: #6b85a7; text-shadow: #eef4fb 0 1px 1px; text-align: left; border: none; border-radius: 0; -moz-border-radius: 0; background-position: 0 42px; background-repeat: no-repeat; background-image: url(/css/catalog/../global/img/specific/card-buttons.png); background-color: #bed5f2; } .card-full #layer-box-buttons .button:hover, .card-full #layer-box-buttons .button:focus, .card-full .buttons .button:hover, .card-full .buttons .button:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .card-full #layer-box-buttons .button.catalog_watch_dog { background-position: 0 0; } .card-full #layer-box-buttons .button.catalog_watch_dog:hover, .card-full #layer-box-buttons .button.catalog_watch_dog:focus { background-position: -153px 0; } .card-full #layer-box-buttons .button.catalog_watch_dog:active { background-position: -306px 0; } .card-full #layer-box-buttons .button.query { background-position: 0 -34px; } .card-full #layer-box-buttons .button.query:hover, .card-full #layer-box-buttons .button.query:focus { background-position: -153px -34px; } .card-full #layer-box-buttons .button.query:active { background-position: -306px -34px; } .card-full #layer-box-buttons .button.catalog_send_link { margin: 0; background-position: 0 -68px; } .card-full #layer-box-buttons .button.catalog_send_link:hover, .card-full #layer-box-buttons .button.catalog_send_link:focus { background-position: -153px -68px; } .card-full #layer-box-buttons .button.catalog_send_link:active { background-position: -306px -68px; } .card-full #layer-box-buttons .button .icon-part, .card-full .buttons .button .icon-part { width: 105px; padding: 0 15px 0 33px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; background: none; } .card-full .buttons { width: 153px; font-size: 0; background-color: #dddedf; } .card-full .buttons .button { display: block; margin: 0; padding: 0; text-shadow: #fff 0 1px 1px; line-height: 34px; vertical-align: top; } .card-full .buttons .button.icn-print { background-position: 0 -102px; } .card-full .buttons .button.icn-print:hover, .card-full .buttons .button.icn-print:focus { background-position: -153px -102px; } .card-full .buttons .button.icn-print:active { background-position: -306px -102px; }   } @media print { .filter, .producer .filter, .producer, .card-full .purchase-form, .card-full .tabs div.head, .card-full .tabs .tab .comment_form_area, .card-full .tabs .tab .send-link, .card-full .buttons, .card-full .noprint { display: none; } .card-full .right-cell { width: 30%; float: right; } .card-full .left-cell { float: none; margin: 0 33% 0 0; } .card-full .left-cell .slideshow-thumbnails .image img { width: 100%; } }  @media screen,projection,tv { .steps { height: 30px; min-height: 30px; margin: 0 0 16px 0; border: solid 1px #cecece; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: url(/css/catalog/img/steps-grad.png) #e0e0e0 0 0 repeat-x; } div[class] .steps { height: auto; } .steps ul { display: block; height: 0; min-height: 0; list-style: none; list-style-image: none; margin: 0; padding: 0; } div[class] .steps ul { height: auto; } .steps ul li { display: block; height: 30px; min-height: 30px; line-height: 30px; padding: 0 25px 0 10px; float: left; font-size: 14px; color: #919191; background-position: 100% 0; background-repeat: no-repeat; background-image: url(/css/catalog/img/step-end.png); background-color: transparent; } div[class] .steps ul li { height: auto; } .steps ul li.first { -webkit-border-radius: 4px; -moz-border-radius: 4px; } .steps ul li.active { padding: 0 0 0 10px; color: #fff; background-position: 0 0; background-repeat: repeat-x; background-image: url(/css/catalog/img/step-grad.png); } .steps ul li.done { background-image: url(/css/catalog/img/step-begin-active.png); } .steps ul li.active strong { display: block; height: 30px; min-height: 30px; padding: 0 25px 0 0; float: left; font-weight: 400; background: transparent url(/css/catalog/img/step-end-active.png) 100% 0 no-repeat; } .steps ul li.first strong { padding: 0 25px 0 5px; } div[class] .steps ul li.active strong { height: auto; float: none; } }