/** * Основной файл стилей * * $Id: index.css,v 1.1255 2010/08/19 15:24:20 mk Exp $ */ html, body { background-color: #fff; color: #333333; font-family: Arial,Helvetica,sans-serif; font-size:12px; margin: 0; padding: 0; } h1 { font-size:20px;} h2 { font-size:18px;} h3 { font-size:16px;} form { margin:0;} a { color:#333333; text-decoration:none; } a:hover { text-decoration:underline; } a:focus { outline:none; } table { border:0; border-collapse:collapse; } img { border:0; } p { margin:5px 0; } #wrap { width:951px; margin:0 auto; position:relative;} #header { /*background:#dedede url(/img/head-left-bg.gif) left bottom no-repeat;*/ height:104px;} .search-bg { background:url(/img/search_bg_bot.gif) no-repeat 100% 100%; overflow:hidden;/* min-height:797px; */} .logo { display:block; padding:8px 0; float:left;} .print .logo { padding:8px;} .top-banner { padding:14px 0; float:right;} .top-menu { float:right; } .top-menu a { margin:0 7px; text-decoration:underline;} .collage { background:url(/img/border-bot.gif) no-repeat bottom; padding:0 10px 10px; overflow:hidden; position:relative; z-index:1; font-size:0;} .nopad .menu { padding-bottom:0;} .collage .left { float:left;} .collage .right { float:right;} .collage .right .banner-block { margin-bottom:3px; position:relative; } .collage .right .description { position:absolute; font-size:12px; padding:16px; font-weight:bold;} .collage .right .description:hover { text-decoration:none;} .collage .button span { display:block; width:50px;} #main { margin-top:10px; overflow:hidden; background:url(/img/search_bg.gif) repeat-y 663px 10px; } .left-block { float:left; width:802px;} .content { float:left; width:648px;} .content a { text-decoration:underline;} .content h1 a { text-decoration:none;} .search { float:right; width:288px; /*background:#c2c2c2;*/ padding-bottom:15px;} .right-block { position:absolute; top:110px; right:-130px; width:121px;} .search .head { background:#ee8526 url(/img/head-search-bg.gif) top no-repeat; color:#fff; font-size:16px; padding:5px 20px; margin-bottom:10px; overflow:hidden; } .search .head a { color:#fff; display:block;} .search .head a:hover { text-decoration:none; } .search .head .left { font-weight:bold; float: left; padding-right: 18px;} .search .head .right { float: right; white-space:nowrap; } .search .head .right a { cursor:pointer; font-size:11px; color:#000; text-decoration:underline; padding:3px; } .search .head .active { display:none; } .search .item { color: #333333; cursor: pointer; display: block; height: 24px; margin: 4px auto 2px; padding:7px 8px 0 20px; position: relative; width: 243px; } .search .contacts { font-weight:bold; } .search .contacts ul, .search .contacts ol, .search .contacts p { margin:0; padding-left:15px;} .search .contacts li { margin-bottom:10px;} .search .contacts ol { list-style-position:inside; } .search .contacts ul li { padding:0 0 0 10px; background:url(/img/li_bg.gif) no-repeat 0 5px; list-style:none; margin-bottom:10px;} .search .contacts .adress { text-decoration:underline;} .search .contacts .header { font-size:14px; background:none; padding:7px 25px; } .right-banner { margin:10px 0;} /** * Стиль свёрнутой вкладки, содержащей введённые пользователем данные. * * Таким вкладкам добавляется класс "selected" * @author mk */ /* Город */ /* #search .item.selected, */ /* Марка, Модель */ /*#search .item .selected { text-decoration: none; background: url(/img/s_item-active.gif) top no-repeat;} */ .search .one { background: url(/img/search-tabs.png?v2) no-repeat -271px -31px; } .search .one.selected, .search .one:hover { background-position: -271px 0; } .search .one:hover { text-decoration: none; } .search .one.open { background-position: -271px -62px; } .search .put-in { background: url(/img/search-tabs.png?v2) no-repeat 0 -31px; } .search .put-in.selected, .search .put-in:hover { background-position: 0 0; text-decoration: none; } /*.search .active { color:#FFF; background:url(/img/s_item-active.gif) top no-repeat; } */ .search .put-in.open, .search .put-in.open:hover { background: url(/img/search-tabs.png?v2) no-repeat 0 -62px; } .search .city { height:auto; overflow:hidden; width:251px; padding:9px 0 9px 20px; margin:0 auto 4px; } .search .city .checkbox { margin:0!important;} .search .city label { float:left; display:block; padding-right:3px; margin:0 11px 0 3px; font-size:10px; white-space:nowrap;} .search .small input { top:0;} .search .big { float:left; margin:-2px 10px 0 0; } .search .open-div { background:#EC7213 url(/img/open-div.gif) top repeat-x; margin:-4px auto 4px auto; font-size:9px; padding:7px 0 0 13px; width:258px; } .search .open-div .col { float:left; width:84px; } .search .open-div .col .checkboxes { float:none; } .search select { width:67px; border:1px solid #C6C6C8;} .check-links { padding:9px 0;overflow:hidden; clear:both; background:url(/img/open-div-bot.gif) bottom no-repeat; margin-left:-13px; } .search .check-all { display:block; padding:0 20px; text-decoration:underline; margin-left:150px; } .search .check-all:hover { background:none; } .search .uncheck-all { display:block; float:left; padding:0 20px; text-decoration:underline; background:url(/img/open-div-bot.gif) bottom no-repeat; } .span-float { float:left; width:100px;} .search label { display:block; margin:0 5px 4px 0; position:relative; padding:0 0 0 15px; } .search label input { margin:0; position:absolute; top:-1px; left:0; } .search label input[type=checkbox] { height:12px; width:12px; } .search .inputs-float { margin-left:100px;} .search .inputs-float label { float:left; margin:2px 5px 3px 3px; font-size:11px;} .search .inputs-float input { top:1px;} .search .inputs-float .marg-right { margin-right:12px;} .search .one .checkbox { margin-top:4px;} .search .line { display:inline; margin:0 0 3px 0; padding:0; } .search .inp { width:60px; font-size:10px; border:1px solid #C6C6C8; } .search .volume { width:37px; } .search .run { margin-left:97px; } .search .year { margin-right:14px; } .search .search-price { margin-left:22px; } .search .inp-float { float:left; margin-right:10px;} .search .inp-float select { width:80px;} .search .absolute { position:absolute; top:6px; left:70px; } #model-visible td { vertical-align:top; width:84px; } .menu { height:30px; background:url(/img/border-top.gif) no-repeat top left; padding:10px; } .clear { clear:both; } .main-menu { height:30px; position:relative; z-index:20; float:left;} .main-menu a:hover { text-decoration:none;} .lev2 { display:none; position:absolute; top:28px; left:1px; } @-moz-document url-prefix() { .lev2 {top:30px; }} .lev1 .it, .lev2 div { font-weight:bold; } .lev1 .it { float:left; height:33px; text-align:center; display:block; position:relative;} .lev2 div { text-align:left; } .lev1 a, .lev2 a { display:block; color:#fff; } .lev1 .lev2 a { display:block; float:none; color:#fff; padding:5px; margin:-1px; border-left:1px solid #fff; } .lev1, .lev2 { /*overflow:hidden;*/} .lev1 a { background: url(http://st1.major-used.ru/img/lev1.gif) repeat-x; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-size: 14px; padding: 6px 20px; width: 113px; } /*.lev1 .first a { background:url(/img/lev1-first.gif) no-repeat left top;} .lev1 .first a:hover, .lev1 .first .active { background:url(/img/lev1-first-active.gif) no-repeat left top;} .lev1 .last a { background:url(/img/lev1-last.gif) no-repeat right top; border-right:none; } .lev1 .last a:hover, .lev1 .last .active { background:url(/img/lev1-last-active.gif) no-repeat right top;} .lev1 .lev2 .first a { background:url(/img/lev2-first.gif) no-repeat left bottom;} .lev1 .lev2 .first a:hover, .lev1 .lev2 .first .active { background:url(/img/lev2-first-active.gif) no-repeat left bottom;} .lev1 .lev2 .last a { background:url(/img/lev2-last.gif) no-repeat right bottom; border:none; } .lev1 .lev2 .last a:hover, .lev1 .lev2 .last .active { background:url(/img/lev2-last-active.gif) no-repeat right bottom;} */ /*.lev2 .even { padding-right:1px; } */ .lev2 a { background: #e5e5e6 url(http://st2.major-used.ru/img/lev2.gif) repeat-x bottom; border-right: 1px solid #fff !important; font-size: 12px; width: 141px !important; } .lev2 a:hover, .lev2 a.active { background:#f19425 url(/img/lev1-active.gif) repeat-x bottom; text-decoration:none;} .car { background:url(/img/h1-car.gif) no-repeat; padding:5px 10px; overflow:hidden; font-size:10px;} .car .allauto { margin-left:10px;} .car h1 { margin:0; font-size:18px; } .car h1 span { font-size:14px; } .car .left { float:left;} .view { margin-right:4px; float:left;} .view a { display:block; width:30px; height:18px; } /** * Иконки переключения режима списка машин */ #view1, #view2, #view3 { background: url(/img/list-mode-icons.png) no-repeat; } #view1 { background-position: 0 0; } #view1.active { background-position: 0 -18px; } #view2 { background-position: -30px 0; } #view2.active { background-position: -30px -18px; } #view3 { background-position: -60px 0; } #view3.active { background-position: -60px -18px; } .car .right { float:right;} .car .right .item { float:left; margin-left:10px;} .car .right .item.large { margin:0 15px 0 20px;} .down a, .up a { width:10px; height:5px; display:block; float:left; margin-top:3px; } .down a { background:url(/img/arr_down.gif) no-repeat; } .up a { background:url(/img/arr_up.gif) no-repeat; } .down .active { background:url(/img/arr_down_active.gif) no-repeat;} .up .active { background:url(/img/arr_up_active.gif) no-repeat;} .priceselect { float:left; margin:0 5px; height:20px; } .priceselect.pad { margin:6px 5px; } .priceselect.cars { margin:5px 10px; } h1 span { font-size:16px; } .second-menu { margin:0 auto; overflow:hidden; width:99%; } .second-menu td { width:25%;} .second-menu a { /*border-bottom:1px solid #999999; */text-decoration:none; display:block; margin:-1px; position:relative; padding:5px 0; text-align:center; font-size:13px; font-weight:bold; background:url(/img/second-menu.gif) no-repeat top; } .second-menu a:hover { text-decoration:none; } /*.second-menu .last a { border-right:0; border-top:0; background:url(/img/second-menu_r.gif) no-repeat top right; padding:2px;} .second-menu .first a { border-left:0; border-top:0; background:url(/img/second-menu_l.gif) no-repeat top left; padding:2px 1px 0px 1px; width:154px;} */ .second-menu .active, .second-menu a:hover { background:url(/img/second-menu-active.gif) no-repeat top left; } .second-menu .first .active, .second-menu .first a:hover { padding:2px 0; } .second-menu .last .active, .second-menu .last a:hover { padding:2px 2px 2px 2px; } .bigphoto { display:block; /*width:627px; float:left; */} .smallphoto, .scroll { height:105px; text-align:center; overflow:hidden; position:relative; background:url(/img/pics-bg.gif) repeat-x top left; } .smallphoto { width:617px; /*overflow:auto; margin-left:470px; */ padding:5px} .smallphoto img, .scroll img { cursor:pointer;} .scroll img { margin:0 3px 15px 0; cursor:pointer; width:137px;} .smallphoto img { margin:0 5px 2px; } .scroll { width:577px; padding:5px 25px 5px 25px; } #next, #back { position:absolute; top:22px; width:auto; } #next { right:0; } #back { left:4px; } .list { border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; overflow:hidden;} .list, .aboutcar, .car { position:relative; z-index:1;} .aboutcar { border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:10px 10px 0; } .list h1 { margin:0; font-size:18px;} .list img { border:1px solid #ABABAB; float:left;} .list .shot_desc { font-size:16px; margin:5px; padding:5px; border:1px solid #eee; } .list .shot_desc h3 { margin:8px; } #viewList_1, #viewList_2, #viewList_3 { } .text-container { padding-top:20px;background:url(/img/text-top-bg.gif) no-repeat 0 44px; } .text { overflow:hidden; border-left:1px solid #ececec; border-right:1px solid #ececec; background:url(/img/text-bottom-bg.gif) no-repeat bottom; min-height:201px; padding:5px;} .gray { background:#f0f0f0; padding:11px; overflow:hidden; } .white { background:#fff; padding:11px; overflow:hidden;} .list .del { text-align:right; font-size:10px;} .floats { background:#e6e6e6; float:left; width:192px; height:235px; margin:4px; padding:7px; position:relative;} .list .floats img { margin: -7px -7px 0; float:none;} #viewList_2 .last { margin-right:0;} .floats h1 { font-size:14px; margin-top:6px;} .floats .about { font-size:11px;} .floats .gray, .floats .white { padding:0; background: none;} .list .add-link .add { padding:0; float:none; } .list .floats .price { float:none;} .floats .add-link { font-size:10px; width:198px; background:#ccc; padding:4px; position:absolute; bottom:0; left:0; text-align:right;} .op { padding:0; margin:0; float:left; width:190px; } .op li { margin-right:5px; padding-left:10px; background:url(/img/li_bg.gif) no-repeat 0 5px; list-style:none;} /*.selected { background:#EE8526; overflow:hidden; border-bottom:1px solid #DEDEDE; padding:11px;}*/ .list .right-text { margin-left:150px; } .list .right-text a { text-decoration:none; } .list .add, .footer .add { font-size:10px; text-decoration:underline; cursor:pointer; } .list .add { float:right; width:110px; padding-top:13px;} .footer .add { padding:0 5px; } .list .price { float:left; font-size:18px; font-weight:bold;} .list .price .cur { font-size:12px;} .list .check { margin:0;padding:0; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .list .hide, .footer .hide { opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); float:left;} .graytable { clear:both; width:100%; font-size:11px; } .graytable th, .graytable td { padding:10px 3px; vertical-align:top; text-align:center;} .graytable th { background:#DEDEDE;} .graytable td { font-weight:bold;} .graytable td p { text-align:left; white-space: normal; font-weight:normal;} .graytable .left { text-align:left;/* width:250px; */} .graytable .right { text-align:right;white-space:nowrap; } .graytable .left a { text-decoration:none; } .graytable .gray { /*background:#DEDEDE;*/ background:#F0F0F0; } .graytable .lightgray { /*background:#E6E6E6; */background:#FFF;} .graytable .small { font-size:10px; } .graytable .col1 { width:280px;} .graytable .col2 { width:35px; } .graytable .col3 { width:45px; } .graytable .col4 { width:85px; } .graytable .col5 { width:40px } .graytable .col6 { } .simple {/* width:254px; margin:0 25px; */width:50%; float:left; } .simple td { padding:5px; border-bottom:1px solid #DCDCDC; } #bottom { clear:both;} #bottom a { margin:0 15px 0 0; } .bottom {/* background:#ccc; */ padding:10px 0; clear:both; overflow:hidden;} .bottom a { text-decoration:underline;} .bottom .price { float:left; font-size:25px; font-weight:bold; padding:0; color:#000; width:130px;} .bottom.print .price { width:200px;} .bottom .adress { float:right; font-size:11px; /*padding:0 14px;*/ width:170px; } .bottom.print .adress { float:right; font-size:12px; width:300px; } .bottom .spec { background:#fb411a url(/img/cars-credit-result_bg.gif) no-repeat; float:left; margin:0 30px; color:#fff; font-size:12px; font-weight:bold; text-align:left; width:168px; height:44px; padding:10px 6px; text-transform:uppercase; line-height:20px; } .spec .payment { font-size:25px; margin-left:5px;line-height:16px;} .spec .right { display:block;font-size:14px; /*width:70px; line-height:16px; */} .spec .right span { margin-left:5px;} .spec span { float:left;} .bottom .spec div { } .footer { background:#ea690b url(/img/foot.gif) no-repeat bottom left; font-size:10px; overflow:hidden; padding: 11px 0; clear:both;} .footer a { color:#000; } .footer .left { float:left; } .footer .right { float:right;} .footer .right a { text-decoration:underline; } .footer .pagecontainer { font-size:12px; margin-left:10px; float: left; /*right: 50%; */ } .footer .pages { position: relative; right: -50%; /*margin-left:20px;*/ } .footer a { padding:0 5px; color:#19171a;} .footer a.active { background:#19171a; color:#fff;} .footer .right-link { float:right; margin-right:10px; text-decoration:underline;} .banner { width:121px; height:400px; border: 1px solid #000; margin-bottom:8px; } .question td { padding:3px;} .tbl th { width: 130px; text-align:left; } .tbl th, .tbl td { padding: 5px; } .tbl select { width: 200px; } .tbl input { width: 60px; } .tbl input.big { width: 190px; } .tabl { margin-top:15px;} .tabl th { text-align:left;} .tab2 { width:100%; } .tab2 th { text-align:left; width:50%; } .tab2 th, .tab2 td { padding:3px; } .simple_table { } .simple_table td, .simple_table th { border:1px solid #eee; padding:3px;} .simple_table th { background:#CECFD1; font-size:11px;} .simple_table td { font-size:10px; } .bottom, .botton { text-align:right; margin-right:10px;} .botton { padding:10px; } .bottom input, .search .botton input { border:1px solid #333333; background:#dedede; } .bold { font-weight:bold;} /*версия для печати */ #wrap.print { width:685px; } .print { color:#000;} .print #header { background:#dedede url(/img/print-head.gif) left bottom no-repeat; position:relative; } .print .top-menu { background:none; /*padding:22px 22px 0 0;*/ position:absolute; bottom:1px; right:8px; text-align:right; /*float:right;*/ width:280px; font-size:10px;} .print .top-menu p { margin:3px 0;} .print .top-menu span { font-size:12px; font-weight:bold; display:block; margin-top:6px;} .print .content { width:auto; float:none; margin-top:6px; padding:10px 9px 50px; /*background:#FFF url(/img/print-content.gif) left top no-repeat;*/ background:none; } .print .footer { background: url(/img/print-foot.gif) left bottom no-repeat; margin-top:10px; padding:0; height:28px;} .print .car { background:none; float:left; padding:0; margin:0 0 15px; } .print .car h1 { background:url(/img/print_h1-car.gif) no-repeat; padding:3px 9px; margin:-0 0 -1px;} .rightcol { background: #ccc url(/img/print_sphoto.gif) no-repeat; width:141px; margin-left:525px; padding:30px 0 0; } .rightcol img { margin:0 0 29px; display:block;} .rightcol .last { margin-bottom:0;} .print .nophoto { float:none;} .print .simple { width:100%; } .print-car { background:url(/img/print_second-menu.gif) no-repeat; font-size:11px; padding:1px 10px; margin:15px 0 -1px; clear:both; } .details { border:1px solid #e3e3e3;} .print .bottom { background:#fff;} .notable { padding:5px; } /*end версия для печати */ .map { float:left; width:470px; margin-bottom:10px; } .foot { background:#f0f0f0 url(/img/footer.gif) no-repeat top right; margin-top:20px; padding:20px 10px; overflow:hidden; font-size:11px;} .foot .left { float:left; width:650px; } .foot .smallogo { float:left; } .foot .copy { margin-left:200px; } .foot .right { float:right; } .basket { background:url(/img/basket.gif) no-repeat left; padding-left:20px; } .link-icon { margin:10px; float:left; } .link-icon a { padding:7px; display:block; float:left; } .link-icon img { float:left; } .underline { text-decoration:underline; } #list { display:none;} #block { display:block; } .main-content { padding:10px; font-size:11px;} /* Класс для скрытия элементов */ .hidden { display: none; } #main .text .font24 { font-size:24px;} #catalogAuto { width:100%; } #catalogAuto a { display:block;} #catalogAuto img { float:left;} #catalogAuto .item { clear:both; padding:3px;} #catalogAuto .item a { margin-left:40px; padding:5px 0;} .mob { color:#EE8526; display:block; font-size:11px; margin-top:5px; text-decoration:underline;}