/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
@font-face {
font-family: 'Beau_book';
src: url('fonts/pfbeausanspro-bbook-webfont.eot');
src: url('fonts/pfbeausanspro-bbook-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/pfbeausanspro-bbook-webfont.svg') format('svg'),
url('fonts/pfbeausanspro-bbook-webfont.woff') format('woff'),
url('fonts/pfbeausanspro-bbook-webfont.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Beau_book';
src: url('fonts/pfbeausanspro-semibold-webfont.eot');
src: url('fonts/pfbeausanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/pfbeausanspro-semibold-webfont.svg') format('svg'),
url('fonts/pfbeausanspro-semibold-webfont.woff') format('woff'),
url('fonts/pfbeausanspro-semibold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Beau_book';
src: url('fonts/pfbeausanspro-semibold-webfont.eot');
src: url('fonts/pfbeausanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/pfbeausanspro-semibold-webfont.svg') format('svg'),
url('fonts/pfbeausanspro-semibold-webfont.woff') format('woff'),
url('fonts/pfbeausanspro-semibold-webfont.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Beau';
src: url('fonts/pfbeausanspro-regular-webfont.eot');
src: url('fonts/pfbeausanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/pfbeausanspro-regular-webfont.svg') format('svg'),
url('fonts/pfbeausanspro-regular-webfont.woff') format('woff'),
url('fonts/pfbeausanspro-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Beau';
src: url('fonts/pfbeausanspro-semibold-webfont.eot');
src: url('fonts/pfbeausanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/pfbeausanspro-semibold-webfont.svg') format('svg'),
url('fonts/pfbeausanspro-semibold-webfont.woff') format('woff'),
url('fonts/pfbeausanspro-semibold-webfont.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Beau';
src: url('fonts/pfbeausanspro-italic-webfont.eot');
src: url('fonts/pfbeausanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/pfbeausanspro-italic-webfont.svg') format('svg'),
url('fonts/pfbeausanspro-italic-webfont.woff') format('woff'),
url('fonts/pfbeausanspro-italic-webfont.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
html,
button,
input,
select,
textarea {
color: #262626;
font-family: Tahoma, Verdana, sans-serif;
}
a {
color: #262626;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active,
a:focus {
outline: none;
}
body {
font-size: 10px;
color: #262626;
background: #fff;
font-family: Tahoma, Verdana, sans-serif;
line-height: 1.2;
position: relative;
min-height: 768px;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: none;
}
label {
cursor: pointer;
}
input:focus,
textarea:focus,
select:focus {
outline: none;
}
.dashed {
text-decoration: none !important;
border-bottom: 1px dashed #fff;
font-size: 16px;
text-transform: uppercase;
margin-right: 90px;
line-height: 25px;
height: 20px;
}
.header_center .icon{
float: left;
width: 23px;
height: 22px;
}
.dashed:hover {
border-bottom-color: transparent;
}
.inputs::-webkit-input-placeholder {
font-family: "Beau";
font-style: italic;
color: #848484;
}
.inputs::-moz-placeholder {
font-family: "Beau";
font-style: italic;
color: #848484;
}
.inputs2::-webkit-input-placeholder {
color: #888;
}
.inputs2::-moz-placeholder {
color: #888;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* =============================<<< Header ============================== */
.icons {
background: url('img/sprite.png') no-repeat 0 0;
}
.icon {
background: url('img/hardevel.png') no-repeat 0 0;
}
.orders .right{
max-width: 820px;
}
.content {
position: relative;
padding: 15px 40px 10px;
max-width: 1520px;
min-width: 1120px;
margin: 0 auto;
}
.page_header {
width: 100%;
left: 0;
top: 0;
z-index: 500;
min-width: 1200px;
/*margin-bottom: 31px;*/
}
.left_white{
width: calc((100% - 1520px) / 2);
left: 0;
height: 100%;
z-index: 1000;
margin-top: 86px;
position: fixed;
background-color: #fff;
top: 0;
}
.menu_flipper{
position: fixed;
top: 228px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
color: #909090;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
left: 0;
z-index: 1100;
display: none;
}
.menu_flipper:hover{
color: #d40000;
}
.menu_flipper:before{
content: "";
height: 162px;
width: 20px;
background: url('../img/hardevel.png') 0 -50px no-repeat;
position: absolute;
top: -82px;
left: 49px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
z-index: 500;
}
.menu_flipper:hover:before{
background-position: 0 -220px;
}
.menu_flipper.show_menu:before{
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
top: -60px;
left: 59px;
}
header .first{
background: #262626;
position: fixed;
width: 100%;
z-index: 600;
min-width: 1200px;
height: 86px;
}
header .second{
width: 100%;
margin-top: 86px;
width: 100%;
position: fixed;
z-index: 400;
background-color: #ffffff;
}
header .second .content{
padding-top: 0;
padding-bottom: 0;
}
header .second_left{
width: 100%;
margin-top: 86px;
position: fixed;
z-index: 499;
/*min-width: 1200px;*/
}
header .second_left .content{
width: 100%;
}
header .second_left .left{
margin-top: -15px;
background: #fff;
position: absolute;
width: 294px;
padding-top: 27px;
z-index: 50;
left: 40px;
padding-bottom: 10px;
}
header .second_left .left .tabs_menu{
z-index: 5;
}
header .second_left .left .block_title {
float: left;
font-size: 1.6em;
text-transform: uppercase;
font-family: "Beau_book";
font-weight: normal;
width: 122px;
height: 30px;
text-align: center;
color: #8b8b8b;
background: url('img/tab.png') 0 10px no-repeat;
cursor: pointer;
}
header .second_left .left .block_title:first-child{
margin-right: 16px;
}
header .second_left .left .block_title.active{
/*background-image: url('img/tab_active.png');*/
color: #d40000;
}
header .second_left .left .block_title.active#cabinet_link{
/*background-image: url('img/tab_active_large.png');*/
width: 255px;
}
header .second_left .left .block_title#cabinet_link {
background: url('img/tab.png') no-repeat center center;
background-size: 100% 100%;
display: inline-block;
padding: 5px 10px; /* немного отступов, чтобы фон не слипался с текстом */
width: auto; /* пусть ширина подстраивается под текст */
height: auto; /* если не нужно фиксировать */
}
header .second_left .left .block_title#cabinet_link {
width: auto !important;
background-size: 100% 100%;
}
header .second .curtain {
/*background-color: rgb(255, 255, 255);*/
/*font-size: 24px;*/
font-family: "Beau_book";
text-transform: uppercase;
padding-left: 324px;
background-color: #fff;
}
header .second .curtain .background{
background-color: #fff;
padding-top: 24px;
}
header .second .curtain h2{
display: inline-block;
font-weight: normal;
font-size: 24px;
}
header .second .user_settings{
float: right;
margin-top: 3px;
cursor: pointer;
margin-left: 20px;
position: relative;
}
header .second .user_settings i{
width: 22px;
height: 22px;
background-position: -70px 0 ;
display: inline-block;
filter: grayscale(100%) brightness(0.5);
}
header .second .user_settings.question i{
background-position: -200px 0 ;
}
header .second .user_settings.question{
width: 106px;
position: relative;
}
header .second .user_settings.settings{
width: 160px;
position: relative;
}
header .second .user_settings > *{
position: absolute;
z-index: 100;
}
header .second .user_settings span.title{
display: inline-block;
border-bottom: 1px dashed #d40000;
font-size: 13px;
text-transform: uppercase;
color: #d40000;
font-family: "Beau";
font-weight: bold;
margin: 4px 0 0 26px;
float: right;
}
header .second .user_settings:hover span.title{
color: #d40000;
border-color: #d40000;
}
.hardevel_popup{
padding: 45px 23px 18px;
display: none;
position: absolute;
left: -23px;
top: -20px;
width: 260px;
height: 210px;
background-color: #fff;
opacity: 1;
border: 1px solid #e1e1e1;
font: 14px/30px "Beau";
color: #090707;
text-transform: none;
}
.hardevel_popup.question{
height: 200px;
}
.hardevel_popup.settings{
top: -20px;
width: 152px;
left: -20px;
z-index: 200;
}
.hardevel_popup > span{
display: inline-block;
width: 27px;
float: left;
}
.hardevel_popup .currency{
margin-top: 3px;
}
.product_row{
position: relative;
}
.product_row .product_row_left{
display: table-cell;
vertical-align: middle;
font-size: 1px;
}
.products .product_row .product_row_left{
height: 62px;
}
.products .product_row.nophoto .product_row_left{
height: 30px;
}
.product_row .product_row_right{
display: table-cell;
width: 1%;
white-space:nowrap;
vertical-align: middle;
}
.products {
padding-top: 67px;
font-size: 12px;
border-collapse: separate;
padding-bottom: 10px;
}
.product_row a.sort{
display: inline-block;
width: 23px;
height: 22px;
background-position: -170px 0;
/*float: right;
margin: -3px 0 0 5px;
*/
position: absolute;
top: -3px;
left: 70px;
}
.product_row .pt_name a.sort{
left: 88px;
}
.product_row a.sort.desc{
background-position: -145px 0;
}
.product_row a.sort.active{
background-position: -95px 0;
}
.product_row a.sort.active.desc{
background-position: -120px 0;
}
.product_row .title {
position: relative;
font-size: 15px;
text-transform: uppercase;
font-family: "Beau";
font-weight: 600;
text-align: center;
}
.product_row .product_row_right .title, .curtain .title{
display: inline-block;
}
.product_row .title.active {
color: #d40000;
}
.product_row .title .arr_icon {
background-position: -24px 0;
}
.product_row .active .arr_icon {
background-position: -12px 0;
}
.product_row .col6 .title {
font-size: 2em;
line-height: 10px;
margin-top: 3px;
}
.product_row .col6 .title .arr_icon {
top: 2px;
right: -11px;
}
.product_row .pt_photo{
width: 60px;
}
.product_row .pt_photo img{
width: 60px;
height: 61px;
}
.product_row .pt_code{
width: 62px;
}
.product_row .pt_pn{
width: 144px;
}
.product_row .pt_name{
text-align: left;
padding: 0 5px;
}
.product_row .pt_name span{
display: inline-block;
/*border-bottom: 1px dashed #262626;*/
cursor: pointer;
line-height: 13px;
}
/*
.product_row .pt_name span:hover{
text-decoration: underline;
}
*/
.product_row .pt_warranty{
width: 60px;
}
.product_row .pt_price{
width: 90px;
padding-right: 0px;
}
.product_row .pt_quantity{
width: 68px;
}
.product_row .pt_incart{
width: 72px;
}
.product_row .pt_add{
position: relative;
width: 50px;
}
.product_row .pt_order{
width: 107px;
}
.product_row .pt_date{
width: 145px;
text-align: left;
}
.product_row .pt_city{
width: 200px;
text-align: left;
}
.product_row .pt_position{
width: 120px;
text-align: left;
}
.product_row .pt_rights{
width: 185px;
text-align: left;
line-height: 25px;
}
.curtain .product_row .pt_actions{
padding-right: 10px;
}
.product_row .pt_rights div{
height: 43px;
/* line-height: 9px; */
position: absolute;
top: -30px;
line-height: 16px;
font-size: 12px;
color: #373737;
}
.product_row .pt_rights.strings1 div{
top: -14px;
}
.product_row .pt_rights.strings2 div{
top: -20px;
}
.product_row .pt_rights a{
padding-left: 18px;
position: relative;
}
.product_row .pt_rights a:before{
content: " ";
position: absolute;
background: url(img/contacts.png) 0 0 no-repeat;
width: 17px;
height: 12px;
top: 2px;
left: 0;
}
.product_row .pt_actions{
width: 130px;
text-align: left;
}
.product_row .pt_actions a{
background: url("img/contacts.png") 0 -50px no-repeat;
width: 32px;
height: 32px;
display: inline-block;
position: absolute;
top: -20px;
left: 0;
}
.product_row .pt_actions a:hover{
background-position: 0 -100px;
}
.product_row .pt_actions a.edit{
background-position: -50px -50px;
left: 47px;
}
.product_row .pt_actions a.edit:hover{
background-position: -50px -100px;
}
.product_row .pt_actions a.delete{
background-position: -100px -50px;
left: 94px;
}
.product_row .pt_actions a.delete:hover{
background-position: -100px -100px;
}
.product_row .pt_summary{
width: 172px;
}
.product_row .pt_sum{
width: 180px;
text-align: left;
}
.product_row .pt_state{
width: 115px;
text-align: left;
}
.product_row .pt_productname{
text-align: left;
}
.product_row .pt_requirement{
width: 110px;
text-align: left;
}
.product_row .pt_request{
width: 75px;
text-align: left;
}
.curtain .product_row_left:first-child{
padding-left: 10px;
}
.curtain .product_row_right:last-child{
padding-right: 10px;
}
.orders .curtain .product_row .title{
text-align: left;
padding: 0;
}
.orders .product_row_right{
width: 330px;
font-size: 0;
}
.orders.contacts .product_row_right, .orders.services .product_row_right{
width: 1%;
}
.orders .curtain .product_row .pt_order{
margin-left: 10px;
}
.orders .product_row .pt_name{
width: 208px;
padding: 0;
margin-left: -2px;
}
.curtain .product_row .pt_fio{
margin-left: 10px;
}
.curtain .product_row .pt_state{
padding-right: 10px;
}
.curtain .product_row{
border-bottom: 2px solid #d40000;
padding-bottom: 7px;
margin-top: 17px;
}
.right_col .products thead {
text-align: center;
border-bottom: 2px solid #d40000;
top: 160px;
/*width: 873px;*/
z-index: 5;
background: #fff;
}
.products thead td {
padding-bottom: 8px;
}
.products thead th {
text-align: center;
height: 33px;
}
.products.orders thead th {
height: 33px;
}
.products.orders thead th:nth-child(2) {
text-align: left;
height: 33px;
padding-left: 10px;
}
.products td{
text-align: center;
}
.products .pt_name small{
font-weight: normal;
font-size: 10px;
color: #676767;
line-height: 10px;
overflow: hidden;
display: block;
padding-top: 4px;
max-height: 21px;
}
.products .nophoto .pt_name small{
height: 11px;
}
.products .product_row .pt_price.title{
font-weight: bold;
color: #262626;
}
.pt_price.title.no-sort {
cursor: default; /* Убрать курсор-руку */
/*user-select: none; /* Запретить выделение текста */
color: #555; /* Сделать цвет чуть бледнее — по желанию */
}
.currency{
display: inline-block;
background-color: #e5aa31;
border-radius: 4px;
width: 22px;
text-align: center;
font-weight: bold;
color: #fff;
float: left;
line-height: 24px;
font-size: 14px !important;
}
.dollar .currency{
background-color: #6cb548;
}
.products .product_row .pt_price.title .currency{
float: left;
color: #fff;
margin-left: 6px;
margin-top: 18px;
}
.products .product_row.nophoto .pt_price.title .currency{
margin-top: 9px;
}
.products .product_row .pt_price.title .float{
float: left;
margin-left: 6px;
/*
float: right;
margin-right: 6px;
*/
font-weight: normal;
}
.products .product_row .pt_price.title .float.highlight-price {
color: #ff6885; /* или просто red */
font-weight: bold;
}
.products .product_row .pt_price .currency .available_popup{
color: #a8a8a8;
font-weight: normal;
line-height: 14px;
font-size: 12px;
font-family: "Beau";
left: 26px;
top: -7px;
}
.products tbody .pt_price{
}
.col1 {
width: 52px;
}
.col2 {
width: 430px;
}
.cart_form .products .col2 {
width: 400px;
}
.col3 {
width: 60px;
text-align: left;
}
.col4 {
width: 55px;
}
.col5 {
width: 55px;
}
/*.col6 {
width: 100px;
}*/
.logo {
width: 176px;
height: 53px;
position: absolute;
background: url('img/logo.png') no-repeat 0 0;
margin: 10px 0 0 0;
}
.header_center {
/*float: left;*/
margin: 0 0 0 303px;
width: 875px;
}
.fin_info {
float: left;
position: relative;
}
/*.fin_info .icon{
background-position: -25px 0;
}*/
.fin_info .icon {
/* 1. Указываем путь к вашему изображению */
background-image: url('img/fin_info_icon.png');
/* 2. Убираем позиционирование от старого спрайта */
background-position: center; /* Центрируем фон */
background-repeat: no-repeat;
/* 3. Гарантируем, что картинка поместится в блок */
background-size: contain;
/* 4. Задаем нужные размеры для блока иконки */
width: 24px;
height: 24px;
}
.fin_popup {
display: none;
width: 154px;
background: #343434;
position: absolute;
left: -7px;
top: -11px;
z-index: 1;
border-radius: 0 0 3px 3px;
}
.fin_popup div {
display: block;
color: #fff;
font-size: 1.2em;
font-family: "Beau_book";
margin: 38px 0 10px 10px;
}
.fin_popup .icon{
margin-left: 7px;
margin-top: 11px;
}
.fin_popup span {
color: #ffffff;
cursor: pointer;
}
.fin_popup .balance_div{
margin-top: -5px;
margin-bottom: 5px;
}
.fin_popup .balance{
color: #ffffff;
display: block;
font-size: 12px;
text-decoration: underline;
display: inline-block;
}
.fin_info_link {
display: inline-block;
position: relative;
z-index: 10;
font-size: 16px;
color: #fff;
font-family: "Beau_book";
}
.manager {
float: left;
position: relative;
z-index: 200;
}
/*.manager .icon{
background-position: 0 2px;
}*/
.manager .icon {
/* 1. Указываем путь к вашему изображению */
background-image: url('img/manager_icon.png');
/* 2. Убираем позиционирование от старого спрайта */
background-position: center; /* Центрируем фон */
background-repeat: no-repeat;
/* 3. Гарантируем, что картинка поместится в блок */
background-size: contain;
/* 4. Задаем нужные размеры для блока иконки */
width: 24px;
height: 24px;
}
.manager_link {
color: #fff;
position: relative;
font-family: "Beau_book";
display: inline-block;
position: relative;
z-index: 10;
}
.manager_popup {
display: none;
min-width: 160px;
background: #343434;
position: absolute;
left: -8px;
top: -11px;
z-index: 1;
border-radius: 0 0 3px 3px;
}
.manager_popup .icon{
margin-top: 11px;
margin-left: 8px;
}
.manager_popup ul {
margin: 38px 10px 10px 10px;
font-size: 1.2em;
font-family: "Beau_book";
}
.manager_popup li {
margin-bottom: 5px;
}
.manager_popup .dt {
float: left;
width: 60px;
color: #fff;
}
.manager_popup .dd {
padding-left: 65px;
color: #ffffff;
}
.arr_icon {
display: inline-block;
width: 9px;
height: 5px;
background-position: 0 0;
position: absolute;
right: -16px;
top: 8px;
z-index: 1;
}
.search_form {
position: relative;
margin: 0 0 13px;
width: 512px;
}
.inputs {
background-color: #fff;
font-size: 13px;
color: #7e7c7c;
padding: 0 8px;
height: 24px;
line-height: 24px;
width: 51px;
border: 1px solid #c3c3c3;
border-radius: 5px;
/*box-shadow: inset 0 4px 4px -2px rgba(0,0,0,0.14);*/
margin-left: 4px;
}
select.inputs{
width: 100%;
margin-left: 0;
}
#search_category{
margin-top: 4px;
color: #262626;
}
.search_form .inputs {
width: 100%;
padding-right: 30px;
line-height: 24px;
margin-left: 0;
}
.search_form .inputs{
line-height: normal;
}
.search_icon {
display: inline-block;
border: none;
width: 16px;
height: 16px;
background-position: -50px 0;
position: absolute;
right: -30px;
top: 6px;
z-index: 1;
}
div.user {
float: left;
width: 225px;
position: relative;
z-index: 100;
}
/*div.user .icon{
background-position: -47px 3px;
}*/
div.user .icon{
/* 1. Указываем путь к вашему изображению */
background-image: url('img/cabinet_icon.png');
/* 2. Убираем позиционирование от старого спрайта */
background-position: center; /* Центрируем фон */
background-repeat: no-repeat;
/* 3. Гарантируем, что картинка поместится в блок */
background-size: contain;
/* 4. Задаем нужные размеры для блока иконки */
width: 24px;
height: 24px;
}
div.user > a {
display: inline-block;
max-width: 165px;
color: #fff;
font-family: "Beau_book";
position: relative;
z-index: 10;
}
.logout_popup {
display: none;
min-width: 195px;
background: #343434;
position: absolute;
left: -9px;
top: -11px;
z-index: 1;
border-radius: 0 0 3px 3px;
}
.logout_popup .icon{
margin-top: 11px;
margin-left: 9px;
}
.logout_popup div {
display: block;
color: #fff;
margin: 38px 10px 0 31px;
/*height: 37px;*/
font-size: 1.2em;
font-family: "Beau_book";
}
.logout_popup div a{
margin-bottom: 4px;
display: inline-block;
}
.logout_popup span {
color: #ffffff;
display: inline-block;
white-space: pre;
}
.logout_btn {
display: block;
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 1.2em;
color: #fff;
background: #d40000;
text-transform: uppercase;
font-family: "Beau_book";
border-radius: 0 0 3px 3px;
}
/* ============================= Header >>>============================== */
/* =============================<<< Home ============================== */
.content.main{
margin-top: 100px;
padding-bottom: 100px;
}
.error .content.main{
margin-top: 0;
margin-bottom: 0;
}
.left_col {
width: 280px;
float: left;
/*margin-top: -50px;*/
margin-top: 38px;
z-index: 400;
position: relative;
padding-right: 44px;
}
.seo_title {
font-size: 24px;
text-transform: uppercase;
font-family: "Beau_book";
font-weight: normal;
margin-bottom: 21px;
line-height: 28.8px;
}
.catalog {
font-size: 1.2em;
font-family: "Beau";
font-weight: 600;
padding: 4px 0;
margin-bottom: 27px;
}
.catalog li {
padding: 10px 17px 5px;
border-top: 1px solid #d8d8d8;
position: relative;
}
.catalog li:first-child {
border-top: none;
padding-top: 0;
}
.catalog li .red{
color: #ff644f;
}
.catalog li span{
color: #696969;
}
.catalog .children {
border-top: 1px solid #d8d8d8;
margin: 4px -17px 0;
}
.catalog.search .children {
margin: 0;
}
.catalog .childrenn {
border-top: 1px solid #d8d8d8;
margin: 4px -10px 0;
}
.catalog .children a {
color: #8d8c8c;
}
.catalog a:hover {
color: #d40000;
}
.catalog li.active > a,.catalog li.active1 > a{
color: #d40000;
}
.catalog .children .active:before {
display: block;
content: '';
width: 3px;
height: 30px;
background: #d40000;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.catalog .children li {
margin-left: 19px;
padding: 10px 0 5px 8px;
}
.catalog .children li:first-child {
padding-top: 10px;
}
.catalog .children li:last-child {
}
.catalog > .active {
padding-bottom: 0;
}
.catalog.search > .active {
padding-bottom: 5px;
}
.catalog > .active + li {
/*padding-top: 5px;*/
}
.cabinet_menu{
padding: 23px 0;
border-radius: 6px;
background-color: #f8f8f8;
}
.cabinet_menu li{
border-left: 2px solid #f8f8f8;
padding-left: 14px;
font: bold 13px/34px "Beau";
color: #262626;
}
.cabinet_menu li.active{
background-color:#ffffff;
border-left-color: #d40000;
color: #d40000;
}
.cabinet_menu li.active a{
color: #d40000;
}
.short_titles {
margin-top: 25px;
padding: 5px 0px 6px 8px;
background: #f0f0f0;
border-radius: 3px;
font-size: 1.2em;
font-family: "Beau";
}
.short_titles li {
margin-top: 8px;
color: #757575;
}
.short_titles li:first-child {
margin-top: 0;
}
.short_titles span {
font-weight: 600;
font-size: 14px;
}
.tab{
display: none;
}
.tab.active{
display: block;
}
#filters_tab .filters_wrapper{
padding: 15px;
background-color: #f8f8f8;
border-radius: 5px;
}
#filters_tab .filters_wrapper, #categories_tab > ul{
margin-bottom: 25px;
}
.hardevel_form{
position: relative;
font-family: "Beau";
}
.hardevel_form > ul > li{
margin-top: 35px;
}
.hardevel_form > ul > li:first-child{
margin-top: 10px;
}
.hardevel_form .filter_title{
font-size: 15px;
color: #d40000;
font-weight: bold;
}
.hardevel_form ul.filter_values li{
margin-top: 5px;
}
.hardevel_form ul.filter_values li.disabled{
opacity: 0.5;
}
label.filter_label{
line-height: 17px;
height: 17px;
padding-left: 26px;
font-size: 13px;
color: #262626;
background: url("img/hardevel.png") 0 -25px no-repeat;
display: inline-block;
}
label.filter_label.active, input[type="checkbox"]:checked+label.filter_label{
background: url("img/hardevel.png") 0 -42px no-repeat;
}
.hardevel_form ul.filter_values input[type=checkbox],input.filter_label[type=checkbox]{
display: none;
}
.hardevel_form input[type=text]{
background-color: #fff;
font-size: 13px;
color: #7e7c7c;
padding: 0 8px;
height: 24px;
line-height: 24px;
width: 51px;
border: 1px solid #c3c3c3;
border-radius: 5px;
/*box-shadow: inset 0 4px 4px -2px rgba(0,0,0,0.14);*/
margin-left: 4px;
}
.hardevel_form input[type=submitt]{
display: block;
border-radius: 14px;
border: 2px solid #d40000;
padding: 0 11px;
height: 29px;
line-height: 26px;
font-family: "Beau";
font-weight: bold;
font-size: 14px;
background-color: #fff;
color: #d40000;
text-transform: uppercase;
}
.filter_slider{
margin-top: 10px;
}
.filter_slider .slider{
width: 214px;
margin-left: 5px;
margin-bottom: 11px;
}
.filter_input{
float: left;
font-size: 13px;
font-family: "Beau";
color: #7e7c7c;
}
.filter_input.right{
float: right;
padding: 0;
}
.filter_buttons{
margin-top: 30px;
margin-bottom: 10px;
}
.filter_buttons input{
float: left;
display: inline-block;
}
.filter_buttons a{
display: inline-block;
border-bottom: 1px dashed #d40000;
float: right;
color: #d40000;
font-size: 14px;
text-transform: uppercase;
margin-top: 10px;
margin-right: 37px;
}
.hardevel_form .filter_popup{
width: 118px;
height: 53px;
display: none;
position: absolute;
left: 105px;
top: 0;
line-height: 18px;
text-align: center;
font-size: 13px;
background: url("img/hardevel.png") 0 -65px no-repeat;
padding: 9px 0 0 0;
z-index: 100;
}
.hardevel_form .filter_popup a{
color: #d40000;
display: inline-block;
text-decoration: underline;
}
.right_col {
position: relative;
width: calc(100% - 324px);
float: left;
}
.right_col.main {
float: left;
width: 875px;
margin-top: -13px;
}
/******PRODUCTS TABLE */
.products .product_row{
border-bottom: 1px solid #c0c0c0;
}
.products .product_row > div > div, .products .product_row > div > div .availability{
border-left: 1px solid #c0c0c0;
}
.products .product_row > div > div.pt_incart{
border-right: 1px solid #c0c0c0;
}
/*
.products .product_row > div{
border-bottom: 1px solid #c0c0c0;
}
*/
.products .product_row.added{
/*border-left: 1px solid #d40000;*/
}
.products.prod .product_row.odd{
background-color: #F0F8FF
}
.products .product_row .title{
/*line-height: 60px;*/
}
.products .product_row .product_row_right .title{
line-height: 62px;
}
.products .product_row.nophoto .title{
line-height: 40px;
}
.products .product_row.nophoto .pt_name{
height: 40px;
line-height: 10px;
}
/*
.products .product_row .title:after, .products .product_row .title.pt_incart:before{
content: " ";
display: block;
position: absolute;
width: 1px;
height: 66px;
background-color: #c0c0c0;
left: -2px;
top: -2px;
}
.products .product_row .product_row_right .title:after, .products .product_row .title.pt_incart:before{
top: -3px;
}
.products .product_row:hover .product_row_right .title:after, .products .product_row:hover .product_row_right .title.pt_incart:before{
height: 62px;
top: -1px;
}
.products .product_row.nophoto .title:after, .products .product_row.nophoto .title.pt_incart:before{
content: " ";
display: block;
position: absolute;
width: 1px;
height: 34px;
background-color: #c0c0c0;
right: -2px;
top: -2px;
}
.products .product_row .title.pt_photo:after{
left: -2px;
}
.products .product_row.active .title.pt_photo :after{
display: none;
}
.products .product_row .title.pt_quantity:after{
margin-top: -35px;
}
.products .product_row .title.pt_incart:before{
right: -2px;
left: auto;
}
.products .product_row .title.pt_incart:after, .products .product_row .title.pt_incart:before{
}
*/
/*nophoto*/
.products .product_row.nophoto .title:after{
height: 34px;
}
.products .product_row.nophoto .title.pt_quantity:after{
margin-top: -20px;
}
.products .product_row.nophoto:hover .title.pt_quantity:after{
margin-top: -19px;
}
.products .product_row.nophoto:hover .title:after{
height: 40px;
margin-top: 1px;
}
.products .product_row.nophoto:hover .pt_code:after,.products .product_row.active .pt_code:after{
display: none;
}
.products .product_row:hover .title.pt_incart:before{
display: none;
}
.products .product_row:hover .title.pt_photo:after,.products .product_row.active .title.pt_photo:after{
display: none;
}
.products.prod .product_row:hover{
background-color: #f7f7f7;
}
.products.prod .product_row.active{
border-color: #F0F8FF;
}
.products .line{
width: 100%;
height: 1px;
background-color: #c0c0c0;
}
.products .product_row .product_row_right{
top: 16px;
right: 1px;
}
.products .product_row.nophoto .product_row_right{
top: 50%;
right: 1px;
height: 40px;
margin-top: -17px;
}
.products .product_row .title{
font-size: 12px;
text-transform: none;
font-family: Tahoma, Arial;
font-weight: normal;
}
.products .product_row .marker{
position: absolute;
top: -2px;
left: -8px;
background-color: #e5ab31;
color: #fff;
font: 10px/12px "Calibri";
text-align: center;
width: 58px;
text-transform: uppercase;
z-index: 300;
}
.products .product_row .marker.label5{
background-color: #ff6b2e;
}
.products .product_row .marker.label4{
background-color: #34d1dc;
}
.products .product_row .marker.label2{
background-color: #ff6885;
}
.products .product_row .marker.label7{
background-color: #d40000;
}
.products .product_row .marker.label8{
background-color: #00bcd4;
}
.products .product_row .marker.label9{
background-color: #1B5E20;
color: #FFEB3B;
}
.products .product_row .marker:after{
content: "";
display: block;
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 6px 6px 0;
border-color: transparent #db6d27 transparent transparent;
}
.products .product_row .marker.label7:after{
border-color: transparent #487e26 transparent transparent;
}
.products .product_row .marker.label4:after{
border-color: transparent #34d1dc transparent transparent;
}
.products .product_row .marker.label8:after {
border-color: transparent #00bcd4 transparent transparent; /* голубой */
}
.products .product_row .marker.label9:after {
border-color: transparent #1B5E20 transparent transparent;
}
/*
.products tbody tr.line{
height: 1px;
background-color: #c0c0c0;
}
.products tbody tr.line td{
height: 1px;
background-color: #c0c0c0;
border: none;
border-radius: 0;
}
.products tbody tr td{
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.products tbody tr:hover td {
border-color: #d40000;
}
.products tbody tr td:first-child {
border-left: 2px solid #fff;
}
.products tbody tr td:last-child {
border-right: 2px solid #fff;
}
.products tbody tr:hover td:last-child, .products tbody tr:hover td:first-child{
border-color: #d40000;
}
.products tbody td {
/*background: #f8f8f8;*/
/* vertical-align: middle;
}
.products tbody tr.first td {
padding: 75px 0 0;
}
.products tbody tr:nth-child(odd) td {
/* background: #f0f0f0; */
/*
}
.products tbody tr:hover td {
}
.products tbody tr td:first-child {
border-radius: 3px 0 0 3px;
}
.products tbody tr td:last-child {
border-radius: 0 3px 3px 0;
}
*/
.products div.title {
/*cursor: pointer;*/
}
.buy_btn,
.remove_btn {
display: inline-block;
width: 24px;
height: 24px;
margin: 0 0 0 9px;
border: 1px solid #d40000;
background-position: 0 -50px;
border-radius: 25px;
}
.buy_btn:hover {
background-position: -50px -50px;
}
.products .remove_btn {
background-position: -100px -50px;
border-color: #b3b3b3;
}
.products .remove_btn:hover {
border-color: #d40000;
/*background-position: -150px -50px;*/
background-color: #d40000;
}
.products .pr_id,
.products .availability {
/*font-size: 1.2em;*/
color: #757575;
position: relative;
}
.products .pr_id {
margin: 0 0 0 10px;
}
.products .pt_quantity .availability {
position: absolute;
margin-top: -36px;
display: table-row;
vertical-align: middle;
}
.products .nophoto .pt_quantity .availability {
top: -11px;
}
.products .pt_quantity .availability .availability_cell {
width: 62px;
/* top: -19px; */
height: 61px;
vertical-align: middle;
text-align: center;
display: table-cell;
}
.products .pt_quantity .availability .availability_cell span .city_line{
position: relative;
text-align: left;
display: inline-block;
width: 100%;
}
.products .pt_quantity .availability .availability_cell span .city_line > span,.products .pt_quantity .availability .availability_cell span .city_line > span{
text-align: left;
color: #6cb548;
font-size: 18px;
top: 0;
left: 13px;
position: absolute;
}
.products .pt_quantity .availability .availability_cell span span span{
margin-right: 0;
}
.products .pt_quantity .availability .availability_cell span span span{
color :#c0c0c0;
margin-top: 0;
}
.products .nophoto .pt_quantity .availability{
margin-top: -15px;
}
.products .product_row .pt_quantity .availability .availability_cell {
line-height: 13px;
height: 63px;
}
.products .product_row.nophoto .pt_quantity .availability .availability_cell {
line-height: 13px;
height: 41px;
}
.products .product_row .pt_quantity .availability .availability_cell.left {
padding-left: 5px;
}
.products .descr {
font-size: 1.2em;
margin: 0 40px 0 10px;
position: relative;
}
.products .descr a{
display: block;
float: right;
padding-left: 10px;
text-align: right;
color: #d40000;
}
.products .descr div{
display: none;
position: absolute;
top: -110px;
left: 30px;
position: absolute;
z-index: 9999;
border: 2px solid #b7b7b7;
border-radius: 3px;
}
.products .descr div img{
border-radius: 3px;
}
.products .descr a:hover div{
display: block;
}
.products .total,
.products .price {
margin: 0 0 0 0;
font-size: 1.2em;
}
.cart_form .products .price {
text-align: right;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.products_cart {
width: 100%;
}
.products_cart td {
padding: 0;
}
.products_cart thead {
text-align: center;
border-bottom: 2px solid #d40000;
}
.products_cart thead td {
padding-bottom: 8px;
}
.products_cart .inputs{
width: 26px;
}
.products_cart .col1 {
width: 52px;
}
.products_cart .col2 {
width: 430px;
}
.products_cart .col2 {
width: 400px;
}
.products_cart .col3 {
width: 60px;
text-align: left;
}
.products_cart .col4 {
width: 55px;
}
.products_cart .col5 {
width: 55px;
}
/*.col6 {
width: 100px;
}*/
.products_cart .title.active {
color: #d40000;
}
.products_cart .title .arr_icon {
background-position: -24px 0;
}
.products_cart .active .arr_icon {
background-position: -12px 0;
}
.products_cart .col6 .title {
font-size: 2em;
line-height: 10px;
margin-top: 3px;
}
.products_cart .col6 .title .arr_icon {
top: 2px;
right: -11px;
}
.products_cart tbody tr {
border-bottom: 3px solid #fff;
}
.products_cart tbody tr.first {
border-bottom: 16px solid #fff;
}
.products_cart tbody td {
background: #f8f8f8;
vertical-align: top;
padding-bottom: 2px;
padding-top: 2px;
vertical-align: middle;
}
.products_cart tbody tr.first td {
padding: 75px 0 0;
}
.products_cart tbody tr:nth-child(odd) td {
background: #f0f0f0;
}
.products_cart tbody tr:hover td {
background: #b7b7b7;
}
.products_cart tbody td:first-child {
border-radius: 5px 0 0 5px;
}
.products tbody td.last {
border-radius: 0 5px 5px 0;
}
.products_cart .title {
display: inline-block;
position: relative;
font-size: 1.3em;
text-transform: uppercase;
font-family: "Beau";
font-weight: 600;
}
.products_cart div.title {
/*cursor: pointer;*/
}
.buy_btn,
.remove_btn {
display: inline-block;
width: 24px;
height: 24px;
margin: 0 0 0 9px;
border: 1px solid #d40000;
background-position: 0 -50px;
border-radius: 25px;
top: -18px;
left: 10px;
}
.products .buy_btn,.products .remove_btn {
position: absolute;
top: -18px;
left: 10px;
}
.buy_btn:hover {
background-position: -50px -50px;
}
.products_cart .remove_btn {
border-radius: 24px;
background-color: #d40000;
background-position: -100px -50px;
border-color: #b3b3b3;
}
.products_cart .remove_btn:hover {
/*background-position: -150px -50px;
*/
}
.products_cart .pr_id,
.products_cart .availability {
font-size: 1.2em;
color: #757575;
position: relative;
}
.products_cart .pr_id {
margin: 0 0 0 10px;
}
.products_cart .availability {
margin: 0 0 0 25px;
}
.products_cart .descr {
font-size: 1.4em;
margin: 0 40px 0 10px;
position: relative;
color: #373737;
}
.products_cart .descr a{
display: block;
float: right;
padding-left: 10px;
text-align: right;
color: #d40000;
}
.products_cart .descr div{
display: none;
position: absolute;
top: -110px;
left: 30px;
position: absolute;
z-index: 9999;
border: 2px solid #b7b7b7;
border-radius: 3px;
}
.products_cart .descr div img{
border-radius: 3px;
}
.products_cart .descr a:hover div{
display: block;
}
.products_cart .quantity{
width: 80px;
}
.products_cart .total,
.products_cart .price {
margin: 0 0 0 0;
font-size: 1.4em;
font-weight: bold;
width: 100px;
text-align: left;
}
.products_cart .price {
text-align: right;
}
.available_popup,
.inputs_popup {
display: none;
padding: 4px 5px;
background: #fff;
border: 1px solid rgba(0,0,0, 0.15);
/*box-shadow: 0 2px 3px rgba(0,0,0, 0.1);*/
border-radius: 3px;
position: absolute;
left: 30px;
top: -4px;
z-index: 1;
white-space: normal;
line-height: 14px;
}
.available_popup.type1 {
top: -9px;
width: 60px;
}
.available_popup.type2 {
width: 70px;
}
.available_popup.type4 {
width: 130px;
}
.inputs_popup {
width: 97px;
font-size: 1.2em;
color: #a8a8a8;
font-family: "Beau";
left: 300px;
top: -1px;
}
.field_wr.error .inputs_popup {
display: block;
}
.coop_form .field_wr.error .inputs_popup{
font-size: 12px;
top: 23px;
width: 85px;
/* right: -10px; */
left: 360px;
}
.pt_quantity .availability:hover .available_popup {
display: block;
}
.pt_price.availability .currency:hover .available_popup {
display: block;
}
.available_popup .corner,
.inputs_popup .corner {
width: 7px;
height: 15px;
background: url('img/popup_corner.png') no-repeat 0 0;
position: absolute;
left: -7px;
top: 10px;
z-index: 1;
}
.available_popup.type1 .corner {
top: 4px;
}
.products .added td {
background: #e0f7fa !important;
}
.products .inputs {
width: 31px;
height: 24px;
margin: 0;
border: 1px solid #c3c3c3;
/*box-shadow: inset 0 2px 2px rgba(0,0,0, 0.1);*/
}
.products .inputs.ttn {
width: 114px;
}
.seo {
font-size: 1.4em;
line-height: 1.3em;
font-family: "Beau_book";
}
body.index .seo{
display: block;
}
.seo .values{
font-family: "Tahoma";
}
.seo p,
.seo ul,
.seo ol {
padding-bottom: 12px;
}
.seo ul,
.seo ol {
margin-left: 20px;
}
.seo li {
margin-top: 3px;
}
.seo li:first-child {
margin-top: 0;
}
/* ============================= Home >>>============================== */
/* =============================<<< Popup ============================== */
.popup_bg {
display: none;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 5000;
background: url('img/popup_bg.png') 0 0;
}
#cart_popup {
top: 50%;
}
.popup {
display: none;
width: 789px;
padding: 12px 18px 20px;
border: 1px solid #e1e1e1;
margin-left: -385px;
position: fixed;
left: 50%;
top: 216px;
background: #fff;
z-index: 6000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.popup_close {
float: right;
width: 10px;
height: 10px;
margin-right: -9px;
background: url('img/popup_close.gif') no-repeat 0 0;
}
.popup_title {
margin: 14px 0 12px;
font-size: 1.8em;
text-transform: uppercase;
font-family: "Beau_book";
color: #000;
}
.total_sum {
margin: 27px 25px 0 0;
font-size: 1.8em;
font-family: "Beau";
font-weight: bold;
float: right;
}
.total_sum span {
}
.btns {
width: 108px;
height: 33px;
padding: 0;
line-height: 33px;
float: right;
color: #d40000;
font-size: 1.4em;
background: #fff;
text-transform: uppercase;
text-align: center;
font-family: "Beau";
font-weight: bold;
border: 2px solid #d40000;
border-radius: 20px;
}
.btns.pull-left{
float: left;
}
.btns.wa {
width: auto;
padding: 0 10px;
}
.btns:hover,.btns.hovered {
color: #fff;
background: #d40000;
border-color: #d40000;
cursor: pointer;
}
.btns:active {
background: #d40000;
border-color: #d40000;
color: #fff;
}
.btns.disabled {
cursor: default;
color: #e7e7e7;
border-color: #e7e7e7;
pointer-events: none;
}
.btns.inline{
float: none;
display: inline-block;
}
.cart_submit {
margin: -9px -20px 0 0;
}
.login_submit {
width: 100px;
}
.multiply_icon {
display: inline-block;
vertical-align: middle;
width: 7px;
height: 7px;
margin: 0 4px 0 7px;
background: url('img/calc_icons.png') no-repeat 0 0;
}
.equal_icon {
display: inline-block;
vertical-align: middle;
width: 8px;
height: 7px;
margin: -4px 10px 0 10px;
background: url('img/calc_icons.png') no-repeat -17px 1px;
}
.cart_form .col2 {
width: 400px;
}
/*
.cart_form .products .inputs,
.cart_form .products .remove_bt {
margin-top: 9px;
}
.cart_form .products .price {
margin-right: 4px;
}
*/
.products_wr {
max-height: 349px;
overflow: auto;
}
.user_settings_popup{
position: fixed;
width: 350px;
margin-left: -175px;
}
.user_settings_popup ul{
/*margin-left: 22px;*/
}
.user_settings_popup .btns{
float: none;
display: block;
margin: 20px auto 0;
}
.user_settings_popup label{
font-weight: bold;
}
.user_settings_popup label.active{
color: #d40000 !important;
}
/* ============================= Popup >>>============================== */
/* =============================<<< Login ============================== */
/*.login_form {
width: 388px;
padding: 0 48px 22px;
margin: 176px auto 0;
border: 1px solid #e1e1e1;
box-shadow: 0 2px 3px rgba(0,0,0, 0.05);
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
.login_form {
width: 388px;
padding: 0 48px 22px;
margin: 176px auto 0;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* Наши изменения */
background-color: #000000;
}
.login_form .field_wr .icon{
top: 17px;
}
.login_logo {
width: 176px;
height: 53px;
margin: 33px auto 19px;
background: url('img/logo_izona-B2B_wip.png') no-repeat 0 0;
}
.field_wr {
display: inline-block;
position: relative;
margin-bottom: 19px;
}
.field_wr .icon {
display: none;
width: 12px;
height: 9px;
background: url('img/input_icons.png') no-repeat 0 0;
position: absolute;
right: 10px;
top: 16px;
z-index: 1;
}
.field_wr.ok .icon {
display: block;
}
.field_wr.error .icon {
display: block;
width: 9px;
background-position: -18px 0;
cursor: pointer;
}
.field_wr .icon {
top: 39px;
}
.inputs2 {
display: inline-block;
border: none;
width: 257px;
height: 40px;
padding: 0 13px;
background: #fff;
font-size: 1.4em;
border: 1px solid #c3c3c3;
/*box-shadow: inset 0 2px 2px rgba(0,0,0, 0.1);*/
border-radius: 3px;
}
.inputs2:focus {
border: 2px solid #d40000;
height: 38px;
padding: 0 12px;
}
.field_wr.error .inputs2,
.field_wr.error .inputs,
.field_wr.ok .custom-combobox-input{
border-color: #f89494;
}
.field_wr.ok .inputs2,
.field_wr.ok .inputs,
.field_wr.ok .custom-combobox-input{
border-color: #d40000;
}
.coop_request {
font-size: 1.4em;
color: #d40000;
font-family: "Beau";
border-bottom: 1px dashed #d40000;
margin-top: 10px;
display: inline-block;
}
.coop_request:hover {
border-color: transparent;
}
/*
.coop_popup{
margin-left: -200px;
}
*/
.coop_popup, .add_contact_popup,.edit_contact_popup {
top: 50%;
padding-bottom: 14px;
width: auto;
}
.popup .column{
float: left;
width: 360px;
margin-right: 20px;
}
.add_contact_popup .btns{
margin-top: 10px;
}
.add_contact_popup .show_comment{
margin-bottom: 10px;
}
.popup_title {
margin-bottom: 19px;
}
.green .inputs {
width: 150px;
height: 35px;
margin: 0;
/*color: #9fa09f;*/
border: 1px solid #C3C3C3;
/*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;*/
}
.green .inputs[disabled="disabled"],.green .inputs[readonly="readonly"]{
background-color: #f8f8f8;
}
.green select.inputs {
width: 168px;
}
.green .inputs.type2 {
width: 338px;
}
.green .inputs.type2.wide {
width: 697px;
height: 75px;
}
.green select.inputs.type2 {
width: 356px;
}
.green #message {
height: 48px;
}
.green .labels {
display: inline-block;
margin: 0 0 5px;
font-size: 16px;
color: #d40000;
}
.green .info_form.data .labels {
width: 90px;
float: left;
}
.info_form.data .field_wr span{
display: inline-block;
width: 240px;
float: left;
font-size: 16px;
}
.green .labels sup, .required_msg sup{
color: #D85E5E;
}
.green .field_wr {
margin: 0 0 6px;
font-size: 8px;
}
.green .field_wr.type2 {
margin-right: 17px;
}
.field_wr.type2 + .field_wr.type2 {
margin-right: -4px;
}
.green .field_wr.type2 + .clearfix {
margin-right: -4px;
}
.required_msg {
color: #c9c9c9;
font-size: 1.2em;
}
.required_msg sup {
float: left;
font-size: 14px;
top: 0.3em;
}
.required_msg span {
display: block;
padding-left: 10px;
margin-top: 20px;
}
.coop_submit {
margin: 0;
}
.green .field_wr label.filter_label{
margin: 5px 0;
}
/* ============================= Login >>>============================== */
/*
* 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: transparent;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: #d40000;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: transparent;
position: relative;
}
.jspDrag
{
width: 7px;
background: #cfcdcd;
position: relative;
top: 0;
left: 4px;
cursor: pointer;
border-radius: 7px;
}
.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;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*vadim*/
div.login_error{
color: #FF0000;
font-size: 14px;
margin-bottom: 10px;
text-align: center;
}
div.login_error.history{
text-align: left;
}
body.admin {
font-size: 14px;
color: #000;
background: #fff;
font-family: Tahoma, Verdana, sans-serif;
line-height: 1.2;
}
div.admin {
padding: 20px;
}
div.admin a{
color: blue;
}
.admin a.title{
display: inline-block;
color: #d40000;
margin-bottom: 10px;
text-decoration: underline;
font-weight: bold;
}
.admin table{
text-align:center;
width: 500px;
}
.admin table thead td{
font-weight: bold;
}
.finance{
position: relative;
margin-bottom: 65px;
}
.finance table{
width: 100%;
}
.finance table tr{
background-color: #f8f8f8;
}
.finance table tr th{
font: bold 14px/53px "Beau",sans;
color: #d40000;
text-transform: uppercase;
}
.finance table thead tr th:first-child { border-top-left-radius: 5px; }
.finance table thead tr th:last-child { border-top-right-radius: 5px; }
.finance table thead tr th:first-child { border-bottom-left-radius: 5px; }
.finance table thead tr th:last-child { border-bottom-right-radius: 5px; }
.finance table tbody tr:nth-child(2) td:first-child { border-top-left-radius: 5px; }
.finance table tbody tr:nth-child(2) td:last-child { border-top-right-radius: 5px; }
.finance table tbody tr:last-child td:first-child { border-bottom-left-radius: 5px; }
.finance table tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; }
.finance table .dates{
background-color: #fff;
border-bottom: none;
}
.finance table .dates td{
width: 80px;
color:#898989;
font: bold 12px/17px "Beau",sans;
text-align: center;
}
.finance table tbody tr td{
border-bottom: 1px solid #ececec;
}
.finance table tbody tr:last-child td{
border-bottom: none;
}
.finance table tbody tr td{
line-height: 41px;
}
.finance table tbody tr td.two_rows{
line-height: 28px;
border-bottom: none;
}
.finance table tbody tr.values td{
font-size: 13px;
text-align: center;
}
.finance table tbody tr.values td:first-child{
text-align: left;
padding-left: 35px;
}
.finance table tbody tr.values td.odd{
background-color: #f0f0f0;
}
.finance .green{
color: #d40000;
}
.finance .loadder{
position: absolute;
top: 0;
width: 875px;
height: 438px;
background: url('img/popup_bg.png') 0 0;
color: #fff;
line-height: 254px;
text-align: center;
font-size: 32px;
color: #d40000;
}
.finance span.red{
color: #d40000;
}
.finance img{
display: block;
margin: 87px auto 0;
height: 80px;
width: 80px;
}
.banner_home,
.banner_category {
position: relative;
padding: 0px;
margin-bottom: 20px;
}
.banner_home {
height: 340px;
margin-bottom: 40px;
}
.banner_home .left_pointer,
.banner_home .right_pointer,
.banner_category .left_pointer,
.banner_category .right_pointer {
display: inline-block;
width: 30px;
height: 40px;
position: absolute;
top: 72px;
z-index: 1000;
}
.banner_category .left_pointer,
.banner_category .right_pointer {
top: 44px;
}
.banner_home .left_pointer,
.banner_category .left_pointer {
background: url('img/sprite.png') no-repeat -472px -507px;
left: 34px;
}
.banner_category .left_pointer {
left: 25px;
}
.banner_home .right_pointer,
.banner_category .right_pointer {
background: url('img/sprite.png') no-repeat -548px -507px;
left: 930px;
}
.banner_category .right_pointer {
left: 690px;
}
.banner_home .left_pointer:hover,
.banner_category .left_pointer:hover {
background: url('img/sprite.png') no-repeat -472px -572px;
}
.banner_home .right_pointer:hover,
.banner_category .right_pointer:hover {
background: url('img/sprite.png') no-repeat -548px -572px;
}
.banner_home .wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 340px;
z-index: 80;
top: 0;
}
.banner_home .wrapper ul{
height: 340px;
position: relative;
left: 0;
top: 0px;
width: 100000px;
}
.banner_category .wrapper ul {
height: 130px;
}
.banner_home .wrapper ul li{
position: relative;
float: left;
width: 875px;
cursor: pointer;
}
.banner_home .wrapper ul li a.watch{
position: absolute;
display: inline-block;
height: 27px;
padding: 0 16px;
right: 17px;
top: 206px;
color: #fff;
border: 2px solid #fff;
border-radius: 14px;
font: bold 14px/29px "Beau",sans-serif;
text-transform: uppercase;
}
.banner_home .wrapper ul li a.watch:hover{
background-color: #fff;
color: #000;
}
.banner_home .wrapper ul li a.watch:active{
background-color: #f1f1f1;
color: #d40000;
}
.banner_home .wrapper ul li p,
.banner_category .wrapper ul li p {
font-size: 33px;
line-height: 38px;
color: #fff;
margin-top: 71px;
width: 835px;
position: relative;
margin-bottom: 25px;
font-family: "DaysRegular", sans-serif;
}
.banner_category .wrapper ul li p {
width: 500px;
}
.banner_home .wrapper ul li span{
font-size: 12px;
color: #fff;
font-family: "Beau", sans-serif;
display: inline-block;
position: absolute;
top: 255px;
right: 17px;
/* display: none;*/
}
.banner_home .wrapper ul li span i{
display: inline-block;
width: 14px;
height: 14px;
margin-right: 6px;
margin-top: -6px;
background: url("../img/hardevel.png") no-repeat -80px 0;
}
.banner_home .wrapper ul li img,
.banner_category .wrapper ul li img {
margin: 0;
}
.banner_home .other_slides {
position: absolute;
right: 13px;
top: 300px;
z-index: 150;
}
.banner_home .other_slides li,
.banner_category .other_slides li {
float: left;
margin-right: 5px;
}
.banner_home .other_slides a,
.banner_category .other_slides a {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #c3c3c6;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
.banner_home .other_slides a,
.banner_category .other_slides a {
padding-left: 0px;
}
}
.banner_home .other_slides a:hover,
.banner_category.other_slides a:hover {
background-color: #d40000;
}
.banner_home .other_slides a.current,
.banner_category .other_slides a.current {
background-color: #d40000;
}
.description{
display: none;
}
.full{
display: none;
/*height: 64px;*/
}
#banner_popup{
font-size: 14px;
}
#banner_popup ul {
list-style-type: disc;
list-style-position: inside;
}
#banner_popup ol {
list-style-type: decimal;
list-style-position: inside;
}
#banner_popup ul ul, ol ul {
list-style-type: circle;
list-style-position: inside;
margin-left: 15px;
}
#banner_popup ol ol, ul ol {
list-style-type: lower-latin;
list-style-position: inside;
margin-left: 15px;
}
.info_block{
float: left;
width: 356px;
}
.info_block.right{
float: left;
padding-left: 100px;
}
.info_block h1{
font-size: 24px;
font-family: "Beau_book";
text-transform: uppercase;
font-weight: normal;
margin-bottom: 13px;
}
.reconsilation .info_block{
width: 450px;
}
.ui-state-active{
background-color: #d40000 !important;
color: #fff !important;
}
.inputs.datepicker{
width: 75px;
text-align: center;
font-size: 14px;
}
.period .submit{
margin-top: 10px;
font-size: 14px;
}
/********************HISTORY *************/
.products.orders{
/*margin-top: 84px;*/
position: relative;
}
.products.orders .title{
text-align: left;
display: inline-block;
}
.products.orders .product_row .title:after{
display: none;
}
.products.orders .product_row{
padding: 0 10px;
}
.products.orders .product_row_left,.products.orders .product_row_right{
height: 43px;
}
.products.contacts .product_row_left,.products.contacts .product_row_right{
height: 60px;
}
.products.orders .product_row{
border: 1px solid #d1d1d1;
border-radius: 3px;
margin-top: 15px;
}
.products.orders .product_row:hover{
border: 1px solid #d40000;
}
.products.orders .pt_order{
color: #494949;
}
.products.orders .pt_order a{
border-bottom: 1px dashed #262626;
}
.products.orders .pt_order{
color: #373737;
}
.products.orders .product_line{
height: 25px;
}
.products.orders .pt_summary{
text-align: right;
padding: 0 10px;
}
.products.orders .pt_state{
}
.products.orders div.pt_sum{
float: left;
line-height: 12px !important;
text-align: left;
color: #494949;
}
.products.orders .pt_sum.one{
line-height: 25px !important;
}
.products.orders .pt_state{
width: 80px;
font: bold 11px/14px "Beau",sans-serif;
text-transform: uppercase;
padding-left: 35px;
}
.products.orders .pt_state i{
height: 40px;
width: 33px;
display: inline-block;
/* float: left; */
position: absolute;
top: -12px;
left: 0;
background: url("img/hardevel.png") 0 -200px no-repeat;
}
.products.orders .pt_state.state0 i{
background-position: 0 -200px;
}
.products.orders .pt_state.state0{
color: #d40000;
}
.products.orders .pt_state.state1 i{
background-position: -100px -200px;
}
.products.orders .pt_state.state1{
color: #1daad8;
}
.products.orders .pt_state.state2 i, .products.orders .pt_state.state5 i, .products.orders .pt_state.state6 i, .products.orders .pt_state.state7 i{
background-position: -50px -200px;
}
.products.orders .pt_state.state2, .products.orders .pt_state.state5, .products.orders .pt_state.state6, .products.orders .pt_state.state7{
color: #ff7361;
}
.products.orders .pt_state.state3 i{
background-position: -200px -200px;
}
.products.orders .pt_state.state3{
color: #bf9d79;
}
.products.orders .pt_state.state4 i{
background-position: -150px -200px;
}
.products.orders .pt_state.state4{
color: #d40000;
}
.products.orders .line{
height: 0;
border-bottom: 1px solid #d1d1d1;
background: none;
width: auto;
}
.products.orders .order_info{
display: none;
}
.products.orders .order_info .delivery_block{
padding: 20px 0;
text-transform: uppercase;
font: bold 12px/18px "Beau",sans-serif;
text-transform: uppercase;
height: auto;
padding-right: 40px;
vertical-align: top;
max-width: 700px;
}
.products.orders .order_info .delivery_green{
width: 128px;
display: inline-block;
font: bold 12px/18px "Beau",sans-serif;
color: #d40000;
}
.products.orders .pt_order_product_id{
width: 60px;
font-size: 14px;
color: #494949;
text-align: left;
padding-right: 10px;
display: table-cell;
vertical-align: middle;
}
.products.orders .title{
line-height: 25px !important;
}
.products.orders .title,.products.orders .product_row_left{
border-left: none;
}
.products.orders .pt_sum > span{
/*
line-height: 15px;
display: block;
margin-top: 7px;
*/
}
.products.orders .products_list{
border: 1px solid #d0d0d0;
width: 100%;
margin-bottom: 40px;
}
.products.orders .grey{
background-color: #f7f7f7;
}
.products.orders .products_list th{
border: 1px solid #d0d0d0;
}
.products.orders .products_list tr:hover{
background-color: #f7f7f7;
}
.products.orders .products_list td{
border: 1px solid #d0d0d0;
line-height: 25px;
text-align: left;
padding: 0 10px;
}
.products.orders .products_list td.prod_id{
width: 45px;
text-align: center;
}
.products.orders .products_list td.dog{
width: 30px;
text-align: center;
}
.products.orders .products_list td.quantity{
width: 45px;
text-align: center;
}
.products.orders .products_list td.right{
text-align: right;
}
.products.orders .products_list td.sum{
width: 70px;
text-align: right;
}
.products.orders .pt_order_product_name{
font-size: 14px;
color: #494949;
margin-right: 10px;
display: table-cell;
vertical-align: middle;
}
.products.orders .pt_order_product_quantity{
width: 45px;
text-align: center;
}
.products.orders .order_info .pt_sum {
padding: 0 10px;
width: 80px;
text-align: right;
font-size: 14px;
color: #494949;
}
.products.orders .product_row:hover .opener{
background-color: #d40000;
}
.products.orders .pt_summary_total{
width: 200px;
text-align: right;
padding-right: 30px;
font: bold 18px/26px "Beau",sans-serif;
color: #d40000;
padding: 10px 10px;
}
.products.orders .pt_summary_total .sum{
width: 102px;
text-align: right;
display: inline-block;
margin-left: 20px;
color: #494949;
}
.green_text{
color: #d40000 !important;
}
.opener{
display: block;
width: 15px;
height: 15px;
position: absolute;
z-index: 5;
bottom: -7px;
left: 50%;
margin-left: -7px;
border-radius: 10px;
background-color: #aaaaaa;
text-align: center;
color: #fff;
}
.opened .opener{
display: none;
}
.opener.up{
display: none;
}
.opened .opener.up{
display: block;
}
.pagination{
width: 100%;
text-align: center;
margin-top: 20px;
}
.pagination li{
width: 30px;
height: 30px;
display: inline-block;
font: 18px/30px "Beau",sans-serif;
color: #b7b7b7;
border-radius: 30px;
border: 2px solid #fff;
}
.pagination li a{
color: #262626;
}
.pagination li.current{
border-color: #d40000;
color: #d40000;
}
.pagination li.arrow a{
display: inline-block;
width: 34px;
height: 34px;
background: url("img/hardevel.png") -240px 4px no-repeat;
}
.pagination li.arrow.r a{
background: url("img/hardevel.png") -290px 4px no-repeat;
}
.excel{
margin-top: 25px;
border-radius: 6px;
background-color: #f8f8f8;
padding: 29px 0 29px 56px;
}
.excel a{
color: #d40000;
font: bold 13px/8px "Beau",sans-serif;
text-transform: uppercase;
/*border-bottom: 1px solid #d40000;*/
position: relative;
}
.excel a:hover{
color: #d40000;
font: bold 13px/8px "Beau",sans-serif;
text-transform: uppercase;
border-bottom: none;
opacity: 0.75;
}
/*.excel a span:before{
display: block;
position: absolute;
width: 36px;
height: 40px;
top: -10px;
left: -45px;
background: url('img/xls_icon.png') 0 -150px no-repeat;
}*/
.excel a span:before {
content: ''; /* Обязательно для :before */
display: inline-block;
width: 24px; /* Возможно, нужно будет скорректировать ширину */
height: 24px; /* Возможно, нужно будет скорректировать высоту */
margin-right: 8px;
vertical-align: middle;
background-image: url('img/xls_icon.png'); /* Путь к новому файлу иконки */
background-size: contain; /* Растягивает/сжимает изображение, чтобы оно поместилось */
background-repeat: no-repeat; /* Убеждаемся, что изображение не повторяется */
background-position: center; /* Центрируем изображение, если оно меньше контейнера */
}
.products .product_detail{
height: 285px;
background-color: #f8f8f8;
/*border-color: #d40000;*/
border-top: 1px solid #c0c0c0;
margin-top: -1px;
/*width: 100%;*/
}
.products .product_row + .product_detail{
background-color: #fff;
}
.products .product_row.odd + .product_detail{
background-color: #F0F8FF;
}
.products .product_row.odd + .product_detail:hover{
background-color: #f7f7f7;
}
.products.prod .product_detail:hover{
border-top: 1px solid #c0c0c0;
}
.products .product_detail .product_row_right{
width: 380px;
position: absolute;
top:0;
left: 0;
}
.products .product_detail .thumbs{
padding-top: 9px;
float: left;
padding-bottom: 6px;
margin-left: 0;
border: none;
}
.products .product_detail #my-thumbs-list{
width: 75px;
height: 238px;
padding: 16px 10px;
background: none;
}
.products .product_detail #my-thumbs-list img{
width: 73px;
height: 73px;
}
.products .product_detail #my-thumbs-list li a{
border: 1px dashed #d1d1d1;
display: inline-block;
}
.products .product_detail #main_photo{
float: left;
height: 285px;
overflow: hidden;
}
.products .product_detail #main_photo img{
width: 283px;
border-right: 1px dashed #d1d1d1;
}
.products .product_detail .left_content{
height: 245px;
overflow-y: scroll;
padding: 20px 10px 20px 20px;
}
.products .product_detail .product_row_left{
padding-left: 380px;
display: block;
}
.products .product_detail .product_name{
font: bold 16px/18px "Beau_book",sans-serif;
color: #262626;
text-transform: uppercase;
}
.products .product_detail .nav{
margin-bottom: 17px;
}
.products .product_detail .nav li{
float: left;
font: bold 13px "Beau",sans-serif;
border-bottom: 1px dashed #939393;
text-transform: uppercase;
margin-right: 18px;
color: #939393;
cursor: pointer;
}
.products .product_detail .nav li.active{
color: #d40000;
border-bottom: 1px solid #d40000;
font-family: "Beau_book",sans-serif;
font-weight: normal;
}
.products .product_detail .tabs{
margin: 9px 0 0 0;
font-family: "Beau_book";
}
.products .product_detail .tabs .tab{
display: none;
}
.products .product_detail .tabs .tab.active{
display: block;
}
.products .description_text_left{
display: table-cell;
font: 12px/18px "Beau",sans-serif;
color: #262626;
}
.products .description_text_right{
width: 176px;
display: table-cell;
padding-left: 15px;
}
.products .description_text_right .row{
font: bold 12px/27px "Beau",sans-serif;
border-bottom: 1px solid #d1d1d1;
color: #000;
}
.products .description_text_right .row span{
display: inline-block;
width: 104px;
color: #9b9b9b;
text-transform: uppercase;
}
.products .description_features table{
width: 100%;
border: none;
border-collapse: collapse;
}
.products .description_features td{
border: 1px solid #d1d1d1;
border-left: none;
border-right: none;
color: #9b9b9b;
font: bold 12px/27px "Beau", sans-serif;
text-transform: uppercase;
text-align: left;
}
.products .description_features td.group_name{
color: #d40000;
}
.products .description_features td.feature_name{
width: 200px;
padding-right: 25px;
}
.products .description_features td.feature_value{
text-transform: none;
color: #000000;
font-family: Tahoma;
font-weight: normal;
}
.products .description_features td.feature_value .icon{
display: block;
width: 15px;
height: 13px;
background-position: 0 -250px;
}
.products .description_features td.feature_value .icon.minus{
background-position: -50px -250px;
}
.coop_form .ui-state-default, .coop_form .ui-widget-content .ui-state-default, .coop_form .ui-widget-header .ui-state-default {
border: 1px solid #C3C3C3;
background: #fff url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
height: 25px;
}
.coop_form .ui-state-hover, .coop_form .ui-widget-content .ui-state-hover, .coop_form .ui-widget-header .ui-state-hover, .ui-state-focus, .coop_form .ui-widget-content .ui-state-focus, .coop_form .ui-widget-header .ui-state-focus{
border: 1px solid #C3C3C3;
border-left: 0;
color: #212121;
}
.coop_form .ui-state-active {
background-color: #fff !important;
color: #fff !important;
}
.coop_form .custom-combobox {
position: relative;
display: inline-block;
width: 356px;
}
.coop_form .custom-combobox-toggle {
border: none;
position: absolute;
top: 6px;
bottom: 0;
margin-left: -1px;
padding: 0;
height: 30px;
right: 0px;
}
.coop_form .custom-combobox-input {
margin: 0;
padding: 5px 10px;
box-shadow: none;
/*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;*/
width: 334px;
border-radius: 4px;
font-size: 13px;
}
.coop_form .error .custom-combobox-input{
border-color: #f89494;
}
#ui-id-1{
max-height: 250px;
overflow-y: scroll;
}
html.error{
height: 100%;
min-height: 700px;
background-color: #f7f8f3;
width: 100%;
}
html.error body{
height: 100%;
background-color: #f7f8f3;
}
html.error body .content.main{
margin-top: -86px;
min-height: 100%;
padding-top: 86px;
padding-bottom: 0;
}
.error_margin{
position: relative;
margin-top: 86px;
}
.bigpage{
position: absolute;
top: 50%;
left: 50%;
margin: 0 auto;
margin-top: -190px;
margin-left: -320px;
width: 680px;
background: url("img/404.png") 0 -200px no-repeat;
height: 530px;
}
.bigpage.neworder{
background-position: -30px -810px;
}
.bigpage .text_bottom{
position: absolute;
width: 100%;
text-align: center;
bottom: 0;
font: 60px/60px "Beau",sans-serif;
color: #d40000;
}
.bigpage .text_bottom span{
display: block;
font: 28px/30px "Beau",sans-serif;
color: #bfbfbf;
margin-top: 10px;
}
.bigpage .btns{
position: absolute;
left: 50%;
bottom: 130px;
margin-left: -95px;
}
.btns.auto{
width: auto;
padding: 0 12px;
}
html.error .img{
position: absolute;
width: 200px;
height: 200px;
background: url("img/404.png") 0 0 no-repeat;
}
html.error .img1{
top: 0px;
left: -160px;
}
html.error .img2{
top: 340px;
left: -240px;
background-position: -200px 0;
}
html.error .img3{
top: 0;
right: -180px;
background-position: -400px 0;
}
html.error .img4{
top: 190px;
right:-290px;
background-position: -600px 0;
}
html.error .img5{
top: 400px;
right: -310px;
background-position: -800px 0;
}
.cart_wrapper{
position: fixed;
top: 86px;
width: 100%;
z-index: 5000;
min-width: 1200px;
}
.cart_wrapper .content{
padding: 0 40px;
}
/*
.cart {
width: 128px;
padding: 0 1px;
height: 108px;
text-align: center;
position: absolute;
right: 50px;
top: 0;
z-index: 1;
background-color: #f7f7f7;
}
*/
.cart_wrapper .content .isproducts:after,.cart_wrapper .content .empty:after{
content: " ";
width: 130px;
position: absolute;
right: 42px;
top: 0;
height: 2px;
background-color: #f8f8f8;
}
.cart_background{
position: fixed;
width: 100%;
height: 100%;
min-height: 100%;
background-color: rgba(0,0,0,0);
display: block;
z-index: 1300;
display: none;
}
.cart_bg{
background-color: #f8f8f8;
}
.cart_top {
width: 128px;
padding: 0 1px;
text-align: center;
position: absolute;
right: 40px;
top: 0;
z-index: 1;
height: 28px;
padding-bottom: 40px;
font-size: 1.4em;
color: #262626;
padding-top: 18px;
border: 2px solid #000;
border-top: none;
border-bottom: none;
}
.cart_top:after{
content: " ";
display: block;
position: absolute;
top: 46px;
left: 0;
width: 100%;
background: url(img/cart_line.gif) repeat-x 0 bottom;
height: 1px;
}
.cart_top .basket_title{
color: #d40000;
font-size: 16px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
display: block;
margin-bottom: 15px;
font-weight: bold;
font-family: "Beau";
}
.cart_top .items {
display: inline-block;
vertical-align: middle;
}
.cart_top .icons {
display: inline-block;
vertical-align: middle;
width: 21px;
height: 17px;
background-image: url('img/cart_icon.png');
background-position: center; /* Центрируем фон */
background-repeat: no-repeat;
background-size: contain;
width: 32px;
height: 32px;
}
.cart_bottom{
width: 128px;
padding: 0 1px 5px;
text-align: center;
position: absolute;
right: 42px;
bottom: -17px;
z-index: 1;
height: 50px;
/*background: url('img/cart_bg.jpg') repeat-x 0 bottom;*/
}
.cart_bottom .price {
display: inline-block;
font-size: 1.6em;
color: #d40000;
font-family: "Beau";
font-weight: 600;
position: relative;
margin-top: 13px;
}
.cart_bottom .arr_icon {
background-position: -12px 0;
top: 8px;
right: -13px;
}
.cart_bottom .bottom{
}
.cart_content{
/*border: 2px solid #d1d1d1;
border-top: 0;
max-height: 345px;
*/
display: none;
padding: 15px;
border: 2px solid #d40000;
}
.cart_content table{
width: 100%;
}
.cart_content table .disabled td:after{
content: " ";
width: 100%;
height: 1px;
background-color: #262626;
position: absolute;
top: 50%;
z-index: 10000;
left: 0;
}
.cart_content table .disabled td.rem:after{
content: none;
}
.cart_content .cart_content_lines{
max-height: 221px;
overflow-y: auto;
overflow-x: hidden;
}
.cart_content .cart_content_lines .inner{
overflow: visible;
}
.cart_content table th, .cart_content table td{
text-align: center;
}
.cart_content table thead th{
border-bottom: 2px solid #d40000;
padding: 10px 0;
font: 13px "Beau_book";
color: #262626;
text-transform: uppercase;
}
.cart_content table .code{
width: 68px;
}
.cart_content table .name{
width: auto;
text-align: left;
}
.cart_content table .quantity{
width: 142px;
text-align: left;
}
.cart_content table .price{
width: 60px;
font-weight: bold;
}
.cart_content table .act{
width: 80px;
}
.cart_content table .rem{
width: 40px;
}
.cart_content table .rem.big{
width: 60px;
}
.cart_content table td{
border-bottom: 1px dashed #d1d1d1;
padding: 5px 0;
font-size: 12px;
font-family: Tahoma;
position: relative;
}
.cart_content table tr:last-child td{
border: none;
}
.cart_content .green_line{
border-top: 2px solid #d40000;
padding-top: 10px;
}
.cart_content .not_avail{
float: left;
margin-left: 10px;
margin-top: 5px;
}
.cart_content .not_avail > *{
float: left;
}
.cart_content .not_avail i{
width: 32px;
height: 32px;
background: url("img/hardevel.png") 0 -350px no-repeat;
}
.cart_content .not_avail div{
margin-left: 10px;
width: 110px;
color: #d40000;
margin-top: 3px;
}
.cart_content .cart_total{
float: right;
width: auto;
/* border-right: 2px solid #eee; */
/* background: url(img/cart_bg.jpg) repeat-x 0 bottom; */
/* margin-right: -17px; */
}
.cart_content .cart_total .btns{
width: auto;
padding: 0 10px;
margin: 10px 20px;
cursor: pointer;
}
.cart_content .cart_total .prices {
font: 14px/19px "Beau_book";
color: #000;
/* margin-bottom: 10px; */
font-size: 18px;
text-align: center;
float: left;
margin-top: 10px;
display: table-cell;
vertical-align: middle;
}
.cart_content .cart_total .prices span{
}
.cart_content .cart_total .prices.one {
margin-top: 28px;
}
.cart_content .cart_total form{
float: left;
}
.rm_button{
height: 10px;
width: 10px;
display: inline-block;
/* float: left; */
/* position: absolute; */
/* top: -12px; */
/* left: 0; */
background: url(img/hardevel.png) 0 -300px no-repeat;
}
.cart_content .empty{
text-align: center;
font-size: 18px;
color: #d40000;
}
.footer_wrapper{
position: absolute;
width: 100%;
margin-top: 100px;
bottom: 70px;
display: none;
z-index: 1000;
}
.footer{
background-color: #262626;
position: absolute;
width: 100%;
z-index: 100000;
height: 70px;
color: #fff;
}
.footer .inner{
max-width: 1520px;
min-width: 1120px;
margin: 0 auto;
}
.footer .copyright{
font-size: 14px;
line-height: 70px;
width: 294px;
float: left;
}
.footer .footer_links a{
font-family: "Beau_book";
color: #ffffff;
text-decoration: underline;
font-size: 18px;
line-height: 70px;
padding-right: 35px;
text-transform: uppercase;
font-weight: 300;
display: inline-block;
}
.footer .footer_links a i{
width: 24px;
height: 24px;
display: inline-block;
background: url(img/development-icon.png) 0 0 no-repeat;
float: left;
margin-top: 21px;
margin-right: 4px;
}
.reviews {
font-family: "Beau_book";
margin-bottom: 40px;
}
.reviews .reviews_left{
width: 240px;
float: left;
}
.review img{
border-radius: 6px;
}
.reviews .reviews_right{
width: 700px;
float: left;
margin-left: 30px;
}
.reviews .reviews_right .btns{
margin-top: 22px;
}
.reviews .reviews_right .reviews_title{
color: #d40000;
font: 14px/18px "Beau_book",sans-serif;
text-transform: uppercase;
margin-bottom: 12px;
margin-top: 16px;
display: inline-block;
}
.reviews .reviews_right .reviews_short{
font: 14px/24px "Tahoma", sans-serif;
color: #262626;
}
.review .left_col{
padding-top: 0;
}
.home_reviews{
margin-left: 0 !important;
}
.home_reviews li{
float: left;
width: 265px;
margin-right: 25px;
font-family: "Beau_book";
}
.home_reviews li img{
margin-bottom: 15px;
border-radius: 6px;
}
.review_date{
text-align: right;
color: #898989;
font-size: 12px;
margin-bottom: 5px;
}
.home_reviews li .review_title{
color: #d40000;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
margin-bottom: 20px;
display: block;
}
.home_reviews li .review_short{
font-size :14px;
font-family: Tahoma;
line-height: 24px;
color: #262626;
}
.reviews h1{
font: 24px/30px "Beau_book",sans-serif;
color: #262626;
}
.reviews .rte{
font: 14px/24px Tahoma;
color: #262626;
padding-bottom: 40px;
border-bottom: 2px solid #d40000;
margin-bottom: 20px;
}
.reviews .rte img{
border-radius: 6px;
}
.reviews .rte .tags{
font-family: "Beau_book";
display: block;
font-size: 16px;
}
.reviews .rte .tags a{
color: #d40000;
text-decoration: underline;
}
.reviews .partition{
font: 24px "Beau_book";
color: #262626;
margin-bottom: 12px;
margin-top: 50px;
text-transform: uppercase;
}
.all_tags{
font: 14px/24px "Beau_book";
}
.all_tags h2{
margin-bottom: 10px;
}
.all_tags a:hover{
color: #d40000;
}
.btns.auto{
width: auto;
padding: 0 28px;
height: 29px;
font-size: 14px;
}
button.btns.auto{
height: 33px;
}
.center{
text-align: center;
}
span.noproducts{
padding-top: 40px;
font-size: 17px;
display: block;
}
.popup.error {
width: 700px;
height: auto;
background-color: #f7bfb2;
border: 2px solid #d78674;
border-radius: 4px;
color: #a75b4b;
font: 18px/24px "Tahoma",sans-serif;
padding: 0;
}
.popup.error.warning{
background-color: #f6efba;
border-color:#dfc775;
color: #c99b58;
}
body.error .popup.error.warning{
position: absolute;
margin-left: -450px;
width: 900px;
height: 90px;
}
.popup.error .left{
float: left;
width: 75px;
background: url("img/hardevel.png") 21px -430px no-repeat;
background-color: #d78674;
height: 90px;
}
.popup.error.warning .left{
background: url("img/hardevel.png") -81px -430px no-repeat;
background-color: #dfc775;
}
.popup.error .text{
padding: 20px 60px 20px 100px;
}
.popup.error .popup_close{
right: 32px;
top: 32px;
margin-right: 0;
position: absolute;
background: url("img/hardevel.png") 0 -500px no-repeat;
}
.add_ttn{
display: inline-block;
background-color: #d40000;
border-radius: 14px;
width: 20px;
line-height: 20px;
margin-top: 4px;
/* float: left; */
text-align: center;
color: #fff;
margin-left: 4px;
position: relative;
top: -2px;
font-size: 14px;
}
.loader{
width: 16px;
height: 16px;
background: url(img/wait.gif) no-repeat;
background-color: #f8f8f8;
position: absolute;
top: 50%;
margin-top: -8px;
left: 50%;
margin-left: -8px;
}
div.nav a{
float: left;
width: auto;
padding: 0 10px;
margin-right: 20px;
margin-bottom: 40px;
}
#service_print{
}
#service_print > table{
width: 100%;
max-width: 1000px;
margin: 0 auto;
margin-top: 40px;
}
#service_print td{
vertical-align: top;
}
#service_print > table > tbody > tr > td{
vertical-align: top;
padding-bottom: 100px;
font-size: 16px;
}
#service_print > table > tbody > tr > td .title{
display: inline-block;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #000;
}
#service_print table table tr td:first-child{
font-weight: 500;
}
.sn-user .coop_form .curtain{
position: absolute;
}
.sn-user .coop_form .curtain, .sn.coop_form .products.orders{
width: 500px;
}
.sn-user #serial_form .curtain{
width: 820px;
}
.sn-user .coop_form .products.orders{
padding-top: 37px;
}
.orders.sn-user .curtain .product_row .pt_order {
margin-left: 0;
}
.orders.sn-user .pt_name {
float: right;
}
.doc{
font-size: 12px;
line-height: 16px;
margin-top: 15px;
margin-bottom: 15px;
}
.products.orders.fins .product_row{
padding: 0;
}
.products.orders.fins .product_row .product_row_left, .products.orders.fins .order_info{
padding: 0 10px;
}
.products.orders.fins .product_row .product_row_left{
width: 100%;
cursor: pointer;
}
.issue{
background-color: #ddf9df;
}
.nowrap{
white-space: nowrap;
}
.coop_send_info{
margin-top: -4px;
margin-right: 70px;
}
form.reconsilation button{
margin-top: 10px;
}
.green .field_wr.checkbox_only label.filter_label{
margin: 11px 0;
}
.ui-widget {
font-size: 13px !important;
}
.ui-autocomplete{
z-index: 6001 !important;
}
.print_sticker{
position: absolute;
right: 5px;
top: 20px;
display: block;
font-size: 12px;
background: #d40000;
padding: 3px;
border-radius: 3px;
color: #fff;
text-transform: none;
font-family: Tahoma, Arial;
}
.products .product_row .product_row_left {
position: relative;
}
.price_popup{
overflow-y: scroll;
max-height: 600px;
}
.catalog input[type="checkbox"]{
display: none;
}
.coop_submit {
margin: 0;
padding: 0 15px;
width: auto;
}
.cat-icon {
width: 35px;
height: 35px;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
pointer-events: none; /* <-- вот это ключевое */
}