/*
    === BASIC RULES ===
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

div {
    position: relative;
}

textarea, input {
    margin: 0;
    padding: 0;
    border: 0;
}

menu, ol, ul {
    list-style: none outside none;
}

a {
    color: rgb(51, 51, 51);
}

.invisible {
    display: none;
}

.sprite {

}

.f:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.txtInline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fl {
    float: left;
    display: block;
}

.fr {
    float: left;
}

html {
    height: 100%;
}

body {
    font-family: Arial, Liberation Sans, DejaVu Sans, sans-serif;
    font-size: 80%;
    min-height: 350px;
    position: relative;
    background-color: #ffffff;

}

/*
  === CONTROLS, TOOLTIPS ===
*/
/*
  --- DEFAULT THEME ---
*/
.button {
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 31px;
    padding: 0 10px 2px;
    color: #444f55;
    border-right: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 0 0 white, -1px 1px 0 0 #f8fbfd;
    -moz-box-shadow: inset 0 1px 0 0 white, -1px 1px 0 0 #f8fbfd;
    box-shadow: inset 0 1px 0 0 white, -1px 1px 0 0 #f8fbfd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#EEEEEE');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#EEEEEE')";
    background: -moz-linear-gradient(top, #F9F9F9, #EEEEEE);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9F9F9), color-stop(100%, #EEEEEE));
    background: -webkit-linear-gradient(top, #F9F9F9, #EEEEEE);
    background: -o-linear-gradient(top, #F9F9F9, #EEEEEE);
    background: -ms-linear-gradient(top, #F9F9F9, #EEEEEE);
    background: linear-gradient(top, #F9F9F9, #EEEEEE);
    text-shadow: white 0 1px 0;
    cursor: pointer;
}

.button:hover {
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

.button:active {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#F9F9F9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#F9F9F9')";
    background: -moz-linear-gradient(top, #EEEEEE, #F9F9F9);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #F9F9F9));
    background: -webkit-linear-gradient(top, #EEEEEE, #F9F9F9);
    background: -o-linear-gradient(top, #EEEEEE, #F9F9F9);
    background: -ms-linear-gradient(top, #EEEEEE, #F9F9F9);
    background: linear-gradient(top, #EEEEEE, #F9F9F9);
}

.input {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 1px 1px 1px 1px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 29px;
    margin: 0;
    padding: 0 5px;
    width: 190px;
}

.input:hover {
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.a {
    color: #1B3D62;
}

.a:hover {
    text-decoration: underline;
}

/* SCROLLBAR */
.scrollbar {
    bottom: 5px;
    position: absolute;
    right: 6px;
    top: 5px;
    width: 8px;
}

.scrollbar .back {
    z-index: 98;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    position: absolute;
    bottom: -4px;
    left: -4px;
    top: -4px;
    width: 13px;
    border: 1px solid #FFFFFF;
}

.scrollbar .line {
    background-color: rgb(221, 221, 221);
    bottom: 5px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 5px;
    width: 1px;
    z-index: 97;
}

.scrollbar .dragger {
    background-color: rgb(102, 102, 102);
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    opacity: 1;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    height: 100px;
}

.scrollbar .dragger:hover {
    background-color: #333333;
}

/* POINTER */
.tipbox {
    border: 1px solid rgb(238, 238, 238);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.03);
    color: rgb(17, 17, 17);
    margin-top: 14px;
    padding: 10px 24px 10px 47px;
    display: none;
}

.tipbox .pointer {
    background-position: -94px -35px;
    height: 14px;
    position: absolute;
    top: -14px;
    width: 32px;
}

.tipbox .icon {
    position: absolute;
    top: 50%;
}

.tipbox .cross {
    background-position: -205px -2px;
    height: 14px;
    left: 10px;
    margin-top: -7px;
    width: 14px;
}

.tipbox .tick {
    background-position: -184px -2px;
    height: 14px;
    left: 9px;
    margin-top: -7px;
    width: 16px;
}

.tipbox .preloader1 {

    height: 16px;
    left: 9px;
    margin-top: -8px;
    width: 16px;
}

.tipbox .close {
    background-color: #FFFFFF;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 50px 50px 50px 50px;
    color: rgb(153, 153, 153);
    cursor: pointer;
    display: block;
    font-size: 10px;
    margin-top: -8px;
    padding: 1px 4px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 50%;
}

.tipbox .close:hover {
    border-color: #aaaaaa;
    color: #666666;
}

.tipbox .line {
    border-left: 1px dashed rgb(221, 221, 221);
    bottom: 0px;
    left: 33px;
    position: absolute;
    top: 0px;
    width: 13px;
}

/* pageAlert */
.pageAlert {
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 150;
    display: none;
}

.pageAlert .back {
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #FFFFFF;
    opacity: 0;

}

.pageAlert .box {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(241, 241, 241);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
    left: 50%;
    margin-left: -175px;
    padding: 15px 20px;
    position: absolute;
    top: 50%;
    margin-top: -600px;
    max-width: 400px;
    display: none;
}

.pageAlert .title {
    color: rgb(34, 34, 34);
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
}

.pageAlert .txt {
    color: rgb(51, 51, 51);
    font-size: 14px;
    line-height: 1.31;
    margin-bottom: 14px;
}

.pageAlert .bottom {
    text-align: center;
}

/*
  === GLOBAL WRAPPER ===
*/
.globalWrapper {
    height: 100%;
    margin: 0 auto;
    max-width: 1050px;
    min-width: 960px;
}

/*
  --- HEADER WRAPPER ---
*/
.headerWrapper {

}

#logo {
    color: rgb(51, 51, 51);
    font-family: Arial;
    font-size: 24px;
    margin: 10px 0px;
}

/*
  --- MAIN CONTENT WRAPPER ---
*/
.menu {
    border: 1px solid #F1F1F1;
    box-shadow: 1px 1px 3px #F1F1F1;
    position: absolute;
    z-index: 222;
}

.menu ul {

}

.menu li {
    color: #999999;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
}

.menu li:hover {
    background-color: #fcfcfc;
}

.menu li a {
    color: #000000;
    display: block;
    padding: 8px;
}

.menu li.selected {
    background-color: rgb(249, 249, 249);
    font-weight: bold;

}

.menu li.selected a {
    color: #333333;
    text-decoration: none;
}

.contentWrapper .pageContent {
    padding-left: 200px;
}

/* sales */
.sales {

}

.sales .item {
    margin-bottom: 51px;
}

.sales .title {
    color: rgb(34, 34, 34);
    font-size: 14px;
    margin-bottom: 10px;
}

.sales .title .hl {
    color: #000000;
    font-weight: bold;
}

.sales .tenge {
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.sales .dollar {
    color: rgb(86, 153, 52);
    font-weight: bold;
}

.sales .box {

}

.sales .date {

}

.sales .line {
    font-size: 14px;
}

.sales .line .star {
    color: #a01000;
    font-size: 30px;
}

.sales .line:hover {
    background-color: #f9f9f9;
}

.sales .line div {
    line-height: 30px;
    padding: 0px 5px;
}

.sales .part {
    color: rgb(153, 153, 153);
    width: 39px;
}

.sales .name {
    width: 230px;
}

.sales .name a {

}

.sales .price-tenge {
    color: rgb(51, 51, 51);
    text-align: right;
    width: 65px;
}

.sales .price-dollar {
    color: rgb(86, 153, 52);
    text-align: left;

}

.sales .price-opt {
    color: rgb(102, 102, 102);
    font-style: italic;
    width: 155px;
}

/*
 === LOG IN ===
*/
.loginView {
    left: 50%;
    margin-left: -323px;
    position: relative;
    width: 630px;
}

.loginView .colTitle {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}

.loginView .desc {
    margin-bottom: 15px;
    margin-top: 5px;
}

.loginView .cont {
    margin: 20px;
}

.loginCol {
    width: 350px;
}

.loginVariant {
    margin-bottom: 12px;
}

.loginVariant .txt {
    color: rgb(102, 102, 102);
    font-size: 12px;
    font-style: italic;
    line-height: 29px;
    width: 135px;
}

.loginVariant .login-button {

    border-radius: 3px 3px 3px 3px;

    cursor: pointer;
    height: 29px;
    width: 162px;
}

.loginVariant .login-button:hover {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.22);
}

.loginVariant .login-button-short {
    border: 1px solid rgb(238, 238, 238);
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    height: 37px;
    margin-right: 3px;
    margin-bottom: 5px;
    padding: 0 5px;
}

.loginVariant .login-button-short img {
    display: inline-block;
    margin: 7px 0;
}

.loginVariant .login-button-short:hover {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.04);
}

/* social network buttons */
.loginVariant .facebook {
    background-position: -1px 0px;
}

.loginVariant .twitter {
    background-position: -193px -112px;
}

.loginVariant .google {
    background-position: -1px -142px;
}

.loginVariant .yahoo {
    background-position: -1px -93px;
}

.loginVariant .mailru img {
    margin: 10px 0;
}

.loginVariant .myopenid img {
    margin: 10px 0;
}

.loginVariant .yandex img {
    margin: 6px 0;
}

.loginVariant .aol img {
    margin: 6px 0px;
}

.loginVariant .openid img {
    margin: 6px 0px;
}

.commonLoginForm {
    border: 1px solid rgb(238, 238, 238);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
    left: 50%;
    margin-left: -167px;
    padding: 6px 9px;
    position: relative;
    width: 302px;
}

.commonLoginForm:hover {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.09);
    border: 1px solid #dddddd;
}

.commonLoginForm .field {
    float: left;
    margin-right: 5px;
}

.commonLoginForm .field .hint {
    font-size: 12px;
    left: 0px;
    line-height: 28px;
    padding-left: 7px;
    position: absolute;
    right: 0px;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 1px 1px 1px 1px;
    border-style: solid;
    border-width: 1px;
}

.commonLoginForm .field:last-child {
    margin-right: 0px;
    position: absolute;
    right: 10px;
    top: 6px;
}

.commonLoginForm .field .input1 {
    z-index: 99;
    position: relative;
    width: 135px;
}

.commonLoginForm .field .input2 {
    width: 65px;
    z-index: 99;
    position: relative;
}

.commonLoginForm .field .input-empty {
    border: medium none;
    margin: 1px;
    opacity: 0.4;
}

.commonLoginForm .field .input-empty:hover {
    border-color: rgb(160, 160, 160) rgb(185, 185, 185) rgb(185, 185, 185);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12) inset;
    margin: 0px;
    opacity: 0.6;
}

.commonLoginForm .field button {
    width: 67px;
}

.restorePassword {
    float: right;
    line-height: 29px;
}

.commonLoginForm .preloading {
    display: none;
}

.commonLoginForm .preloading span, .commonLoginForm .preloading img {
    float: left;
    margin-right: 3px;
}

#signInStatus {

}

#signInStatus .pointerEmail {
    left: 0px;
}

#signInStatus .pointerPass {
    left: 154px;
}

#signInStatus .pointerSubmit {
    right: 19px;
}

/* storage */
.storage {

}

.storage select {
    font-size: 20px;
    padding: 5px;
}

.storage .option {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
}

.storage .title {
    color: rgb(153, 153, 153);
    font-size: 14px;
}

/* product */
.product {

}

.product .box {
    border: 1px solid rgb(153, 153, 153);

}

.product .box .title {
    background-color: rgb(238, 238, 238);
    border-bottom: 1px solid rgb(204, 204, 204);
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
}

.product .box .title .cont {
    position: absolute;
    right: 0px;
    top: 0;
}

.product .box .title .cont .itm {
    float: left;
    cursor: pointer;
    padding: 0 8px;
}

.product .box .title .cont .itm.selected {
    background-color: #DDDDDD;
    padding: 0 10px;
}

.product .box .subtitle {
    font-weight: bold;
    margin-bottom: 6px;
    text-align: right;
}

.product .box .content {
    padding: 20px;
}

.product .box1 {
    width: 395px;
}

.product .box2 {
    position: absolute;
    top: 433px;
    width: 195px;
    height: 388px;
}

.product .box3 {
    left: 200px;
    position: absolute;
    top: 433px;
    width: 195px;
}

.product .box4 {
    left: 400px;
    position: absolute;
    top: 40px;
    width: 328px;
    z-index: 100;
}

.product .box5 {
    left: 400px;
    position: absolute;
    top: 350px;
    width: 328px;
}

.product .box6 {
    left: 733px;
    position: absolute;
    top: 40px;
    width: 200px;
}

.product .box7 {
    height: 100px;
    position: absolute;
    top: 829px;
    width: 395px;
}

.product .box8 {
    height: 130px;
    position: absolute;
    width: 395px;
    top: 940px;
}

.product .box7 textarea {
    border: 1px solid #AAAAAA;
    width: 353px;
}

.product input {
    background: none repeat scroll 0px 0px rgb(255, 255, 255);
    border-color: rgb(192, 192, 192) rgb(217, 217, 217) rgb(217, 217, 217);
    border-radius: 1px 1px 1px 1px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: 14px;
    margin: 0px;
    padding: 5px;
    width: 170px;
}

.product select {
    font-size: 14px;
    padding: 5px;
    width: 182px;
}

.product .line {
    margin-bottom: 10px;
}

.product .label {
    color: #333333;
    float: left;
    font-size: 13px;
    line-height: 28px;
    margin-right: 10px;
    text-align: right;
    width: 95px;
}

.product .data {
    float: left;
}

.product .hint-italic {
    color: #999999;
    font-style: italic;
    margin-left: 10px;
    width: 185px;
}

.product .divide {
    border-bottom: 1px solid rgb(238, 238, 238);
    color: #777777;
    font-size: 12px;
    margin-top: 18px;
    text-align: left;
}

.product .select {
    background-color: #f9f9f9;
    margin-bottom: 10px;
}

.product .select .wr {
    display: inline-block;
    padding: 8px 17px;
    width: 84px;
}

.product .select .data {
    border-bottom: 1px dotted rgb(153, 153, 153);
    cursor: pointer;
}

.product .photo {
    float: left;
    margin-bottom: 16px;
    text-align: center;
}

.product .photo .remove {
    border-bottom: 1px dashed;
    font-size: 14px;
    cursor: pointer;
}

.product #sold, .product #sold_tyre, .product #sold_disk {
    width: 50px;
}

.product .label1 {
    color: #999999;
    left: 0;
    position: absolute;
}

.product .label2 {
    color: #999999;
    left: 66px;
    position: absolute;
}

.product .label3 {
    color: #999999;
    left: 133px;
    position: absolute;
}

.returns {

}

.returns .step {
    margin-top: 20px;

}

.returns .question {
    font-size: 22px;
    margin-bottom: 10px;
}

.returns .answer {

}

.returns .hint {

    margin-top: 20px;
    font-size: 16px;
}

/* live */
.live {

}

.live .title {
    padding: 10px 0;
    font-size: 18px;
}

.live .item {
    line-height: 34px;
}

.live .hl {
    background-color: #fafcd9;
}

.live .item:hover {
    background-color: #f9f9f9;
}

.live .ip {
    float: left;
    overflow: hidden;
    width: 150px;
}

.live .ip a {
    font-size: 14px;
}

.live .query {
    float: left;
    overflow: hidden;
    width: 400px;
}

.live .query a {
    font-size: 14px;
}

.live .found {
    float: left;
    overflow: hidden;
    margin-left: 10px;
}

.live .site {
    float: left;
    font-size: 16px;
    margin-left: 10px;
    overflow: hidden;
    width: 660px;
}

.other {

}

.revision {
    padding: 15px;
}

.revision .header {
    font-size: 20px;
    margin: 15px 0;
}

.items_for_cars {

}


.reserved{
    background-color: #ffffcc;
}