@import "/css/calculator.css";

* {
    padding: 0;
    margin: 0;
}
html,body{
    height:100%;
    margin: 12px 0px 0px 0px;
    padding: 0px;
    font: 13px Arial; /* 90% arial,helvetica,sans-serif;*/
    text-align: left;
}
h2{
    margin:20px 0 5px;
}
h3{
    margin:10px 0 5px;
}
p{
    margin:7px 0;
}
#container {
    width: 100%;
    min-width: 1000px;
    float: left;
}
/*------------HEADER-------------*/
#header {
    float: left;
    height: 120px;
    width: 100%;
}
#header a:hover {
    color: Red;
}
#logo {
    margin: 0px 56px 0px 28px;
    float: left;
    width: auto;
}
#search {
    float: left;
    text-align: left;
    margin-top: 10px;
    width: auto;
}
fieldset {
    display: none;
}
#search-text {
    font-size: 15px;
    height: 20px;
    width: 300px;
}
#search div {
    margin-top: 4px;
}
.button {
    height: 24px;
    width: 64px;
    margin-left: 8px;
}
#vhod {
    float: right;
    margin: 10px 30px 0px 10px;
    text-align: right;
    color: Blue;
}
/*----TOP MAIN------*/
#top_main {
    float: left;
    background-color: #F2F2F2;
    height: 24px;
    padding: 5px 0px 0px 0px;
    width: 100%;
}
#top_main div {
    float: left;
    padding-top: 2px;
    padding-left: 45px;
}
#top_main img {
    padding-right: 4px;
}
#top_main a:hover {
    color: red;
}
#top_main span {
    color: Blue;
}
/*----FILTERS-------*/
#filters {
    float: left;
    width: 100%;
    background: #FFE06C url("/img/filters_bottom.png") repeat-x left bottom;
    padding: 10px 0px 26px 0px
}
#filters a:hover {
    color: red;
}
#filters table {
    width: 92%;
    margin: 0% 4% 0% 4%;
}
#filters .price {
    text-align: right;
    width: 10%;
    padding-right: 1%;
}
#filters .price div {
    width: 100px;
    margin: 0 auto;
}
#filters .pole {
    text-align: center;
    width: 4%;
}
#filters .pole div {
    width: 50px;
    margin: 0 auto;
}
#filters .pole input {
    width: 45px;
}
#filters .do {
    text-align: center;
    width: 3%;
}
#filters .do div {
    width: 30px;
    margin: 0 auto;
}
#filters .valuta {
    text-align: left;
    width: 3%;
    padding-left: 5px;
}
#filters .valuta div {
    width: 20px;
    margin: 0 auto;
}
#filters .tovar {
    width: 13%;
}
#filters .tovar div {
    width: 130px;
    margin: 0 auto;
}
#filters .magazin {
    width: 13%;
}
#filters .magazin div {
    width: 130px;
    margin: 0 auto;
}
#filters .dostavka {
    width: 25%;
}
#filters .dostavka div {
    width: 250px;
    margin: 0 auto;
}
#filters .filter {
    width: 20%;
    text-align: center;
}
#filters .filter div {
    width: 130px;
    margin: 0 auto;
}
#filters .filter input {
    width: 120px;
    height: 25px;
}
.filter p {
    padding-top: 5px;
    padding-left: 3px;
}

/*----CONTENT-------*/
#content {
    float: left;
    width: 94%;
    margin: 0% 3% 0% 3%;
}
/*----TOP CONTENT---*/
#top_content {
    float: left;
    width: 100%;
    border-bottom: 2px solid #FFCC00;
    padding-top: 5px;
    clear: both;
}
#pagination {
    float: left;
    height: 25px;
    width: 940px;
}
#pagination a {
    padding: 5px 5px 10px 5px;
}
#pagination a:hover {
    color: red;
}
#pagination .current {
    background-color: #E6E6E6;
    padding: 5px 8px 4px 10px;
}
#pagination .vsego {
    padding: 5px 10px 0px 10px;
}
#pagination span {
    float: left;
    padding: 5px 0px 4px 0px;
}
#list-gallery {
    float: left;
    width: 80px;
}
#list-gallery img {
    padding: 8px 5px 0px 5px;
}
#list-gallery span {
    background-color: #E6E6E6;
    float: none;
}
#sort {
    float: left;
}
#sort h5 {
    float: left;
    font-weight: normal;
    font-size: 13px;
    padding: 5px 10px 4px 0px;
}
#sort .active {
    background: #E6E6E6;
    padding: 5px 8px 4px 10px;
}
#sort img {
    padding-left: 5px;
}
#sort a:visited {
    color: Blue;
}
#sort .active a:hover {
    color: blue;
}
/*----------LOT BLOCKS-------------*/
#lot {
    margin-top: 5px;
    text-align: left;
}
img {
	border: none;
	_behavior: url("/css/iepngfix.htc");
}
.lot { position: relative;
       display: inline-block;
       display:-moz-inline-stack;
       margin-top: 5px;
       margin-right: 5px;
       zoom: 1;
       //display: inline;
   }
*html .lot{ display:inline;zoom:1;}

 .lot { position: relative; }
    .lot a {
        display: block;
        position: relative; 
        overflow: hidden;
        text-decoration: none;
        color: #000;
        cursor: pointer;
    }
        .lot a ins { text-decoration: none; }
        .lotframed_mr {
            padding: 8px;
            overflow: hidden;
            position: relative;
            zoom: 1;
        }
            .lot a .lot_addtext {
                display: block;
                position: absolute;
                padding: 0;
                width: 96%;
                _width: 100%;
                left: 4px;
                _left: 8px;
                top: 0;
                height: 80px;
                text-align: center;
                visibility: hidden;
            }
                .lot a .lot_addtext b {
                    display: block;
                    position: relative;
                    padding: 16px 12px 0;
                    min-height: 100px;
                    font-weight: bold;
                    background: url('/img/opacity1.png');
                    _background-image: none;
                    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/opacity1.png', sizingMethod='scale');
                    zoom: 1;
                }
            .lot a .lot_img {
                display: block;
                text-align: center;
                padding-top: 3px;
                padding-bottom: 3px;
            }
            .lot a .lot_time {
                display: block;
                position: relative;
                clear: both;
                width: 160px;
                margin: 0 auto;
                padding-bottom: 6px;
                text-align: center;
            }
                .lot a .lot_time img { margin-top: 10px; }
                .lot a .lot_time {
                    overflow: hidden;
                    display: block;
                    padding-top: 5px;
                }
                .lot a .lot_time .lot_time_scale i {
                    font-size: 0;
                    display: block;
                    float: left;
                    width: 13px;
                    height: 3px;
                    margin-right: 2px;
                    margin-top: 8px;
                    background: #000;
                }
                .lot a .lot_time .lot_time_scale  i.lot_lastday {
                    background: #f00;
                }
                .lot a .lot_time .lot_time_scale  i.lot_day {
                    background: #ccc;
                }
                .lot a .lot_time b {
                    font-weight: normal;
                    font-size: 11px;
                    height: 12px;
                }
            .lot a .lot_price {
                display: block;
                float: left;
                clear: both;
                width: 100%;
                padding-top: 6px;
                padding-bottom: 4px;
                color: black;
                text-align: center;
            }
                .lot a .lot_price b {
                    clear: both;
                    font-weight: normal;
                    padding-left: 9px;
                    line-height: 20px;
                    font-size: 16px;
                }
                    .lot a .lot_price b u {
                        text-decoration: none;
                        padding-right: 9px;
                    }
                        .lot a .lot_price b u i {
                            padding-left: 6px;
                            padding-right: 6px;
                            font-style: normal;
                        }
                .lot a .lot_price b.selected { background: url('/img/lotprice_l.gif') no-repeat 0 0; }
                    .lot a .lot_price b.selected u { background: url('/img/lotprice_r.gif') no-repeat 100% 0; }
            .lot a .lot_bet {
                display: block;
                float: left;
                clear: both;
                width: 100%;
                margin-right: -3px;
                text-align: center;
                color: #138913;
                font-size: 11px;
            }
        .lot a .lotframed_t,
        .lot a .lotframed_t b,
        .lot a .lotframed_b,
        .lot a .lotframed_b b {
            display: block;
            position: relative;
            font-size: 0;
            zoom: 1;
        }
        .lot a .lotframed_t,
        .lot a .lotframed_b { visibility: hidden; }
        .lot a:hover .lotframed_t,
        .lot a:hover .lotframed_b { visibility: visible; }
        .lot a:hover .lot_addtext { visibility: visible; }
        .lot a .lotframed_t {
            height: 8px;
            padding-left: 9px;
            background: url('/img/lotborder/tl.gif') no-repeat 0 0;
        }
        .lot a .lotframed_t b {
            height: 8px;
            background: url('/img/lotborder/tr.gif') no-repeat 100% 0;
        }
        .lot a .lotframed_b {
            height: 9px;
            padding-left: 9px;
            background: url('/img/lotborder/bl.gif') no-repeat 0 100%;
        }
        .lot a .lotframed_b b {
            height: 9px;
            background: url('/img/lotborder/br.gif') no-repeat 100% 100%;
        }
        .lot a .lotframed_ml,
        .lot a .lotframed_mr {
            display: block;
            background: none;
            position: relative;
        }
        .lot a:hover .lotframed_ml { background: url('/img/lotborder/ml.gif') repeat-y 0 0; }
        .lot a:hover .lotframed_mr { background: url('/img/lotborder/mr.gif') repeat-y 100% 0; }

/* Categories page
------------------------------------*/
#cont {
    float: left;
    width: 94%;
    margin: 0% 3% 0% 3%;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid #ffd117;
}
#colum_1 {
    float: left;
    width: 38%;
    padding-left: 2%;
    padding-bottom: 10px;
}
#colum_2 {
    float: left;
    width: 38%;
    padding-left: 2%;
    padding-bottom: 10px;
}
#colum_3 {
    float: left;
    width: 17%; /* colum_1 + colum_2 + colum_3 = 99% */
    padding-left: 2%;
    text-align: center;
    padding-bottom: 10px;
}
.more {
    padding-bottom: 10px;
}
.categories a {
    color: Black;
    font-size: 14px;
    text-decoration: none;
    margin-right: 4px;
}
.categories a:hover {
    color: Red;
    text-decoration: underline;
}
.big_categories {
    font-size: 12px;
    padding-bottom: 5px;
}
.big_categories a {
   font-size: 20px;
   color: Blue;
   text-decoration: underline;
}
#footer {
   float: left;
   width: 86%;
   padding: 2% 7% 0% 7%;
/*   font: 13px Tahoma;*/
   clear: both;
}
#news {
   float: left;
   width: 49%;
}
#data_news {
/*   float: left;*/
   text-align: right;
   padding-right: 15px;
}
#text-news {
/*   float: left;*/
   width: 80%;
   padding-bottom: 5px;
}
#data_news p {
/*   font-weight: bold;*/
   color: #808080;
   white-space: nowrap;
}
.arhiv_news {
   float: left;
/*   padding-left: 82px;*/
   padding-top: 25px;
   clear: both;
   width: 300px;
}
#dillers {
   padding-top: 30px;
}
#news a {
   text-decoration: none;
}
#news a:hover {
   text-decoration: underline;
   color: Red;
}
#WM {
   float: right;
   width: 90px;
}
#WM img {
   padding-bottom: 15px;
}
#contacts {
   float: right;
   margin-left: 50px;
}
#icq {
   clear: both;
}
#icq img {
   margin-right: 3px;
}
#icq p{
   float: left;
   color: #424242;
}
.icq_number {
   float: left;
   clear: none;
}
#mail {
   clear: both;
   color: Blue;
}
#contacts a {
   text-decoration: none;
}
#contacts a:hover {
   text-decoration: underline;
   color: Red;
}
#contacts span {
   font-weight: bold;
}
.phone {
   font-size: 20px;
}
/* Index page
----------------------------------------------------------*/
#col_1 {
   float: left;
   width: 33%;
   padding-left: 2%;
}
#col_2 {
   float: left;
   width: 33%;
   padding-left: 2%;
}
#col_3 {
   float: left;
   width: 27%; /* colum_1 + colum_2 + colum_3 = 99% */
   padding-left: 2%;
}
#cont_small {
   float: left;
   width: 100%;
   clear: both;
}
/* Grey block
----------------*/
.corners {
     background: #ececec url('/img/t-l.png') top left no-repeat;
     width: 95%;
     margin-bottom: 15px;
}
.block_content {
   padding: 20px 13px 20px 18px;
}
.zagl {
   font-weight: bold;
}
.corners div {
     background: url('/img/t-r.png') top right no-repeat;
}
.corners div div {
     background: url('/img/b-r.png') bottom right no-repeat;
}
.corners div div div {
     background: url('/img/b-l.png') bottom left no-repeat;
}
.block_orange {
     background: url("/img/block_orange.png") no-repeat left top;
     width: 122px;
     height: 18px;
     margin-top: 10px;
     padding-left: 13px;
     font-weight: bold;
     font-size: 13px;
     color: White;
    text-decoration: none;
}
a.nondecor {
     text-decoration: none;
}
.spisok {
     padding-left: 35px;
     padding-top: 5px;
     padding-bottom: 10px;
}
.spisok a {
     text-decoration: none;
}
.spisok a:hover {
     color: red;
     text-decoration: underline;
}
/*  Gallery view
----------------------*/
#viwer_lots {
     float: left;
     width: 100%;
     text-align: center;
     clear: both;
}
#gall {
     width: 950px;
     margin: 0 auto;
}
.pred_lots {
     *padding-right: 5px;*
}
.lots {
     text-align: center;
}
.next_lots {
     text-align: left;
}
.top_lots {
     float: right;
     background-color: #ffeeaa;
     padding: 0px 10px 0px 5px;
     font-size: 13px;
     margin-top: 10px;
}
.top_lots img {
     padding-left: 5px;
}
/*  Undo footer
-----------------*/
#partners {
     float: left;
     width: 100%;
     background: url("/img/bg.png") repeat-x left top;
     margin-top: 15px;
}
#cont_partners {
     margin: 0 auto;
     text-align: center;
     padding: 20px 0px 20px 0px;
}
#cont_partners div {
       position: relative;
       display: inline-block;
       display:-moz-inline-stack;
       padding-left: 25px;
       padding-right: 25px;
       zoom: 1;
       //display: inline;
}
#cont_partners a {
       text-decoration: none;
}
#cont_partners a:hover {
       color: red;
       text-decoration: underline;
}






/* and this is my code. %) */
td.yellow_line {border-bottom: 2px solid #FFCC00}









#bidders {display: none;
          position:absolute;
          left:70px;
          top: 0px;
          border-radius: 4px 4px 4px 4px;
          box-shadow: 0 0 10px #666666;
          -moz-border-radius:4px 4px 4px 4px;
          -moz-box-shadow: 0 0 10px #666666;
          background-color: #FFFFFF;
          width:150px;
          padding:20px}


