@keyframes spin {
    0% {
        transform: translate(2px, 1px) rotate(0deg);
    }
    10% {
        transform: translate(-1px, -3px) rotate(36deg);
    }
    20% {
        transform: translate(-2px, 0px) rotate(72deg);
    }
    30% {
        transform: translate(1px, 2px) rotate(108deg);
    }
    40% {
        transform: translate(1px, -1px) rotate(144deg);
    }
    50% {
        transform: translate(-1px, 3px) rotate(180deg);
    }
    60% {
        transform: translate(-1px, 1px) rotate(216deg);
    }
    70% {
        transform: translate(3px, 1px) rotate(252deg);
    }
    80% {
        transform: translate(-2px, -1px) rotate(288deg);
    }
    90% {
        transform: translate(2px, 1px) rotate(324deg);
    }
    100% {
        transform: translate(1px, -2px) rotate(360deg);
    }
}

@keyframes speed {
    0% {
        transform: translate(2px, 1px) rotate(0deg);
    }
    10% {
        transform: translate(-1px, -3px) rotate(-1deg);
    }
    20% {
        transform: translate(-2px, 0px) rotate(1deg);
    }
    30% {
        transform: translate(1px, 2px) rotate(0deg);
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        transform: translate(-1px, 3px) rotate(-1deg);
    }
    60% {
        transform: translate(-1px, 1px) rotate(0deg);
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }
    80% {
        transform: translate(-2px, -1px) rotate(1deg);
    }
    90% {
        transform: translate(2px, 1px) rotate(0deg);
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

@keyframes strikes {
    from {
        left: 25px;
    }
    to {
        left: -80px;
        opacity: 0;
    }
}

@keyframes dots {
    from {
        width: 0px;
    }
    to {
        width: 15px;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn, .loading-window {
    animation: fadeIn 0.4s both;
}

#before-load {
    position: fixed; /*фиксированное положение блока*/
    left: 0; /*положение элемента слева*/
    top: 0; /*положение элемента сверху*/
    right: 0; /*положение элемента справа*/
    bottom: 0; /*положение элемента снизу*/
    background: #fff; /*цвет заднего фона блока*/
    z-index: 1001; /*располагаем его над всеми элементами на странице*/
}
.loading-window {
    background: #f9f9f9;
    border-radius: 6px;
    border: 3px solid #ff6420;
    color: #ff6420;
    height: 200px;
    left: 50%;
    margin-left: -150px;
    margin-top: -100px;
    position: fixed;
    top: 50%;
    width: 300px;
    z-index: 99;
}

.loading-window .text {
    font-size: 16px;
    position: absolute;
    width: auto;
    top: 75%;
    left: 38%;
    margin: 0 auto;
}

.loading-window .dots {
    display: inline-block;
    width: 5px;
    overflow: hidden;
    vertical-align: bottom;
    animation: dots 1.5s linear infinite;
    transition: 1;
}

.car {
    position: absolute;
    width: 117px;
    height: 42px;
    left: 92px;
    top: 70px;
}

.car .strike {
    position: absolute;
    width: 11px;
    height: 1px;
    background: #ff6420;
    animation: strikes 0.2s linear infinite;
}

.car .strike2 {
    top: 11px;
    animation-delay: 0.05s;
}

.car .strike3 {
    top: 22px;
    animation-delay: 0.1s;
}

.car .strike4 {
    top: 33px;
    animation-delay: 0.15s;
}

.car .strike5 {
    top: 44px;
    animation-delay: 0.2s;
}

.car-detail {
    position: absolute;
    display: block;
    background: #ff6420;
    animation: speed 0.5s linear infinite;
}

.car-detail.spoiler {
    width: 0;
    height: 0;
    top: 7px;
    background: none;
    border: 20px solid transparent;
    border-bottom: 8px solid #ff6420;
    border-left: 20px solid #ff6420;
}

.car-detail.back {
    height: 20px;
    width: 92px;
    top: 15px;
    left: 0px;
}

.car-detail.center {
    height: 35px;
    width: 75px;
    left: 12px;
    border-top-left-radius: 30px;
    border-top-right-radius: 45px 40px;
    border: 4px solid #ff6420;
    background: none;
    box-sizing: border-box;
}

.car-detail.center1 {
    height: 35px;
    width: 35px;
    left: 12px;
    border-top-left-radius: 30px;
}

.car-detail.front {
    height: 20px;
    width: 50px;
    top: 15px;
    left: 67px;
    border-top-right-radius: 50px 40px;
    border-bottom-right-radius: 10px;
}

.car-detail.wheel {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    top: 20px;
    left: 12px;
    border: 3px solid #f9f9f9;
    background: linear-gradient(45deg, transparent 45%, #ff6420 46%, #ff6420 54%, transparent 55%), linear-gradient(-45deg, transparent 45%, #ff6420 46%, #ff6420 54%, transparent 55%), linear-gradient(90deg, transparent 45%, #ff6420 46%, #ff6420 54%, transparent 55%), linear-gradient(0deg, transparent 45%, #ff6420 46%, #ff6420 54%, transparent 55%), radial-gradient(#ff6420 29%, transparent 30%, transparent 50%, #ff6420 51%), #f9f9f9;
    animation-name: spin;
}

.car-detail.wheel2 {
    left: 82px;
}

/* START TOOLTIP STYLES */
[tooltip] {
    position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: .9em; /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1001; /* absurdity 1 */
}

[tooltip]::after {
    content: attr(tooltip); /* magic! */

    /* most of the rest of this is opinion */
    font-family: Helvetica, sans-serif;
    text-align: center;

    /*
      Let the content set the size of the tooltips
      but this will also keep them from being obnoxious
      */
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}

[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}

[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}

[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}


/* Таблица со скругленными уголками и градиентной шапкой */
#right .wrap_table {
    position: relative;
    border: 1px solid #ededed;
    border-radius: 5px;
    margin-bottom: 15px;
    -moz-box-shadow: 0 1px 2px #ccc; /* Для Firefox */
    -webkit-box-shadow: 0 1px 2px #ccc; /* Для Safari и Chrome */
    box-shadow: 0 1px 1px #ccc; /* Параметры тени */
    background-color: #fff;
    behavior: url(/PIE.htc);
}

table.gray_table {
    width: 100%;
    border: none;
    margin: 0;
}

table.gray_table th {
    padding: 11px 10px;
    color: #323233;
    font-size: 15px;
    text-align: left;
    font-weight: normal;
    background-image: linear-gradient(bottom, rgb(219, 219, 219) 14%, rgb(236, 236, 236) 57%, rgb(250, 250, 250) 87%);
    background-image: -o-linear-gradient(bottom, rgb(219, 219, 219) 14%, rgb(236, 236, 236) 57%, rgb(250, 250, 250) 87%);
    background-image: -moz-linear-gradient(bottom, rgb(219, 219, 219) 14%, rgb(236, 236, 236) 57%, rgb(250, 250, 250) 87%);
    background-image: -webkit-linear-gradient(bottom, rgb(219, 219, 219) 14%, rgb(236, 236, 236) 57%, rgb(250, 250, 250) 87%);
    background-image: -ms-linear-gradient(bottom, rgb(219, 219, 219) 14%, rgb(236, 236, 236) 57%, rgb(250, 250, 250) 87%);
    background-image: -webkit-gradient(
            linear,
            right bottom,
            right top,
            color-stop(0.14, rgb(219, 219, 219)),
            color-stop(0.57, rgb(236, 236, 236)),
            color-stop(0.87, rgb(250, 250, 250))
    );
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fafafa', endColorstr='#dbdbdb'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fafafa', endColorstr='#dbdbdb')"; /* IE8 */
    behavior: url(/PIE.htc);
}

table.gray_table td {
    padding: 11px 10px;
    vertical-align: top;
    border: none;
}

table.gray_table tr.even {
    background-color: #f2f2f2;
}

/*=========Кнопки===========*/
input.button_red_big, input.button_red_middle, input.button_red_small, input.button_red_smaller, input.button_gray_big, input.button_gray_small {
    padding-bottom: 2px;
}

.button_red_big, .button_red_big:hover,
.button_red_middle, .button_red_middle:hover,
.button_red_small, .button_red_small:hover,
.button_red_smaller, .button_red_smaller:hover,
.button_gray_big, .button_gray_big:hover,
.button_gray_big.no_active,
.button_gray_small, .button_gray_small:hover {
    background: url("images/button/buttons.png") no-repeat 0 0;
}

.button_gray_big.no_active.last {
    margin-right: 0;
}

/*--Большая красная--*/
.button_red_big {
    width: 210px;
    height: 31px;
    position: relative;
    display: block;
    color: #fff;
    font: 14px/31px Arial;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-position: 0 0;
    border: none;
    outline: none;
}

.button_red_big:hover {
    background-position: 0 -31px;
}

/*--Средняя красная--*/
.button_red_middle {
    width: 178px;
    height: 24px;
    display: block;
    color: #fff;
    font: 12px/24px Arial;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-position: 0 -62px;
    border: none;
    outline: none;
}

.button_red_middle:hover {
    background-position: 0 -86px;
}

/*--Маленькая красная--*/
.button_red_small {
    width: 98px;
    height: 24px;
    display: block;
    color: #fff;
    font: 12px/24px Arial;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-position: 0 -110px;
    border: none;
    outline: none;
}

.button_red_small:hover {
    background-position: 0 -134px;
}

/*--Очень маленькая красная--*/
.button_red_smaller {
    width: 78px;
    height: 24px;
    display: block;
    color: #fff;
    font: 12px/24px Arial;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-position: 0 -158px;
    border: none;
    outline: none;
}

.detail_catalog .button_red_smaller {
    margin: 10px 0;
}

.button_red_smaller:hover {
    background-position: 0 -182px;
}

/*--Большая серая--*/
.button_gray_big {
    width: 210px;
    height: 31px;
    position: relative;
    display: block;
    color: #333;
    font: 14px/31px Arial;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-position: 0 -206px;
    border: none;
    outline: none;
}

.button_gray_big:hover {
    background-position: 0 -237px;
}

.button_gray_big.no_active {
    background-position: 0 -268px;
    color: #999;
    cursor: default;
}

.button_gray_big i.icon, .button_red_big i.icon {
    width: 35px;
    height: 28px;
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    background: url("images/button/button_icons.png") no-repeat;
}

.button_gray_big i.icon.basic {
    background-position: 0 0;
}

.button_gray_big i.icon.edit {
    background-position: 0 -28px;
}

.button_gray_big i.icon.delete {
    background-position: 0 -56px;
}

.button_red_big i.icon.add {
    background-position: 0 -84px;
}

.button_red_big.with_icon, .button_gray_big.with_icon {
    padding-right: 31px;
    #width: 179px;
}

/*--Маленькая серая--*/
.button_gray_small {
    width: 98px;
    height: 24px;
    display: block;
    color: #333;
    font: 12px/24px Arial;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-position: 0 -299px;
    border: none;
    outline: none;
}

.button_gray_small:hover {
    background-position: 0 -323px;
}

/*=======Большая серая тянущаяся кнопка================================ */
.button_gray, .button_gray a, .button_gray:hover, .button_gray:hover a {
    background: url('images/button/stretching_button.png') no-repeat 0 0;
}

.button_gray {
    display: block;
    padding-left: 15px;
    float: left;
    background-position: 0 0;
    line-height: 19px;
}

.button_gray a {
    display: block;
    padding: 6px 15px 6px 0;
    background-position: 100% 0;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    outline: none;
    font-style: normal;
    overflow: visible;
    cursor: pointer;
}

.button_gray:hover {
    background-position: 0 -31px;
}

.button_gray:hover a {
    background-position: 100% -31px;
}

/*-------------Для селектов----------------*/
.selectbox {
    vertical-align: middle;
    cursor: pointer;
}

.selectbox .select {
    width: 260px;
    height: 23px;
    padding: 0 30px 0 10px;
    font: 15px/23px Arial, Tahoma, sans-serif;
    color: #4c4c4c;
    border: 1px solid #dbdfe6;
    border-top-color: #abadb3;
    border-radius: 3px;
    behavior: url(/PIE.htc);
}

.selectbox .select:hover {
    background-position: 0 -10px;
}

.selectbox.focused .select {
    border: 1px solid #5794BF;
}

.selectbox .select .text {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.selectbox .trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
}

.selectbox .trigger .arrow {
    width: 0;
    height: 0;
    position: absolute;
    top: 9px;
    right: 6px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    overflow: hidden;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.selectbox:hover .arrow {
    opacity: 1;
    filter: alpha(opacity=100);
}

.selectbox ul.dropdown {
    top: 23px;
    width: 300px;
    margin: 0;
    padding: 4px 0;
    background: #fff;
    border: 1px solid #dbdfe6;
    font: 15px/18px Arial, Tahoma, sans-serif;
}

.selectbox li {
    padding: 5px 10px 6px;
    color: #231f20;
    background: none;
}

.selectbox li:hover,
.selectbox li.selected {
    background: #08c;
    color: #fff;
}

.selectbox li.disabled {
    color: #aaa;
}

.selectbox li.disabled:hover {
    background: none;
}

/*-------------/Для селектов----------------*/
/*-------------Мой автомобиль----------------*/
#right .select_auto {
    margin-bottom: 25px;
}

#right .nearest_service {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}

#right .nearest_service .calendar {
    width: 59px;
    height: 60px;
    float: left;
    margin-right: 15px;
    background: url("images/bg/date_event.png") no-repeat 0 0;
    text-align: center;
}

#right .nearest_service .calendar .month {
    color: #fff;
    font-size: 11px;
    margin-bottom: 2px;
}

#right .nearest_service .calendar .date {
    color: #333;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 0;
}

#right .nearest_service .date_event {
    font-size: 15px;
    color: #8c8c8c;
    margin-bottom: 4px;
    padding-top: 7px;
}

#right .nearest_service .event {
    font-size: 18px;
    line-height: 20px;
    color: #333;
}

#right .all_service_link {
    margin-bottom: 25px;
}

/*-------------Таблица "Последние заявки на ремонт"---------------*/
#right table.request .type_request a {
    color: #323233;
    text-decoration: none;
}

#right table.request tr:hover {
    cursor: pointer;
}

#right table.request tr:hover .type_request a {
    text-decoration: underline;
}

#right table.request .number {
    width: 20px;
    padding-left: 40px;
}

#right table.request td.number.work {
    background: url("images/bg/status_work.png") no-repeat 16px 13px;
}

#right table.request tr:hover td.number.completed {
    background: url("images/bg/status_completed.png") no-repeat 16px 13px;
}

#right table.request tr:hover td.number.rejected {
    background: url("images/bg/status_rejected.png") no-repeat 16px 13px;
}

#right table.request tr:hover td.number.not_serviced {
    background: url("images/bg/status_not_serviced.png") no-repeat 16px 13px;
}

#right table.request .type {
    /* width: 425px; */
}

#right table.request .status {
    width: 90px;
}

#right table.request .date {
    width: 70px;
}

#right table.request .sum {
    /* width: 75px; */
    padding-right: 20px;
    text-align: right;
}

#right .button_line {
    position: relative;
    overflow: hidden;
    margin-bottom: 45px;
}

#right .button_line .button_red_big,
#right .button_line .button_gray_big {
    float: left;
    margin-right: 40px;
}

#right .button_line .button_red_big.last,
#right .button_line .button_gray_big.last {
    margin: 0;
}

/*-------------Редактирование авто----------------*/
#right table.pattern_car td {
    padding: 11px 20px;
}

#right table.pattern_car td.first_col {
    width: 110px;
}

#label_basic {
    width: 78px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: 10px;
    background: url("images/ico/basic_car.png") no-repeat 0 0;
}

/*-------------Плановое ТО----------------*/
#right .plan_servicing {
    position: relative;
    /*overflow: hidden;*/
}

#right .plan_servicing table.plan_schedule td.date {
    width: 75px;
    padding-left: 40px;
    background: url("images/bg/calendar.png") no-repeat 14px 12px;
}

#right .plan_servicing .nearest_service {
    margin-bottom: 20px;
}

/*-------------Заказ-наряд----------------*/
#right .work_order {
    position: relative;
    overflow: hidden;
}

.work_order table.order {
    width: 100%;
    border-collapse: separate;
    margin: 0 0 20px;
    border: none;
}

.work_order table.order.primary {
    padding-bottom: 20px;
    border-bottom: 1px dashed #b2b2b2;
}

.work_order table.order td {
    vertical-align: top;
    padding: 6px 15px;
    border: none;
}

.work_order table.order td.topic {
    width: 145px;
    padding: 6px 0;
}

.work_order table.order td.status {
    color: #999;
    width: 110px;
    text-align: right;
}

.work_order table.order td.status span {
    padding-left: 22px;
}

.work_order table.order td.status span.work {
    background: url("images/bg/status_work.png") no-repeat 0 50%;
}

.work_order table.order td.status span.completed {
    background: url("images/bg/status_completed.png") no-repeat 0 50%;
}

.work_order table.order td.status span.rejected {
    background: url("images/bg/status_rejected.png") no-repeat 0 50%;
}

.work_order table.order td.status span.not_serviced {
    background: url("images/bg/status_not_serviced.png") no-repeat 0 50%;
}

.work_order table.order td a {
    color: #217dd9;
}

#right table.pattern_car td.price {
    width: 140px;
    text-align: right;
}

#right .work_order .total_price,
#right .order_detail .total_price,
#right .basket_block .total_price {
    margin-left: 370px;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    color: #333;
}

#right .work_order .total_price {
    margin-left: 270px;
}

#right .work_order .total_price span,
#right .order_detail .total_price span,
#right .basket_block .total_price span {
    width: 150px;
    display: block;
    float: right;
    text-align: right;
    padding: 0 20px 0 45px;
}

#right .work_order .order_footer, #right .order_detail .order_footer {
    position: relative;
    overflow: hidden;
    line-height: 31px;
}

#right .work_order .print_order {
    float: right;
}

/*-------------Детальная страница заказа----------------*/
#right .order_detail {
    position: relative;
    overflow: hidden;
    font-size: 15px;
}

.order_detail table.order_info {
    margin-bottom: 15px;
}

.order_detail table.order_info td {
    padding: 6px 15px 6px 22px;
    vertical-align: top;
}

.order_detail table.order_info td.first {
    width: 125px;
    padding-left: 0;
}

.order_detail table.order_info td a.email {
    color: #217dd9;
}

table.gray_table.product_buy .name {
    width: 320px;
    padding-left: 18px;
}

table.gray_table.product_buy .discount,
table.gray_table.product_buy .price,
table.gray_table.product_buy .sum {
    text-align: right;
}

table.gray_table.product_buy .amount {
    text-align: center;
}

table.gray_table.product_buy .sum {
    padding-right: 18px;
}

#right .order_detail .order_footer {
    font-size: 14px;
}

#right .order_detail .order_footer .repeat,
#right .order_detail .order_footer .cancel {
    float: right;
    margin-left: 10px;
}

/*-------------Обращения----------------*/
#right .treatment .treatment_date {
    font-size: 15px;
    color: #bf0a0a;
}

#right .treatment p {
    margin-bottom: 13px;
}

/*-------------История обращений----------------*/
#right .treatment_history table.gray_table .number {
    padding-left: 20px;
}

#right .treatment_history table.gray_table .number {
    padding-left: 20px;
    text-align: left;
}

#right .treatment_history table.gray_table .date {
    padding-right: 20px;
    text-align: right;
}

/*-------------Корзина---------------*/
#right .basket_block {
    position: relative;
    overflow: hidden;
}

#right .basket_block table.gray_table.basket .foto {
    width: 90px;
    padding: 5px;
    vertical-align: middle;
}

#right .basket_block table.gray_table.basket td.foto {
    background-color: #fff;
}

#right .basket_block table.gray_table.basket .name {
    padding: 11px 5px 11px 20px;
}

#right .basket_block table.gray_table.basket .price {
    width: 90px;
    padding: 11px 10px 11px 5px;
    text-align: right;
}

#right .basket_block table.gray_table.basket .amount {
    width: 52px;
    padding: 11px 5px 11px 15px;
    text-align: center;
}

#right .basket_block table.gray_table.basket .sum {
    width: 110px;
    position: relative;
    padding: 11px 38px 11px 5px;
    text-align: right;
}

#right .basket_block table.gray_table.basket td.sum {
    display: block;
}

.basket .name .title {
    font-size: 15px;
    margin-bottom: 7px;
}

.basket .name .description {
    font-size: 12px;
    line-height: 15px;
}

.basket .sum .delete_goods {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 12px;
    right: 10px;
    background: url("images/bg/delete_goods.png") no-repeat 0 0;
    cursor: pointer;
}

.basket .amount input {
    width: 24px;
    height: 12px;
    padding: 2px;
    text-align: center;
}

#right .basket_block .total_price span {
    padding: 0 38px 0 30px;
}

#right .basket_block .left_space {
    width: 475px;
    float: left;
}

#right .basket_block .left_space .code {
    margin: 5px 0 25px;
}

#right .basket_block .left_space .code input {
    width: 194px;
    height: 16px;
    margin-left: 4px;
    padding: 2px;
}

#right .basket_block .right_space {
    width: 215px;
    float: right;
}

#right .basket_block .right_space .count {
    margin-bottom: 20px;
}

/*-------------Настройки---------------*/
#right .my_settings {
    position: relative;
}

#right .my_settings ul.tab-list li .c-b {
    width: 100px;
    text-align: center;
}

#right .my_settings .tab-boby-container .container {
    padding-bottom: 40px;
}

.my_settings .tab-boby-container .bottom_container {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #f2f2f2;
    border-radius: 0 0 7px 7px;
    behavior: url(/PIE.htc);
    line-height: 40px;
}

.bottom_container .notice {
    padding: 0 30px;
}

.my_settings .tab-boby-container .tab_body {
    padding: 25px;
    overflow: hidden;
    position: relative;
}

.tab-boby-container .tab_body .column {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 48%;
    float: left;
    /* height: 160px; */
}

.tab-boby-container .tab_body .line_block {
    position: relative;
    margin-bottom: 15px;
}

.tab-boby-container .tab_body .column:first-child {
    padding: 0 4% 0 0;
}

.tab-boby-container .tab_body .input_text {
    width: 230px;
    display: block;
    float: left;
    line-height: 14px;
    font-weight: bold;
    color: #333;
    margin-right: 5px;
}

.tab-boby-container .tab_body input.text, .tab-boby-container .tab_body input.bx-auth-input {
    width: 300px;
    height: 24px;
    padding: 1px 6px;
}

.tab-boby-container .tab_body span.select {
    width: 272px;
}

.tab-boby-container .tab_body .selectbox ul.dropdown {
    width: 312px;
}

.tab-boby-container .tab_body #PERSONAL_BIRTHDAY {
    width: 174px;
}

.tab-boby-container .tab_body textarea {
    width: 300px;
    max-width: 300px;
    min-width: 300px;
    min-height: 100px;
    height: 100px;
    max-height: 100px;
}

#right .my_settings .block_button .button_red_big, #right .my_settings .block_button .button_gray_big {
    float: right;
    margin-left: 10px;
}

/*-------------Подписка---------------*/
#right .subscription_block {
    position: relative;
}

#right .subscription_block a.mail {
    color: #217dd9;
}

#right .subscription_block input.your_mail {
    margin-left: 15px;
    width: 186px;
    color: #999;
    height: 24px;
}

#right .subscription_block .gray_table th,
#right .subscription_block .gray_table td {
    padding: 11px 20px;
}

#right .subscription_block .status {
    width: 85px;
}

#right .subscription_block .action {
    width: 100px;
    text-align: center;
}

#right .subscription_block .wrap_table {
    margin-bottom: 28px;
}

/*-------------Список заказов--------------*/
#right .order_list .wrap_table {
    margin-bottom: 30px;
}

#right .order_list table.gray_table .number {
    width: 95px;
    padding-left: 50px;
}

#right .order_list table.gray_table .data {
    width: 70px;
}

#right .order_list table.gray_table .sum {
    width: 100px;
    text-align: right;
}

#right .order_list table.gray_table .action {
    width: 93px;
    padding: 6px 20px 6px 10px;
}

#right .order_list.current-status .indication {
    background-position: 20px 14px;
}

#right .order_list .button_action {
    width: 28px;
    height: 24px;
    display: block;
    cursor: pointer;
    float: left;
    margin-right: 2px;
    background: url("images/button/button_action.png") no-repeat 0 0;
}

#right .order_list .button_action.detail:hover {
    background-position: -28px 0;
}

#right .order_list .button_action.update {
    background-position: 0 -24px;
}

#right .order_list .button_action.update:hover {
    background-position: -28px -24px;
}

#right .order_list .button_action.cancel {
    background-position: 0px -48px;
}

#right .order_list .button_action.cancel:hover {
    background-position: -28px -48px;
}

/*-------------Всплывающая форма--------------*/
#pop-form {
    position: relative;
    width: 490px;
    z-index: 900;
    background-color: #fff;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 7px #999; /* Для Firefox */
    -webkit-box-shadow: 0 2px 7px #999; /* Для Safari и Chrome */
    box-shadow: 0 2px 7px #999; /* Параметры тени */
    behavior: url(/PIE.htc);
}

#pop-form.static {
    z-index: 1;
}

#pop-form .head_form {
    position: relative;
    overflow: hidden;
    height: 47px;
    font-size: 18px;
    line-height: 47px;
    padding: 0 50px 0 20px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ccc;
    background-image: linear-gradient(bottom, rgb(219, 219, 219) 14%, rgb(236, 236, 236) 57%, rgb(250, 250, 250) 87%);
    background-image: -o-linear-gradient(bottom, rgb(219, 219, 219) 14%, rgb(236, 236, 236) 57%, rgb(250, 250, 250) 87%);
    background-image: -moz-linear-gradient(bottom, rgb(219, 219, 219) 14%, rgb(236, 236, 236) 57%, rgb(250, 250, 250) 87%);
    background-image: -webkit-linear-gradient(bottom, rgb(219, 219, 219) 14%, rgb(236, 236, 236) 57%, rgb(250, 250, 250) 87%);
    background-image: -ms-linear-gradient(bottom, rgb(219, 219, 219) 14%, rgb(236, 236, 236) 57%, rgb(250, 250, 250) 87%);
    background-image: -webkit-gradient(
            linear,
            right bottom,
            right top,
            color-stop(0.14, rgb(219, 219, 219)),
            color-stop(0.57, rgb(236, 236, 236)),
            color-stop(0.87, rgb(250, 250, 250))
    );
    behavior: url(/PIE.htc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fafafa', endColorstr='#dbdbdb'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fafafa', endColorstr='#dbdbdb')"; /* IE8 */

}

#close_form {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 10px;
    background: url("images/ico/close_form.png") no-repeat 0 0;
    cursor: pointer;
}

#close_form:hover {
    background-position: 0 -24px;
}

#pop-form .footer_form {
    padding: 5px 20px 30px;
}

#pop-form .footer_form input {
    margin-left: 100px;
}

#pop-form .container_form {
    padding: 20px 30px 10px;
}

#pop-form .container_form .line_block {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

#pop-form .container_form .input_text {
    width: 105px;
    display: block;
    float: left;
    text-align: right;
    line-height: 14px;
    font-weight: bold;
    color: #333;
    padding: 2px 0;
    margin-right: 5px;
    font-size: 14px;
}

#pop-form .container_form input.text {
    width: 300px;
    height: 24px;
    /* background-color: #f5f5f5; */
}

#pop-form .container_form textarea {
    width: 300px;
    max-width: 300px;
    min-width: 300px;
    height: 76px;
    max-height: 76px;
    min-height: 76px;
}

#pop-form .container_form select {
    width: 312px;
}

#pop-form .container_form .wrap_radio {
    margin-right: 30px;
}

#pop-form .container_form span.comment {
    display: block;
    margin-left: 102px;
    padding-top: 3px;
    color: #888888;
    font-size: 12px;
    line-height: 14px;
}

#pop-form .mark {
    border-bottom: 1px dashed #ccc;

}

#pop-form .line_block span.captcha img {
    margin-bottom: 10px;
    width: 180px;
    height: 40px;
}

#pop-form .container_form .line_block span.captcha input.text {
    margin-left: 100px;
    width: 167px;
}

#pop-form .container_form input.text, #pop-form .container_form textarea {
    border-radius: 2px;
    background-color: #f5f5f5;
    border: 1px solid #dae0e6;
    border-top-color: #a4a6ac;
    behavior: url(/PIE.htc);
}

#pop-form .container_form .line_block input#filter_date_from, input#filter_date_to {
    width: 120px;
}

#pop-form .container_form .line_block .bx_filter_date img, .bx_filter_date img {
    vertical-align: middle;
}

#pop-form .head_form .line_block {
    width: 428px;
}

#pop-form .container_form .overflow-vis {
    overflow: visible;
}

#pop-form .head_form .line_block input.button_red_big, input.button_gray_big {
    display: inline-block;
}

#fade-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 98;
    background: none repeat scroll 0 0 black;
    opacity: 0.3;
}

/*-------------/Всплывающая форма--------------*/

#validModel, #validColor, #validName, #validEmail, #validUserLogin, #validUserPassword, #validUserPasswordConfirm, #valideCaptcha {
    margin-top: 4px;
    margin-left: 9px;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 3px;
    right: 10px;
}

.model-help-wrapper, .color-help-wrapper {
    float: right;
    width: 320px;
    display: none;
}

.help {
    list-style-type: none;
}

ul.help {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

.help li {
    padding: 2px 0 2px 17px;
    background: url('images/bg/bullet_li.png') no-repeat 4px 7px;
}

.help li.hovered {
    background: #def;
    font-weight: bold;
}

.brand.without-auto {
    margin-bottom: 10px;
}

.without-auto {
    font-weight: bold;
}

.manage-your-auto {
    margin-bottom: 10px;
}

.my_auto_auth a {
    text-decoration: none;
}

.delete_confirm, .delete_reject {
    float: left;
    margin-bottom: 0px;
}

font.errortext {
    color: red !important;
}

.add_auto_link {
    cursor: pointer;
    width: 240px;
}

.add_auto_link h3 {
    border-bottom: 1px dashed #BF0A0A;
    padding: 0px;
    font-size: 14px;
}

.add_auto_link h3:hover {
    border-bottom: none;
    padding-bottom: 1px;
}

.add_helper {
    margin-bottom: 30px;
}

.show_all_auto_link {
    display: block;
    margin-bottom: 30px;
}

/*-------------/Вкладки---------------*/
ul.tab-list {
    width: 100%;
    position: relative;
    margin: 0;
    list-style: none;
    overflow: hidden;
    padding-left: 1px;
    z-index: 2;
}

ul.tab-list li {
    display: block;
    float: left;
    position: relative;
    overflow: visible;
    background: none;
    padding: 0;
    cursor: pointer;
}

ul.tab-list li a {
    display: block;
    float: left;
    margin: 0 -7px 0 -1px;
    position: relative;
    cursor: pointer;
    color: #666;
    text-decoration: none;
    font-size: 15px;
    line-height: 30px;
}

ul.tab-list li.active a {
    position: relative;
    z-index: 2;
    color: #bf0a0a;
    font-weight: bold;
}

ul.tab-list li .l-b, ul.tab-list li .c-b, ul.tab-list li .r-b {
    border: medium none;
    float: left;
    height: 30px;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
    overflow: hidden;
}

ul.tab-list li .l-b {
    background: url("images/bg/tab.png") no-repeat 0 0;
    width: 10px;
}

ul.tab-list li.active .l-b {
    background-position: 0 -90px;
}

ul.tab-list li .c-b {
    background: url("images/bg/tab.png") repeat-x 0 -30px;
    overflow: visible;
    width: auto;
    padding: 0 10px;
}

ul.tab-list li.active .c-b {
    background-position: 0 -120px;
}

ul.tab-list li .r-b {
    background: url("images/bg/tab.png") no-repeat 0 -60px;
    width: 10px;
}

ul.tab-list li.active .r-b {
    background-position: 0 -150px;
}

.tab-boby-container .container .tab_body {
    display: none;
}

.tab-boby-container .container div.active {
    display: block;
}

.tab-boby-container {
    /* height: 250px; */
    position: relative;
    margin: -1px 0 20px;
    border: 1px solid #ededed;
    border-radius: 0 7px 7px 7px;
    behavior: url(/PIE.htc);
}

/*-----------------Регистрация-----------------*/
.registration-block {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    font-size: 10px;
}

.registration-block-captcha {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    left: 110px;
}

.registration-block .input-text {
    color: #333333;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 14px;
    margin-right: 5px;
    padding: 2px 0;
    text-align: right;
    width: 105px;
    font-size: 14px;
}

.registration-block .text {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    border-color: #A4A6AC #DAE0E6 #DAE0E6;
    border-radius: 2px 2px 2px 2px;
    border-right: 1px solid #DAE0E6;
    border-style: solid;
    border-width: 1px;
    height: 24px;
    width: 300px;
}

.prop_auto {
    display: none;
}

.add_auto {
    background: url("images/bg/arrow.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 11px;
    position: absolute;
    width: 21px;
    left: 20px;
    margin-top: 5px;
}

.add_auto2 {
    background: url("images/bg/arrow2.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 11px;
    position: absolute;
    width: 21px;
    left: 17px;
}

.block_auto {
    margin-top: 20px;
    margin-bottom: 10px;
}

/*----------------/Регистрация-----------------*/