﻿BODY, INPUT.text, TEXTAREA { font: .81em Tahoma, Verdana, Arial, sans-serif; background:#fff;}
*html TD, *html TH { font: .81em Tahoma, Verdana, Arial, sans-serif; }

SMALL, .small {font-size: .85em !important;}
.smaller {font-size: .8em !important;}


A { color: #06c; }
A.flink, .comment .quote { color: #06c; text-decoration: none; border-bottom: 1px dotted; }
A.flink_c {text-decoration: none; border-bottom: 1px dotted;}
A:hover { text-decoration: none; border: none; color: #f00 !important; }
A.dim, .dim A {color: #39c;}
A.news, .news A {color: #063;}
.news A.dim, .news .dim A {color: #096;}

H1 { font-size: 30px; }
H2
    {
    padding-top: .85em;
    font-size: 1.56em;
    clear: both;
    }
H2.first {padding-top: 0;}
H2 SMALL
    {
    font-size: .65em !important;
    font-weight: normal;
    color: #666;
    }
H3 { font-size: 1.25em; }

IMG.png {background: none !important; behavior: url(/pngfix.htc);}

.gray { color: #666 !important; }
.grayer { color: #999 !important; }
.red {color:#f00 !important;}
.black {color: #000 !important;}

.layout
    {
    padding: 0 4.5%;
    min-height: 100%;
    min-width: 900px;
    }
.sky { background: url(../i/day-sky.jpg) no-repeat right top; }
.sky_main { background: url(../i/day-sky.jpg) no-repeat right -60px;}

#header
    {
    height: 120px;
    position: relative;
    }
#logo
    {
    float: left;
    margin-top: 40px;
    width: 20%;
    }
#logo_block {width: 166px; text-align: center;}
#logo_block TD {text-align: left;}

#search-add, .my-panel { margin-top: 55px; }
#search-add
    {
    float: left;
    text-align: center;
    width: 50%;
    color: #9cf;
    font-size: 1.1em;
    }
#search-add STRONG, #search-add A, #search-add SPAN { padding: 0 1.5%; }
#search-add SPAN {padding: 0 .5%;}
#search-add STRONG
    {
    color: #936;
    font-weight: bold;
    position: relative;
    display: inline-block;
    _zoom: 1;
    }
#search-add STRONG A {color: #936;}
#pointer
    {
    position: absolute;
    left: 0;
    height: 26px;
    top: 39px;
    width: 100%;
    background: url(../i/menu-pointer.png) no-repeat center;
    }
#noPointer
    {
    position: absolute;
    left: 0;
    height: 64px;
    _bottom: -64px;
    width: 100%;
    }
#search-add A { color: #06c; }
.my-panel
    {
    float: left;
    width: 15%;
    }

.menu-h1 {font-size: 1em; display: inline;}

#search
    {
    overflow: hidden;
    _zoom: 1;
    padding: 15px 1%;
   /* background: #fec; */
    background: #FAE8BB;
    margin-bottom: 20px;
    }
#search
    {
    z-index: 2;
    //overflow: visible;
    }

#sections H1, #sections STRONG { color: #936; display: inline; margin-right: 2%; }
#sections A { margin-right: 2%; display: inline-block; /*margin-bottom: .5em;*/}
#sections H1 A, #sections STRONG A { color: #936; margin-right: 0;}
#sections .col {float: left; width: 175px; margin-right: 25px;}

DIV.spare-search {margin-top: 1em; margin-bottom: 4em; width: 800px; margin-left: 50%; left: -400px; position: relative;}
.spare-sections
    {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    }

#main-scroll, .content
    {
    width: 100%;
    //width: 90.7%;
    float: left;
    clear: both;
    }

.add-main {padding-bottom: 1.5em; border-bottom: 1px solid #ccc;}

.lcol
    {
    float: left;
    clear: both;
    width: 61%;
    margin-right: 5%;
    z-index: 1;
    position: relative;
    }
.lcol.s
    {
    width: 27%;
    margin-right: 6%;
    }
.rcol
    {
    float: left;
    width: 33%;
    //width: 25%;
    }
.rcol.w
    {
    width: 65%;
    }
.content .rcol {//width: 33%;}

.lime
    {
    background: #f7fcdb;
    width: 98%;
    _width: 100%;
    padding: 10px 1% 5px 1%;
    margin-top: 15px;
    overflow: hidden;
    }

.lcol P, .rcol P, .lcol UL, .rcol UL
    {
    float: left;
    width: 100%;
    color: #666;
    }
.lcol P, .rcol P, .add_p
    {
    margin-top: .8em;
    float: none;
    }
.lcol UL, .rcol UL, .lcol LI, .rcol LI, .links_p
    {
    margin-top: .6em;
    }
.lcol UL.ui-autocomplete {width: auto;}
.sblock, .sblock3
    {
    width: 45%;
    margin-right: 10%;
    _margin-right: 6%;
    float: left;
    margin-bottom: 2em;
    }
.sblock3
    {
    width: 30%;
    margin-right: 3%;
    _margin-right: 2%;
    margin-bottom: 1em;
    }
.sblock.right
    {
    margin-right: 0;
    }

.dThumbs-cont {position: relative; margin-top: 15px; z-index: 1}
.dThumb {float:left}
.thumbs
    {
    border: 1px solid #ccc !important;
    margin: 15px 10px 0 0;
    }
.dThumb .thumbs {margin-top: 0;}

.rightBnr
    {
    padding-top: 2em !important;
    width: 300px;
    clear: both;
    }

.tad
    {
    float: left;
    width: 98%;
    _width: 100%;
    background: url(../i/tad-corn.jpg) no-repeat top right #fff2cf;
    padding: 1em 2% .6em 8%;
    left: -8%;
    position: relative;
    color: #963;
    margin: 1em 0 2% 0;
    }
.tad A, .tad A P
    {
    color: #963;
    text-decoration: none;
    _cursor: hand;
    }
.tad A:hover P { color: #f00; }
.tad H2 {font-size: 1.3em; padding-top: 0;}
.tad A H2 {text-decoration: underline;}
.tad A:hover H2 {text-decoration: none;}
.tad P {margin-top: .3em !important;}
.tad H2, .tad P {margin-right: 1em;}

.tadl {margin-bottom: 3em; }

.tad .arrows
    {
    overflow: hidden;
    padding-top: 10px;
    width: 80%;
    }
.tad .arrows A { text-decoration: underline; }
.tad .arrows A:hover { text-decoration: none; }

.leftArrow, .rightArrow
    {
    display: inline-block;
    text-decoration: none;
    width: 11px;
    height: 11px;
    margin-top: 3px;
    }
.leftArrow
    {
    background: url(../i/gray-arrows.gif) no-repeat;
    text-decoration: none !important;
    }
.rightArrow
    {
    background: url(../i/gray-arrows.gif) no-repeat -11px 0;
    text-decoration: none !important;
    }

.margins { margin: 25px 0 10px 0; }

.gimmeBnr
    {
    overflow: hidden;
    _zoom: 1;
    background: #f7fcdb;
    padding: 15px;
    margin-top: 1.6em;
    }
.gimmeBnr H2{ padding: 0; }
.gimmeBnr H2 A { color: #c36; }

#printArticle
    {
    float: right;
    position:relative;
    text-align:right;
    padding: 3px 0 0 0;
    }

.footer
    {
    border-top: 1px solid #ccc;
    padding: 2em 0;
    margin-top: 25px;
    }
.footer TABLE TR TD
    {
    vertical-align: top;
    color: #333;
    font-size: .85em;
    _font-size: .75em;
    line-height: 1.7em;
    }
.candy TD {padding-top: 4em;}
.candy H2 {padding-top: 0; margin-top: 0}
.candy SPAN {font-size: 1.2em;}

#grafica
    {
    position: relative;
    margin-left: 110px;
    }
    
#ps_kz
    {
    position: relative;
    margin-left: 110px;
    }


/* generic.css */
.pipes
    {
    position: absolute;
    top: 20px;
    background: url(/i/pipes.png) repeat-x 40px 25px;
    width: 91%;
    _width: 100%;
    min-height: 100px !important;
    left: 0;
    }

.topBr
    {
    background: url(/i/topBr-bg.gif) no-repeat center top;
    padding-top: 7px;
    padding-left: 7px;
    width: 558px;
    height: 87px;
    _width: 565px;
    _height: 94px;
    }

/* взято с http://web.artlebedev.ru/tools/technogrette/html/align-center/ */
.ac {position: relative;width: 100%;}
.ac:after {content: '';display: block;clear: both;}
.ac_l {position: relative;right: 50%;float: right;}
.ac_r {position: relative;z-index: 1;right: -50%;}

#articles-menu
    {
    padding-bottom: 30px;
    }
#articles-menu H1, #articles-menu A { padding-right: 20px; }
#articles-menu H1
    {
    display:inline;
    color: #936;
    }
#articles-menu H1 A
    {
    color: #936;
    padding: 0;
    }
#articles-menu A.current { color: #936; }

.article
    {
    position: relative;
    float: left;
    width: 90%;
    _width: 100%;
    padding-bottom: 2em;
    padding-left: 90px;
    }
.article H3 {display: inline;}
.article H3 A IMG, .article H2 A IMG
    {
    position: absolute;
    left: 0;
    border: 1px solid #ccc;
    }
.lcol P, .rcol P, .lcol UL, .rcol UL
    {
    color: #333;
    margin-top: .5em;
    line-height: 1.5em;
    }
.article.additional { line-height: 1.6em; margin-top: -10px; }

.big_article {width: 70%; _width: 100%; padding-left: 230px; min-height: 170px;}

#pager TR TD { padding: 0 5px 10px 0; }
#pager TR TD SPAN { padding: 4px 7px; }
#pager TR TD SPAN.gray, #pager TR TD A.nn { padding: 4px 4px; }
#pager TR TD SPAN#cPage
    {
    background: #fc0;
    }

.artBlock
    {
    padding-bottom: 25px;
    }
.artBlock H2 { padding: 0 0 10px 0; }
.artBlock .news A { color: #060; }

.littleCont IMG { padding: 12px 7px 0 0; }
.littleCont P {padding-top: 6px;}

#test-drive
    {
    float: left;
    width: 100%;
    height: 266px;
    background: url(/i/test-drive-bg.jpg) repeat-x;
    color: #fff;
    overflow: hidden;
    }
#test-drive DIV {float: left;}
#test-drive DIV#title, #test-drive DIV#invite
    {
    width: 50%;
    }
#test-drive DIV#invite { text-align: right; }
#test-drive A {color: #f39;}
#test-drive .head
    {
    padding: 15px 1%;
    width: 98%;
    _width: 99%;
    }
#test-drive .head H2
    {
    padding: 0;
    display:inline;
    }
#test-drive DIV.car
    {
    padding: 5px 0 25px 0;
    margin-left: 1%;
    _margin-left: .5%;
    position:relative;
    width: 215px;
    }
#test-drive DIV.car A
    {
    color: #fff;
    display: block;
    position:relative;
    padding-top: 150px;
    }
#test-drive DIV.car A IMG
    {
    position: absolute;
    top: 0;
    }
#test-drive DIV.car A IMG.mokrpol {top: 160px;}

.rcol .lime, .misc
    {
    margin-top: 25px;
    padding: 10px 3%;
    width: 94%;
    _width: 100%;
    }

.misc
    {
    padding: 10px 0 0 0;
    line-height: 1.6em;
    overflow: hidden;
    }
.misc A {padding-left: 3%;}
.misc UL.extra {margin-top: 0;}
.misc UL.extra LI {overflow: hidden; padding-bottom: 10px; clear: both}
.misc UL.extra LI IMG {padding-right: 3%}
.misc UL.extra LI A {padding-left: 0;}

.headWithNum {padding-bottom:10px;}
.headWithNum H2
    {
    display: inline;
    padding-right: 5px;
    }

/* new a */
.new {width: 100%;}
.new TD {padding: 1em 1.5em 1em 0; vertical-align: top; font-size: 1.1em;}
.car TD SELECT, .regionSelect, .formText { width: 12em !important; }
.new .param
    {
    text-align: right;
    padding-top: 1.5em;
    }
.new .oblig {font-weight: bold;}
.new .text, .new SELECT, .new TEXTAREA, .regionSelect, .formText
    {
    font-size: 1.3em;
    padding: .1em;
    }
.new TEXTAREA {width: 90%;}
.new .submit {background: url(../i/new-submit.gif) repeat-x;}
.new .submit INPUT {margin-bottom: 2em;}
.new .bg
    {
    padding: 1em;
    background-color: #f5f5f5;
    }
.new .wbg {padding-top: 1em;}
.new SMALL, .new .small {font-size: .8em !important;}
.new .phones SMALL {font-size: .7em !important;}

DIV.toggles {margin-top: .4em;}
TD.toggles DIV {margin-top: .3em;}
.selects TD.toggles DIV {margin-top: 0; margin-bottom: .3em;}
.tog-block {float: left;}
DIV.toggles, .toggles DIV {float: left;}
DIV.toggles {margin-left: 1em;}
.toggles DIV
    {
    padding: .2em .5em;
    margin-right: 1em;
    cursor: pointer; cursor: hand;
    }
.toggles DIV SPAN
    {
    color: #06c;
    border-bottom: 1px dotted #06c;
    }
.toggles .selected SPAN, .toggles .selected:hover SPAN  {color: #333; border: 0;}
.toggles DIV:hover SPAN {color: red; border: 0;}
.toggles .selected {background-color: #fc3;}

.new .thumbs
    {
    border: 0 !important;
    margin: 0 0 0 -1em;
    }
.new .thumb
    {
    margin: 0 0 1em 1em;
    border: 1px solid #ccc;
    }

.new .phones TD
    {
    vertical-align: middle;
    padding: .5em .2em 0 0;
    }
.new .phones .t
    {
    font-size: 1.4em;
    //font-size: 1.1em;
    }

.new .mm TD {padding: 0 1em 0 0; vertical-align: middle;}
.new .mm SELECT {width: 200px;}

.new .chcol2 {float: left; width: 45%; padding-right: 5%;}
*html .new .chcol2 {width: 50%; padding-right: 0;}

.wdesc {position: relative;}
.wdesc .desc
    {
    position: relative;
    left: 92%;
    top: 1em;
    width: 15%;
    border-top: 1px solid #777;
    }
.wdesc .desc DIV
    {
    position: absolute;
    right: -505%;
    top: -.8em;
    width: 500%;
    }

.button
    {
    padding: .2em;
    _padding: .1em;
    }

.val_err { color:#D60015;}

#new_kaspi {
    background: url(http://f.kolesa.kz/kaspi/kaspi-cash-unchecked-2.png) no-repeat;
    width: 410px;
    height: 120px;
    padding-top: 47px;
    padding-left: 26px;
    position: relative;
}
#new_kaspi_hint, #new_kaspi_hint_link {
    position: absolute;
    left: 0;
    top: 0;
}
#new_kaspi_hint {
	border: 0;
	top: 71px;
	margin-left: 265px;
	z-index: 65535;
	width: 475px;
	height: 193px;
}
#new_kaspi_hint_link {
	white-space: nowrap;
	left: 48px;
	top: 75px;
	border: 0;
}

/* From main.css */

#searchHead
    {
    float: left;
    width: 100%;
    background: #FBF1D7;
padding: 15px 1%;
border-bottom: 1px solid #DDC485;
    /*padding-bottom: 7px;*/
    }

#formInner TABLE {clear: both;}

#carTypes
    {
    float: left;
    overflow: hidden;
    margin-top: 10px;
    _zoom: 1;
    }
#carTypes DIV
    {
    float: left;
    padding: 43px 10px 10px 10px;
    margin-right: 10px;
    background: no-repeat center 15px transparent;
    width: 70px;
    cursor: pointer; cursor: hand;
    text-align: center;
    }
#carTypes DIV.selected {background-color: #fc3;}

.selects {clear: both; width: 100%;}
.selects TD {padding: 2em 1.5em 0 0;}
.selects .hint TD {padding: 0;}
.selects .select {width: 8em;}
.selects P {margin-top: .5em;}
.opts TD {vertical-align: top;}

.togles
    {
    _padding-bottom: 1px;
    height: 1.8em;
    overflow: hidden;
    line-height: 2em;
    padding-right: 3.8em;
    position: relative;
    float: left;
    }
.togles A
    {
    margin-left: .8em;
    text-decoration: none;
    border-bottom: 1px dotted;
	outline: none;
    }
.togles A:hover { border: none; }
.togles .active
    {
    color: #000;
    background: #fc3;
    padding: .2em .5em;
    border-bottom: 0;
    }
.togles A.active:hover {color: #555 !important;}
.togles A.gray, .inlinePanel A.gray {color: #ccc !important;}

.other-togles A {margin-left: 0; margin-right: .8em;}

.tg-more {position: absolute; right: 0; top: 0; margin-right: 1em;}
.tg-more A {margin-right: 0;}
.tg-more IMG
    {
    position:absolute;
    background: url(/i/darr3.gif) no-repeat 0 0;
    top: .9em;
    right: -1em;
    }
.tg-more A:hover IMG {background-position: -14px 0;}
@media screen and (-webkit-min-device-pixel-ratio:0)
    {
    .tg-more IMG
        {
        right: auto;
        margin-left: .4em;
        }
    }


.inputs TD {padding-right: 3em;}
.inputs TD.close {padding-right: .5em;}
.inputs TD.top, .selects TD.top {padding-top: 0;}
.selects INPUT, .selects SELECT, .inputs INPUT, .inputs SELECT
    {
    font-size: 1.2em;
    padding: .1em;
    }
.hint .flink
    {
    color: #666;
    font-size: .85em;
    margin-right: 10px;
    }
.wio { padding-right: 1.5em;}
#button {margin-top: 1em;}
#button INPUT { font-size: 1.1em; vertical-align: middle;}

#sf_submit_btn, #select_region_submit_btn {font-size: 1.3em;}

#ms-screen
    {
    padding-top: 17px;
    top: -17px;
    height: 310px;
    _height: 320px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: -17px;
    _margin-bottom: -5px;
    }
.ms-screen-small
    {
    height: 210px !important;
    _height: 220px !important;
    }
.ms-screen-smaller
    {
    height: 110px !important;
    _height: 120px !important;
    }
#ms-inner
    {
    position: absolute;
    }
#main-scroll H2 { padding: 0 0 10px 0; position:relative; }
#main-scroll A.howto
    {
    position:absolute;
    top: 3px;
    right:0;
    }
#main-scroll .item
    {
    position: absolute;
    width: 120px;
    height: 90px;
    }
#main-scroll .banner
    {
    width: 250px;
    height: 190px;
    }
#main-scroll .slide
    {
    position: absolute;
    top: 135px;
    left: -30px;
    }
#main-scroll .slide.right
    {
    left: auto;
    right: -30px;
    }
.hover
    {
    z-index: 2;
    display: none;
    width: 256px;
    height: 206px;
    background: url(/i/hot-bg.png) no-repeat;
    margin-left: -68px;
    margin-top: -58px;
    position: absolute;
    }
.hover IMG
    {
    width: 200px;
    height: 150px;
    position: absolute;
    left: 28px;
    top: 28px;
    }
.hover .bot, .hover .top
    {
    font-size: .85em;
    position: absolute;
    left: 28px;
    top: 28px;
    width: 194px;
    //width: 200px;
    padding: 3px;
    display: block;
    background-color: #000;
    opacity: 0.8;
    color: #fff;
    }
.hover A {text-decoration: none !important;}
.hover A:hover {color: #fff !important;}
.hover .bot
    {
    top: auto;
    bottom: 28px;
    }

.arrowsTop
    {
    position: absolute;
    right: 0;
    top: -20px;
    }

#graficaLogo
    {
    position: absolute;
    top: 3px;
    left: -110px;
    }
    
#ps_kzLogo
    {
    position: absolute;
    top: 3px;
    left: -110px;
    }

/* Стили объяв */
.good
    {
    clear: both;
    margin: 1.5em 0;
    padding: .5em;
    overflow: hidden;
    _zoom: 1;
    }
.good .photo
    {
    float: left;
    padding-left:5px;
    margin-right: 1em;
    position: relative;
    height: 100%;
    width: 122px;
    }
.good .photo IMG, .a-glyph, IMG.a-glyph {border: 1px solid #ccc;}
.good .photo IMG {margin-bottom: 10px;}
.good .many
    {
    background: url(/i/manyPh.gif) no-repeat 1px 0;
    }
.numPhotos
    {
    position: absolute;
    right: 0;
    bottom: 14px;
    _bottom: 13px;
    background: #ccc;
    padding: .2em .5em;
    font-size: .8em;
    }

A.mm
    {
    font-size: 1.1em;
    font-weight: bold;
    padding-right: .5em;
    }
.for
    {
    padding-right: .5em; color: #ccc; font-size: 1.1em;
    font-weight: bold;
    }
.price
    {
    color: #090; font-size: 1.1em;
    font-weight: bold;
    }
.descr
    {
    line-height: 1.4em;
    color: #333;
    overflow: hidden;
    _zoom:1;
    }
.descr SPAN.year
    {
    color:#000;
    font-size:1.1em;
    }
.descr .in
    {
    float: left;
    width: 96%;
    }
.air {padding-right: 1.3em;}

.dollar {color: #090;}

P#sort A
    {
    color: #333;
    padding: .3em 1.5em .3em .5em;
    }
P#sort A.thisDesc {background: url(/i/sort-desc.gif) #f5f5f5 no-repeat right .75em;}
P#sort A.thisAsc {background: url(/i/sort-asc.gif) #f5f5f5 no-repeat right .75em;}

.selectItem
    {
    float: right;
    width: 3%;
    }
.selectItem A
    {
    display: block;
    background: url(/i/notSelected.gif) no-repeat 0 .5em;
    text-decoration: none;
    }
.selectItem A:hover {background: url(/i/selectIt.gif) no-repeat 0 .5em;}
.selectItem A.active, .selectItem A.active:hover {background: url(/i/selected.gif) no-repeat 0 .5em;}
.inside
    {
    float: left;
    height: 2.5em;
    }
.inside A, .inside A:hover, .inside A.active, .inside A.active:hover
    {
    background-position: center 1.2em;
    height: 2.5em;
    }

.pages
    {
    position: relative;
    border-top: 1px solid #ccc;
    padding: 1.5em 0 0 0;
    height: 70px;
    clear: both;
    }

.sms_mark
    {
    display:inline-block;
    background:url(/i/mark_lft.gif) no-repeat;
    height:22px;
    margin-left:15px;
    margin-right:10px;
    padding-left:11px;
    position:relative;
    vertical-align:top;
    }
.sms_mark span
    {
    background:#FFCD39 url(/i/mark_bg.gif) repeat scroll 0 0;
    color:#996633;
    display:inline-block;
    line-height:22px;
    max-width:150px;
    padding:0 10px 0 6px;
    vertical-align:top;
    font-weight:bold;
    font-size: 14px;
    }

.mark_1 {background-color: #FFDBDB;}
.mark_2 {background-color: #ffffd4;/*#ff9*/}
.mark_3 {background-color: #DBEEFF;}
.mark_4 {background-color: #DBF8DE;}

#hotHeader
    {
    color:#f00;
    font-size: 1.3em;
    }

.hotRight
    {
    padding: .65em 0;
    overflow: hidden;
    _zoom:1;
    font-size: .85em;
    line-height: 1.4em;
    color: #666;
    }
.hotRight IMG { border: 1px solid #ccc;}
.hotRight .phHolder {float:left; width:62px; height: 47px; padding-right: 10px;}
.hotRight .mm {font-weight: normal;}

.board
    {
    background: url(/i/board.jpg) no-repeat;
    padding: 3px 0 0 5px;
    width: 255px;
    height: 463px;
    margin-top: 10px;
    }

.aHeader {float: left;}

.aDescr, .aPhotos {float: left; padding-top: 1.5em;}
.aDescr
    {
    padding-right: 3%;
    margin-right: 408px;
    font-size: 1.1em;
    }
.aDescr.noPh { margin-right: 0; }
.aDescr TABLE TR TD { padding: 0 0 10px 0; }
.aDescr TABLE TR TD.amo {padding-right: 10px;}
.aPhotos
    {
    float:right;
    margin-left: -408px;
    width: 408px;
    }
*|html[xmlns*=""] .aPhotos { width: 370px; }

.aPhotos A
    {
    display: block;
    float: left;
    height: 300px;
    border: 1px solid #ccc;
    }
.aPhotos A:hover {border: 1px solid #f00;}
.bigPicLink:hover {border: 1px solid #ccc !important;}

.sThumb
    {
    height: 45px !important;
    margin: 10px 6px 0 0;
    background: url("/js/jquery/loading.gif") no-repeat 50%;
    width: 60px;
    height: 45px;
    }
.stActive {border-color: #fc0 !important;}

.fLine
    {
    float: left;
    width: 100%;
    padding-top: 3px;
    border-bottom: 1px solid #ccc;
    }

.underDesr
    {
    padding: .75em 0;
    font-size: .85em;
    }

.markIT
    {
    clear: both;
    display: inline-block;
    margin: 1.35em 0 1em 0;
    color: #c90 !important;
    font-size: 1.6em;
    }
.markIT:hover {border-bottom: 1px dotted #fff;}

.comment
    {
    padding: 1em 0;
    line-height: 1.4em;
    }
.owner, .reply2comm {color: #363;}
.owner STRONG, .reply2comm STRONG {color: #393;}
.reply2comm
    {
    padding: 1em 0 0 3%;
    background: url(/i/reply2comm.gif) no-repeat 0 1.5em;
    }
.comment .quote {position: relative; display: inline-block;}
.comment .quote:hover {z-index: 2;}
.comment .quote:hover DIV {display: block;}
.comment .quote DIV
    {
    color: #000;
    position: absolute;
    width: 400px;
    left: -.5em;
    top: -.5em;
    margin-top: -1px;
    margin-left: -1px;
    background: #fff;
    padding: .5em;
    border: 1px solid #fc9;
    display: none;
    //margin-top: -2px;
    }
@-moz-document url-prefix()
    {.comment .quote DIV {margin-top: -3px;}}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) 
    {.comment .quote DIV {margin-top: -2px; margin-left: -2px;}}

.grayBlock
    {
    background: #f5f5f5;
    padding: 1em;
    margin: 1.5em 0;
    }
.loading
    {
    background-image: url(/js/jquery/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    }
TABLE.add-com {margin-top: 2em;}
TABLE.add-com TR TD
    {
    padding: 0 30px 1em 0;
    vertical-align: top;
    }
TABLE.add-com TEXTAREA
    {
    width: 300px;
    font-size: 1em;
    }
TABLE.add-com INPUT.inpoot
    {
    padding: 2px;
    width: 296px;
    _width: 300px;
    }

.print
    {
    position: absolute;
    right: 0;
    top: 1.5em;
    }
#print
    {
    background: url(/i/print.gif) no-repeat left top;
    padding-left: 20px;
    padding-bottom: 1em;
    }
A.fav_total
    {
    background: url(/i/selected.gif) no-repeat 3px .4em;
    padding-left: 20px;
    }

.sms {background: #ffffe5; padding: 1em;}
.sms TD {padding: .5em 1em .5em 0; vertical-align: top;}
.sms TD IMG {margin-top: 1em;}
.sms .cmarks STRONG {padding: .2em; margin-right: 1em;}

#icons TD
    {
    vertical-align: top;
    background: url(/i/gray-dot.gif) bottom repeat-x;
    padding: 10px 0;
    }
#icons TD IMG {padding-right: 10px;}
#icons {margin-bottom: 2em;}
#icons .last TD {background: none;}

.testdrive-ico
    {
    float: left;
    border: 1px solid #ccc;
    padding: 1em 1.2em;
    margin: 1em;
    }
.testdrive-ico A { padding:0 !important; }
.innnn {border: 1px solid #936;}

.photoz
    {
    float: left;
    margin: 0 0 1em 1em;
    text-align: center;
    padding: .2em;
    }

.place4more {position:relative}
.place4more A.heading
    {
    position: relative;
    margin-right: 2em !important;
    }
.place4more A.heading IMG
    {
    position:absolute;
    background: url(/i/darr3.gif) no-repeat 0 0;
    right: -1em;
    top: 8px;
    }
.place4more A:hover.heading IMG {background: url(/i/darr3.gif) no-repeat -14px 0;}
.place4more STRONG.heading{cursor:pointer;}
.place4more STRONG.heading IMG {background: url(/i/darr3.gif) no-repeat -7px 0;}
@media screen and (-webkit-min-device-pixel-ratio:0)
    {
    .place4more A.heading IMG
        {
        right: auto;
        margin-left: .5em;
        }
    }

.more
    {
    display:none;
    position:absolute;
    background: white;
    border: 1px solid #DBE3AF;
    width:150px;
    padding: 10px;
    left: -11px;
    top:-11px;
    }
.more A, .more STRONG
    {
    display:block;
    float: left;
    clear:both;
    margin-bottom:5px;
    }
.more A:hover {border-bottom: 1px solid #fff;}

.inlinePanel {clear: both; float: left; width: 100%;}
.inlinePanel-wrap {padding: .8em; overflow: hidden; zoom: 1;}
.inlinePanel-active, .inlinePanel-data {background: #fff;}
.inlinePanel STRONG A.flink {margin-left: 0;}

.inlinePanel-data {display: none; float: left; width: 100%;}

.inlinePanel-letter {float: left; width: 10%; clear: left; margin-right: -12%;}
.inlinePanel-ul {float: left; width: 88%; margin-left: 12%; margin-top: 0 !important;}
.inlinePanel-ul-li, .inlinePanel-letter {padding-top: .5em; margin-top: 0 !important;}

.inlinePanel-wrap-other {padding: 0;}

.new .inlinePanel {margin-left: -.4em;}
.new .inlinePanel-wrap {padding: .4em .4em;}
.new .inlinePanel-active, .new .inlinePanel-data {background: #f5f5f5;}

.col1-4 {float: left; width: 25%;}

/* topb */
.topb {min-width: 900px; margin-bottom: 0;
    //margin-bottom: -.5em;
    }
.topb DIV DIV DIV {width: 100%; overflow: hidden;}
.topb .leftArrow, .topb .rightArrow {position: absolute; background-image: url(/i/b-navi-arr.gif);}
.topb .leftArrow, .topb .rightArrow {top: 97px; left: auto;}
.topb .leftArrow {right: 20px}
.topb .rightArrow {right: 5px;}
.topb .arrows {height: 0; line-height: 0;}

/* change */
.change-offer {background-color: #ffc;}
.change {margin-top: 1em; border-top: 1px dotted #ccc;}
.change .mark_1, .change .mark_2, .change .mark_3, .change .mark_4 {background-color: #fff !important;}
.change-offer-text {width: 98%;}
.change-filter {margin-right: 1.5em; padding: 5px; margin-left: .5em;}
A.change-filter-toMe, .change-filter-toMe {color: #f60; border-color: #f60;}
A.change-filter-fromMe, .change-filter-fromMe {color: #090; border-color: #090;}
.change-toMe, .change-fromMe {padding: 5px;}
.change-toMe {background-color: #fc9;}
.change-fromMe {background-color: #cf9;}
.change-all {background-color: #eee;}
.change-rarr {font-size: 3em; vertical-align: top; padding-top: 1em; color: #777;
    //font-size: 2em;
    //padding-top: .8em;
}
.change .price {font-weight: normal;}

#coms_toggles {float: left; width: 100%; border-bottom: 1px solid #ccc; margin: 1.5em 0 .5em 0;}
#coms_toggles H2 {font-size: 1.2em;}
#coms_toggles .active {border: 1px solid #ccc; border-bottom: 0; background: #fff;}
#comments_toggle, #change_toggle {float: left; padding: .5em 1em .75em 1em; margin-bottom: -1px; margin-right: 1em;}

.kaspi_icon {padding-bottom: .2em;}
.kaspi {margin: 2em 0;}

.fancybox-region {left: 2% !important; top: 100px !important;}

/* ВТБ */
#vtb {height: 101px; background: url(/i/vtb/gradient.png) repeat-x; padding-left: 46px; padding-right: 12px; margin-left: -34px; position: relative; margin-bottom: 40px;}
#vtb-ar {width: 34px; height: 101px; background: url(/i/vtb/arrow.png) no-repeat left center; position: absolute; left: 0; top: 0;}
#vtb P {margin-top: 0; padding-top: .5em; line-height: 1.4em;}
#vtb-logo {width: 98px; height: 38px; background: url(/i/vtb/logo.png) no-repeat; position: absolute; bottom: -25px; right: 10px;}

.vtb-fancybox-outer {background: url(/i/vtb/top.png) no-repeat #fff !important;}

#vtb-data {margin: 6em 1em 1em 1em; width: 600px;}
#vtb-data .vtb-cond, #vtb-data H1, #vtb-submit-btn SPAN {color: #013563 !important;}
#vtb-data .blue {color: #72a2da;}
#vtb-data P, #vtb-data H1, #vtb-data TABLE {margin-top: 1em;}
#vtb-data .vtb-martop {margin-top: 2em;}

.vtb-td {padding-right: .5em; padding-bottom: 1em;}
.vtb-td-last {padding-right: 0;}
.vtb-td-close {padding-bottom: .2em;}

/* Новые регионы - выравнивание SELECT'ов */
SELECT#region, SELECT#region_list {width: 250px}
#regionSelect {color: #000; border-color: #000;}
#regionSelect IMG {background: url(/i/darr3.gif) no-repeat -21px 0;}
#regionSelect:hover IMG {background-position: -14px 0;}

.region-hint
    {
    background: url(/i/my/region-hint.gif);
    position: absolute;
    color: #000;
    width: 169px;
    height: 16px;
    font-size: .9em;
    padding: 20px 5px 5px 10px;
    text-align: left;
    z-index: 1000;
    }
*html .region-hint
    {
    width: 184px;
    height: 41px;
    left: 0;
    }
.region-hint .close
    {
    position: absolute;
    right: 5px;
    top: 15px;
    font-size: 1.7em;
    text-decoration: none;
    color: #999;
    }

.search-where-title {width: 6.50em; display: inline-block;}
.search-where {margin-left: 6.75em;}
.search-where-inlinePanel {padding-top: 0;}

.column_title {
	font-size: 16px;
	padding-bottom: 5px;
}

#formInner {
    padding:15px;
    padding-top:0px;
}
a.new_section, strong.new_section {
    color:#348051;
    margin:0px !important;
}
.new_icon {
    font-size:10px;
    display:inline;
    position: relative;
    top: -8px;
    color: #990000;
    padding-right: 15px;
}

.delete_new_photo {
    border: none;
    background: none;
    border-bottom: 1px dashed;
    color: #06C;
    cursor: pointer;
}
.delete_new_photo:hover {
    color:red;
}

.delete_comment {
    border: none;
    background: none;
    border-bottom: 1px dotted;
    cursor: pointer; 
    padding: 0;
    color: black;
    font-size: 11px;
}
.delete_comment:hover {
    color:red;
}
