@charset "utf-8";
/* CSS Document */

/* service */
form, input, textarea {
    margin: 0px;
    padding: 0px;
}
input, select { vertical-align: middle; }
img {
    border: 0px;
    display: inline;
}
p { margin: 10px 0px 0px 0px; }

.hidden { display: none; }
/* #service */

/* forms */
.text-box { font-size: 11px; }
.button {
    padding-left: 10px;
    padding-right: 10px;
}
.password { font-size: 12px; }
/* #forms */

/* definitions */
body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    /* background-color: #d2d2d2; */ /* temp */
}

div.body {
    margin: 0 auto;
    width: 990px;
    padding: 0px 5px 0px 5px;
}

div.zone-top {
    width: 100%;
    float: left;
    margin: 5px 0px 0px 0px;
}
/*div.zone-middle {
    width: 100%;
    margin: 5px 0px 0px 0px;
    float: left;
}*/
.zone-middle {
    width: 100%;
    margin: 5px 0px 0px 0px;
    float: left;
}
div.zone-bottom {
    width: 100%;
    margin: 5px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    float: left;
}
div.zone-bottom-wrap {
    width: 100%;    
    float: left;
    margin-top: 5px;
    border-top: 1px solid #006C8A;
    padding-top: 5px;
}
/* #definitions */

/* top */
div.zone-top .subheader {
    width: 100%;
    margin: 5px 0px 0px 0px;
    float: left;
}
div.zone-top .left div.line {
    width: 5px;
    height: 135px;
    float: left;
}
div.zone-top .left .wrapper {
    float: left;
    padding: 0px 0px 0px 5px;
}
div.zone-top .left .column {
    width: 200px; /* 200 */
    height: 105px;
    float: left;
}
div.zone-top .left .top {
    float: left;
    width: 100%;
}

div.zone-top .left .top span {
    float: left;
    display: block;
    width: 195px;
    height: 5px;
    font-size: 1px;
}
div.zone-top .left .top div {
    float: left;
    width: 5px;
    height: 5px;
    font-size: 1px;
}
div.zone-top .left .logo {
    width: 100%;
    height: 105px;
    float: left;
}
div.zone-top .left .logo span {
    padding-left: 13px;
    display: block;
    float: left;
}
div.zone-top .left .logo span {
margin: 33px 0px 0px 0px;
}
div.zone-top .left a {
    cursor: pointer;
    display: block;
    background: url("logo.png-x3.png"/*tpa=http://img.auto.ru/design2007/layoutdata/resources/logo.png?x3*/) no-repeat;
}
div.zone-top .left img,
div.zone-top .left a {
    width: 170px;
    height: 70px;

}
/* <Christmass logo 2009 */
/* For install christmass logo uncomment following code (+ _ie-fix.css)*/
/*         (+ _ie-fix.css)*/
/*div.zone-top .left a,
div.zone-top .left img{
    width: 200px;
    height: 97px;
}
div.zone-top .left .logo span{
background: none;
position:relative;
margin: 33px 0px 0px 0px;
padding:0px;
top:0px;
left:0px;
z-index:9024;
}
div.zone-top .left a{
    background: #730A0A url(../resources/logo_ny_2009.gif) no-repeat;
    display: block;
    margin:0px;
    padding:0px;
    cursor: pointer;
}
div.zone-top .left .options {
display:none;
}*/
/* </ Christmass logo 2009> */

/* <23 febrary logo 2009> */
/* For install 23 febrary logo uncomment following code (+ _ie-fix.css)*/
/*    23      (+ _ie-fix.css)*/
/*
div.zone-top .left a,
div.zone-top .left img{
    width: 189px;
    height: 107px;
}
div.zone-top .left .logo span{
background-color: #730A0A;
position:relative;
margin: 0;
padding: 0 5px 23px 6px;
top:0px;
left:0px;
z-index:9024;
}
div.zone-top .left a{
    background: #730A0A url(../resources/logo_23_feb.gif) no-repeat;
    display: block;
    margin:0px;
    padding:0px;
    cursor: pointer;
}
div.zone-top .left .options {
display:none;
}
*/
/* </ 23 febrary logo 2009> */

/* <8 march logo 2009> */
/* For install 8 march logo uncomment following code (+ _ie-fix.css)*/
/*    8      (+ _ie-fix.css)*/
/*
div.zone-top .left a,
div.zone-top .left img{
    width: 189px;
    height: 116px;
}
div.zone-top .left .logo span{
background-color: #730A0A;
position:relative;
margin: 0;
padding: 0 0px 19px 11px;
top:0px;
left:0px;
z-index:9024;
}
div.zone-top .left a{
    background: #730A0A url(../resources/logo_8_march.gif) no-repeat;
    display: block;
    margin:0px;
    padding:0px;
    cursor: pointer;
}
div.zone-top .left .options {
display:none;
}
div.zone-top .left .top{
display:none;
}
*/
/* </ 8 march logo 2009> */

div.zone-top .left .options {
    width: 100%;
    height: 25px;
    float: left;
}
div.zone-top .left .options div {
    margin-top: 2px;
    text-transform: uppercase;
    padding-left: 10px;
    float: left;
    font-size: 10px;
}
div.zone-top .left .options select {
    margin: 0px 0px 0px 5px;
    width: 135px;
}

div.zone-top .right {
    float: left;
    width: 780px;
}
div.zone-top .right .wrapper {
    padding: 0px 0px 0px 5px;
    width: 775px;
    float: left;
}

.tabbar {
    float: left;
}

.tabbar .tabs-wrapper {
    float:left;
    margin-left: 0px;
}

/* tabs */
.tabs {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
.tabs li {
    float: left;
    position:relative;
    z-index: 1;
    margin-top: 2px;
}
.tabs li.selected {
    margin-top: 0px;
}

.tabs div,
.tabs li a {
    float: left;
}
.tabs li a {
    display: block;
    margin-top: 4px;
}
.tabs li.selected a {
    font-weight: bold;
}
.tabs div.text {
    height: 22px;
    background-color: #fff;
    padding-right: 15px;
    padding-left: 8px;
    cursor: default;
}
.tabs li.selected div.text {
    padding-right: 0px;
    height: 24px;
}
.tabs div.edge {
    width: 29px;
    height: 23px;
}

.tabs li.selected div.edge {
    width: 31px;
    height: 25px;
}

.tabs li {
    z-index: 1;
    margin-left: -10px;
}

.tabs li.selected {
    z-index: 1300;
}

.tabs li.simple {
    z-index: 1;
    margin-left: 4px;
}

.tabs li#first {
    margin-left: 0px;
}

/* #tabs */

div.zone-top .right .wrapper .options {
    width: 100%;
    height: 80px;
    float: left;
}
div.zone-top .right .wrapper .options ul {
    list-style: none;
    padding: 0px 0px 0px 8px;
    margin: 0px;
    float: left;
}
div.zone-top .right .wrapper .options ul li {
    margin: 4px 0px 0px 0px;
    padding: 0px;
}
div.zone-top .right .wrapper .options ul li.special { margin: 5px 0px 0px 0px; }
div.zone-top .right .wrapper .options ul li span { padding: 0px 3px 0px 4px; }

div.zone-top .right .line {
    width: 100%;
    float: left;
    height: 25px;
    margin: 5px 0px 0px 0px;
}
div.zone-top .right .line div {
    float: left;
    margin: 0;
    padding: 4px 13px 5px 13px;
    color: #fff;
    font-size: 13px;
}
div.zone-top .right .line div.selected {
    background-color: #B45759;
}
div.zone-top .right .line a:link,
div.zone-top .right .line a:visited,
div.zone-top .right .line a:active,
div.zone-top .right .line a:hover,
div.zone-top .right .line a:visited:hover {
    text-decoration: underline;
}
/* #top */

table.zone-middle td.column1,
table.zone-middle td.column2,
table.zone-middle td.column3 {
    vertical-align: top;
}
table.zone-middle td.column1,
table.zone-middle td.column3 {
    padding: 5px 5px 5px 5px;
}
table.zone-middle td.column2 {
    padding: 0px 5px 0px 5px;
}

div.zone-middle .column1,
div.zone-middle .column2,
div.zone-middle .column3 {
    float: left;
}
div.zone-middle .column1,
div.zone-middle .column3 {
    padding: 5px 5px 5px 5px;
}
div.zone-middle .column2 {
    padding: 0px 5px 0px 5px;
}
/* div.zone-middle .column2 { padding: 0px 215px 0px 215px; } */

/* bottom */
div.zone-bottom-wrap div.bottom-nav {
	text-align: center;
	font-size: 10pt;
	line-height: 10pt;
	padding-left: 230px;
	height: 1em;
}

div.bottom-nav a:link,
div.bottom-nav a:visited,
div.bottom-nav a:hover,
div.bottom-nav a:active{
	color: #006C8A;
}

div.bottom-nav a {
	display: block;
	padding-bottom:2px;
	width: 180px;
	border-right: 1px solid #ccc;
	float: left;
	text-align:center;
}

div.bottom-nav a.last {
	border: 0;
}
	
div.zone-bottom .copyright,
div.zone-bottom .designed {
    font-size: 11px;
}
div.zone-bottom .copyright {
    float: left;
    padding: 0px 0px 0px 10px;
}
div.zone-bottom .counters {
    float: left;
    padding: 0px 10px 0px 145px;
}
div.zone-bottom .counters span { padding: 0px 0px 0px 5px; }
div.zone-bottom .designed {
    float: right;
    width: 245px;
    padding: 0px 10px 0px 0px;
}
div.zone-bottom .designed .logo {
    width: 45px;
    height: 33px;
    float: left;
    cursor: pointer;
    display: block;
    padding: 0px 10px 0px 0px;
    background: url("e-time.png"/*tpa=http://img.auto.ru/design2007/layoutdata/resources/e-time.png*/) no-repeat;
}
/* #bottom */

/* misc */

/* #misc */


/* blocks */

.width50p { width: 50%; }
.width100p { width: 100%; }
.width50 { width: 50px; }
.width100 { width: 100px; }
.width200 { width: 200px; }
.width220 { width: 220px; }
.width277 { width: 277px; }
.width335 { width: 335px; }
.width560 { width: 560px; }
.width770 { width: 770px; }

.height20 { height: 20px; }
.height100 { height: 100px; }
.height200 { height: 100px; }

.rect990x90 {
    width: 988px;
    height: 88px;
}
.rect560x120 {
    width: 558px;
    height: 118px;
}
.rect560x60 {
    width: 558px;
    height: 58px;
}
.rect200x200 {
    width: 198px;
    height: 198px;
}
.rect200x300 {
    width: 198px;
    height: 298px;
}

div.zone-middle .column1 .block-wrapper,
div.zone-middle .column2 .block-wrapper,
div.zone-middle .column3 .block-wrapper {
    float: left;
    padding: 0px 5px 0px 0px;
}

div.zone-middle .column1 .block-wrapper-1,
div.zone-middle .column2 .block-wrapper-1,
div.zone-middle .column3 .block-wrapper-1 {
    float: left;
    padding: 0px 0px 0px 0px;
}

.block .content-wrapper {
    padding: 5px 5px 5px 5px;
    border: 1px solid #d0d0d0;
}
.block .wrapper {
    padding: 5px 5px 5px 5px;
    border: 1px solid #d0d0d0;
}

.banner {
    border: 1px solid #000;
    overflow: hidden;
    text-align: center;
    margin: 0px auto !important; /* ! */
}

.block {
    width: 100%;
    float: left;
    margin: 0px 0px 5px 0px;
}
.block table.title {
    width: 100%;
    text-transform: uppercase;
    font-size: 10px;
}
.block table.title .text {
    white-space: nowrap;
    vertical-align: bottom;
    padding: 0px 8px 1px 8px;
}
.block table.title .splitter {
    vertical-align: top;
    width: 23px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.block table.title .splitter div {
    width: 23px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: top right;
}
.block table.title .enhancer {
    vertical-align: top;
    width: 100%;
}
.block table.title .enhancer div {
    width: 100%;
    height: 15px;
}
.block table.title .line {
    height: 5px;
    font-size: 1px;
}
.block div.subtitle {
    background-color: #F2F2F2;
    margin-bottom: 1px;
}
.block div.subtitle h1 {
    padding: 5px 7px 5px 7px;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
}
.block div.subtitle h2 {
    padding: 5px 7px 5px 7px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
}
.block div.subtitle h3 {
    padding: 5px 7px 5px 7px;
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
}
.block div.subtitle h4 {
    padding: 5px 7px 5px 7px;
    margin: 0px;
    font-size: 10px;
    font-weight: bold;
}
.block div.content { margin: 5px 0px 0px 0px; }

.block div.overflow-auto { 
	width:770px;
	overflow:auto;
}

.block table.title-plain {
    width: 100%;
    text-transform: uppercase;
    font-size: 10px;
}
.block table.title-plain .text {
    white-space: nowrap;
    padding: 8px 8px 8px 8px;
}

.block table.footer {
    font-size: 10px;
    clear: left;
    width: 100%;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}
.block table.footer td {
    padding: 7px 7px 7px 7px;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #f2f2f2;
}
.block table.footer td.cell-1 { text-align: left; }
.block table.footer td.cell-2 { text-align: right; }


.cells {
    float: left;
}
.cells td.width335,
.cells td.width220 {
    vertical-align: top;
}

.cells td.width335 {
    padding-right: 5px;
}

.tabbar-splitter {
    height: 3px;
    margin:0;
    background-color: #006C8A;
    padding:0;
    clear:both;
    font-size: 1px;
}

div.anketa-info-message {
    position: absolute;
    width: 300px;
    padding: 10px;
    background-color: #ffffc1;
    }
.button_call{
    background:#006C8A url("end.gif"/*tpa=http://img.auto.ru/button/end.gif*/) no-repeat right;
    height:20px;
    line-height:20px;
    padding:0 5px 4px;
    overflow:hidden;
    padding-right:15px;
    border:0;
    color:#fff;
    font-size:12px;
    width:auto;
}
.brown .button_call{
    background:#730A0A url("end.gif"/*tpa=http://img.auto.ru/button/end.gif*/) no-repeat right;
}

table.table{
    border-left:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
    border-top:1px solid #e2e2e2;
    font-family:tahoma;
    width:100%;
    margin:10px 0;
    border-collapse: collapse;
}
table.table td{
    padding:3px 5px;
    border-right:1px solid #e2e2e2;
    font-size:11px;
}
table.table h2{
    font-size:170%;
    font-weight:100;
    padding:3px 0;
    background:#666;
    color:#fff;
}
table.table .title td{
    border-bottom:3px solid #ccc;
    background:#f0f0f0;
    color:#333;
    font-size:11px;
}
table.table .old td{
    color:#999;
}
table.table .new td{
    font-weight:bold;
    background:#E7F2E3;
}
table.table .hover td{
    background:#ffff99;
}
button.call{
    background:#666666 url("end.gif"/*tpa=http://img.auto.ru/button/end.gif*/) no-repeat right center;
    border:0;
    color:#fff;
    font-size:12px;
    height:20px;
    line-height:20px;
    overflow:hidden;
    padding:0pt 15px 6px 5px;
    width:auto;
}
button.call span{
    font-weight:normal;
}
button.call span.call{
    padding-left:20px;
    background:url("call.gif"/*tpa=http://img.auto.ru/button/call.gif*/) no-repeat left;
}