.ui-menu .ui-menu-item:nth-child(1), .ui-menu .ui-menu-item:nth-child(1) a { min-height: 20px !important;} /* autocomplete хак для пустого итема */ .form .i, .form .t_t, .form .s { border: 1px solid #d1d7da; font-size: 12px; padding: 2px 4px 2px 4px; } .form .s { padding: 1px 0 1px 0 } .form .i_small, .form .i_small2 { width: 21px; margin: 0 4px 0 2px } .form .i_small2 { width: 50px } .form .c { margin: 0 4px -2px -3px } .form .ok { padding: 3px 6px 1px 6px; // padding: 2px 3px 0 3px; width: 75px } .form .i:hover, .drom-table .i { border-color: #c4c4c4;} .form .i:focus {border-color: #c4c4c4;} /* disable font boosting on mobile devices */ * { max-height: 9999999px;} body { padding: 0; font-size: 13px; line-height: 20px; margin: 0; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } h1 { font-size: 30px; color: #db001b; padding: 0 0 20px 0; margin: 0; font-weight: normal; line-height: 1.2;} h2 { font-size: 24px; color: #db001b; padding: 6px 0 12px 0; margin: 0; font-weight: normal; line-height: 1.2; } h3, h4 { font-size: 18px; color: #000; padding: 12px 0 20px 0; margin: 0; font-weight: normal; line-height: 1.2; } a { color: #1b75cc; outline-color: #eee; text-decoration: none; } .drom-notouch a:hover, .drom-touch a:active { color: #db001b !important; text-decoration: underline; } img, form, td, table { border: 0; margin: 0; padding: 0 } table { border-collapse: collapse; width: 100% } td { vertical-align: top; padding: 0 } p { padding: 0 0 0 0; margin: 0 0 17px 0 } input { padding: 0; margin: 0 } button { padding: 2px 5px 3px 5px; font-size: 14px; overflow: visible } label { position: relative; padding: 0; margin: 0; line-height: 14px } label input { position: absolute; margin: 0; top: 1px; //top: -3px; left: 0; //left: -3px } .clear { clear: both !important; line-height: 1px; font-size: 1px; height: 1px } .red, .b-text-red { color: #db001b !important } .green, .b-text-green { color: #85b73e } .hidden { display: none } .lh19 { line-height: 19px } div { zoom: 1 } input[type="text"]:focus, textarea:focus { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;} ::-webkit-input-placeholder { color: #aaaaaa; font-weight: normal;} :-moz-placeholder { color: #aaaaaa; font-weight: normal;} ::-moz-placeholder { color: #aaaaaa; font-weight: normal;} :-ms-input-placeholder { color: #aaaaaa; font-weight: normal;} .operaOld label { padding: 0 } .operaOld label input { position: relative; padding: 0 4px 0 0; margin-top: -2px } form .i, form textarea { border-top: 1px solid #c4c4c4; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-left: 1px solid #c4c4c4; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 3px 4px 2px 4px; color: #555 } select { color: #555; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif } .table { margin: 9px 0 20px 0; width: auto } .table th { padding: 5px 7px 5px 7px; border-bottom: 1px solid #ddd; background: #f6f6f6; font-weight: normal; text-align: left; vertical-align: middle; color: #555; font-size: 11px; line-height: 13px } .table td { padding: 3px 7px 6px 5px; vertical-align: top; line-height: 16px } .table .odd td { background: #f6f6f6 } .table p { margin: 0; padding: 0 } .table ul { margin-bottom: 0 } .table ol { margin-bottom: 0 } #index, .menu, .top { font-family: Verdana, Arial, Helvetica, sans-serif } .path, .reviewPre { font-size: 12px; font-family: Arial } .content { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; position: relative; min-width: 690px; } .main0 { max-width: 1266px; margin: 0 auto; _width: expression(((document.documentElement.clientWidth || document.body.clientWidth) > 1266)? "1266px" : "100%") } .main1 { min-width: 990px; margin: 0 auto; position: relative; _width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 990)? "990px" : "100%") } .main2 { padding: 20px 20px 75px 20px;} .top { height: 77px; position: relative } .top .logo { background: url(//r.drom.ru/skin/new_logo.png) left top no-repeat; background-size: 173px 39px; width: 173px; height: 39px; position: absolute; text-decoration: none; top: 19px; *background-image: url(images/skin/logo.png) } @media \0screen { .top .logo { background-image: url(//r.drom.ru/skin/logo.png) } } .top .logoNY { background: url(//r.drom.ru/skin/logoNY.png?update=1.0) left top no-repeat; width: 179px; height: 50px; top: 7px; left: -7px } .top .region { position: absolute; left: 193px; top: 18px; width: 110px } .top .region a { color: #f00000; padding: 5px 0 6px 19px; border-left: 1px solid #d5d5d5; display: block; text-decoration: underline; } .top .region td { vertical-align: middle; height: 41px } .top .links { color: #a3a3a3; top: 31px; position: absolute; right: 0; width: 70%; text-align: right; } .top .links a { color: #a3a3a3; line-height: 12px; } .top .links #sethome a { color: #F00000; } .top .links span { margin: 0 4px 0 8px } .top .tires { position: absolute; right: 0; font-size: 10px; overflow: hidden; left: 335px; height: 70px; top: 19px} .top .tires .is { float: right } .top .tires a { display: block; margin-right: 10px; float: left } .top .tires .last { margin-right: 0 } .icos { display: inline-block; margin-left: -8px; *display: inline; *zoom: 1;} body .main0 .icos .ico { padding: 0; float: none; margin-bottom: 0; margin-right: -2px; text-decoration: none; height: 14px; width: 14px; margin-left: 12px; background: url('//r.drom.ru/skin/new_social3.png') left bottom no-repeat; display: inline-block; *display: inline; *zoom: 1; } .share span { display: inline-block; position: relative; top: -3px; } body .main0 .share .icos .ico { float: left; display: block; margin-left: 14px; } body .main0 .icos .ico:hover { text-decoration: none !important; } body .main0 .icos .ico.mail:hover { background-position: left top; } body .main0 .icos .ico.google { background-position: -14px bottom; } body .main0 .icos .ico.google:hover { background-position: -14px top; } body .main0 .icos .ico.youtube { background-position: -28px bottom; } body .main0 .icos .ico.youtube:hover { background-position: -28px top; } body .main0 .icos .ico.facebook { background-position: -42px bottom; } body .main0 .icos .ico.facebook:hover { background-position: -42px top; } body .main0 .icos .ico.vkontakte { background-position: -56px bottom; } body .main0 .icos .ico.vkontakte:hover { background-position: -56px top; } body .main0 .icos .ico.classmates { background-position: -70px bottom; } body .main0 .icos .ico.classmates:hover { background-position: -70px top; } body .main0 .icos .ico.twitter { background-position: -84px bottom; width: 16px;} body .main0 .icos .ico.twitter:hover { background-position: -84px top; } body .main0 .icos .ico.instagram { background-position: -100px bottom; } body .main0 .icos .ico.instagram:hover { background-position: -100px top; } /*large icons by Adeon*/ body .main0 .icos-large .ico { height: 40px; width: 40px; margin-left: 35px; background: url('//r.drom.ru/skin/drom-social-40x40.png') left top no-repeat;} body .main0 .icos-large .ico.twitter { background-position: left top; width: 40px } body .main0 .icos-large .ico.twitter:hover { background-position: left bottom; width: 40px } body .main0 .icos-large .ico.classmates { background-position: -40px top; } body .main0 .icos-large .ico.classmates:hover { background-position: -40px bottom; } body .main0 .icos-large .ico.google { background-position: -80px top; } body .main0 .icos-large .ico.google:hover { background-position: -80px bottom; } body .main0 .icos-large .ico.vkontakte { background-position: -120px top; } body .main0 .icos-large .ico.vkontakte:hover { background-position: -120px bottom; } body .main0 .icos-large .ico.facebook { background-position: -160px top; } body .main0 .icos-large .ico.facebook:hover { background-position: -160px bottom; } body .main0 .icos-large .ico.youtube { background-position: -240px top; } body .main0 .icos-large .ico.youtube:hover { background-position: -240px bottom; } body .menuNY .colSel .s { background: url(//r.drom.ru/skin/ny2011.png?update=1.0) right top repeat-x !important } .menuNY .hover { background: url(//r.drom.ru/skin/ny2011.png?update=1.0) center -61px repeat-x !important } .menu { background: #363636 url(//r.drom.ru/skin/menu.jpg) left top repeat-x; margin: 0 0 10px 0; _margin-bottom: -3px } .menu td { height: 64px; font-size: 18px; text-align: center; width: 20% } .menu div { position: relative; //z-index: 10; //zoom: 1; background: url(//r.drom.ru/skin/menu.jpg) left -56px no-repeat } .menu a { color: #fff !important; text-decoration: none; background: url(//r.drom.ru/skin/menu.jpg) right -112px no-repeat; display: block; padding: 18px 0 0 0; height: 38px } .menu a:hover { text-decoration: none !important; } .menu a span { background: url(//r.drom.ru/skin/menuSub.gif?update=1.0) left 9px no-repeat; margin: 0 0 0 7px; padding: 0 3px 0 0 } .menu .last a { background: none } .menu .first { background: none } .menu .colSel { background: url(//r.drom.ru/skin/menu.jpg) left -168px repeat-x !important } .menu .colSel .s { background-position: left -280px !important } .menu .divSel { background: url(//r.drom.ru/skin/menu.jpg) right -224px no-repeat !important } .menu .hov { background: #fff !important; line-height: 1px; height: 8px; //z-index: 9 } .menu .sub .hov { background: none !important; line-height: 1px; height: 20px } .menu .hover { background: url(//r.drom.ru/skin/menu.jpg) left -336px repeat-x } .menu .hover div { background: url(//r.drom.ru/skin/menu.jpg) left -448px no-repeat } .menu .hover a { background: url(//r.drom.ru/skin/menu.jpg) right -392px no-repeat } .menu td .sub { display: none; position: absolute; left: 0; right: 0; top: 56px; text-align: left; font-size: 12px; z-index: 1 } .menu td .sub div { background: url(//r.drom.ru/skin/menuSubBg.png?update=1.0) left top repeat-x } .menu td .sub div:hover { background-position: left -39px !important; color: #fff } .menu td .sub div:hover a { color: #fff } .menu td .sub a { color: #d2d2d2; background: none; padding: 12px 0 12px 19px; height: 15px } body .menu td .sub .s { background-position: left -78px !important } body .menu td .sub .s a { color: #fff !important } body .menu td .sub .add { background: url(//r.drom.ru/skin/menuAdd.png?update=1.0) 16px center no-repeat; padding-left: 36px } .menu td .sub .s .add, .menu td .sub div:hover .add { background-image: url(//r.drom.ru/skin/menuAddSel.png?update=1.0) } .menu td .sub .sep, .menu td .sub .sep:hover { background-position: left -117px !important; height: 19px } .tire { margin: 0 0 20px 0; text-align: center } .right { padding: 0 0 50px 20px; width: 240px; max-width: 240px; font-family: Verdana, Arial, Helvetica, sans-serif } .right h3:not([class]) { color: #525354; padding: 0 0 16px 0; width: 240px; overflow: hidden } .right h3:not([class]) a { color: #525354; display: block } .right .goTop { display: block; color: #fff; text-decoration: none; width: 142px; height: 30px; background: url(//r.drom.ru/skin/go_top.png?update=1.0) left top no-repeat; text-align: center; padding: 12px 0 0 0; position: absolute; display: none } .right .goTop:hover { color: #fff !important; text-decoration: underline } .path { margin: 0 0 18px 0; color: #231f20; font-size: 11px } .path a { background: url(//r.drom.ru/skin/path.gif?update=1.0) right 5px no-repeat; padding: 0 18px 0 0; margin: 0 7px 0 0 } .path .s { background: none; color: #000; text-decoration: none } .smallSearch { margin-bottom: 20px; overflow: hidden;} .smallSearch .i { height: 17px; float: left; color: #525354; width: 132px; padding: 0 0 1px 3px; //padding: 1px 0 0 3px } .smallSearch button { background: url(//r.drom.ru/skin/smallSearch.png?update=1.0) left top no-repeat; width: 38px; height: 20px; _height: 18px; margin: 0; border: 0; padding: 0; float: left } .smallSearch .pressed { background-position: left -20px } .pager { font-size: 12px; color: #555; margin-bottom: 40px; } .pager .prev, .pager .next { display: inline-block; background: url('//r.drom.ru/skin/pager_prev_next.png') left 6px no-repeat; } .pager .prev { padding-left: 20px; padding-right: 36px; } .pager .next { background-position: right -49px; padding-right: 20px; } .pager .prev:hover, .pager .next:hover { background-image: url('//r.drom.ru/skin/pager_prev_next_h.png'); } .pager div { margin-top: 6px; } .pager div a { display: inline-block; padding: 9px 8px 10px 8px; } .pager div a:first-child { padding-left: 0; } .pager div .s { font-size: 18px; color: #f00000; text-decoration: none; } .pager div span { padding: 0 7px 0 5px; *position: relative; *top: -10px; } div.carBodies { padding: 0px 0 9px 0; margin-top: -10px; float: left; width: 100%; } .carBodies h3 { float: right; padding: 0 } .carBodies h3 a { background: none; height: auto; margin: 0; text-decoration: underline } .carBodies a, .carBodies span { display: block; float: left; height: 28px; margin: 0 7px 7px 0; text-decoration: none; background: url(//r.drom.ru/skin/carBodies.jpg) left top no-repeat } .carBodies .last { margin-right: 0 } .carBodies .sedan { width: 55px; background-position: left 0px } .carBodies .sedanS, .carBodies .sedan:hover { background-position: left -28px } .carBodies .coupe { width: 55px; background-position: left -56px } .carBodies .coupeS, .carBodies .coupe:hover { background-position: left -84px } .carBodies .hatchback { width: 50px; background-position: left -112px } .carBodies .hatchbackS, .carBodies .hatchback:hover { background-position: left -140px } .carBodies .van { width: 64px; background-position: left -168px } .carBodies .vanS, .carBodies .van:hover { background-position: left -196px } .carBodies .open { width: 53px; background-position: left -224px } .carBodies .openS, .carBodies .open:hover { background-position: left -252px } .carBodies .wagon { width: 58px; background-position: left -280px } .carBodies .wagonS, .carBodies .wagon:hover { background-position: left -308px } .carBodies .pickup { width: 68px; background-position: left -336px } .carBodies .pickupS, .carBodies .pickup:hover { background-position: left -364px } .carBodies .suv { width: 63px; background-position: left -392px } .carBodies .suvS, .carBodies .suv:hover { background-position: left -420px } .carBodies .truck { width: 68px; background-position: left -448px } .carBodies .truckS, .carBodies .truck:hover { background-position: left -476px } .carBodies .tire { width: 20px; background-position: left -504px } .carBodies .tireS, .carBodies .tire:hover { background-position: left -532px } .carBodies .video { width: 26px; background-position: left -560px } .carBodies .videoS, .carBodies .video:hover { background-position: left -588px } .tags { padding: 11px 8px 24px 20px; background: #f5f5f5; border: 1px solid #e3e8ef; margin: 0 0 19px 0; line-height: 25px; //line-height: 27px } .tags a { margin: 0 12px 0 0; display: inline-block;} .tags .s14 { font-size: 14px } .tags .s18 { font-size: 18px } .tags .s24 { font-size: 24px } .tags .s28 { font-size: 28px } .tags h3 { padding: 5px 0 } .tags .arrow { position: absolute; top: -8px; left: 33px; background: url('//r.drom.ru/skin/reviewSubArr.gif?update=1.0') left top no-repeat; width: 13px; height: 8px; } .tags .red_arrow_down { background: url(//r.drom.ru/skin/arrow_down_red.png?update=1.0) left 4px no-repeat; padding-left: 10px; } .tags .red_arrow_up { background: url(//r.drom.ru/skin/rfilter_arrow.gif?update=1.0) left 4px no-repeat; padding-left: 10px; } .reviewsTabs { font-size: 18px; border-bottom: 2px solid #0173be; clear: both; background: url(//r.drom.ru/skin/reviewsTabs1.png?update=1.0) left top no-repeat; margin: 0 0 18px 0; position: relative; line-height: 14px; height: 38px } .reviewsTabs2 { background-image: url(//r.drom.ru/skin/reviewsTabs2.png?update=1.0) } .reviewsTabs a { color: #006aae; text-decoration: none; display: block; float: left; padding: 12px 20px; width: 115px } .reviewsTabs a:hover span { border-bottom: 1px dashed #F00000; text-decoration: none !important; } .reviewsTabs span { border-bottom: 1px dashed #006aae; white-space: nowrap } .reviewsTabs span:hover { text-decoration: none !important; } .reviewsTabs .s { color: #fff !important } .reviewsTabs .s span { border: 0 !important } .reviewsTabs .item2 { width: 145px } .reviewsTabs .m { color: #555; font-size: 12px; right: 0; top: 0; position: absolute; padding: 12px 46px 0 0; height: 40px; overflow: hidden; z-index: 5 } .reviewsTabs .m b { background: #b5b5b5 url(//r.drom.ru/skin/reviewsTabsMark.png?update=1.0) left top no-repeat; font-size: 18px; font-weight: normal; color: #fff; padding-top: 12px; text-align: center; width: 40px; height: 28px; display: block; right: 0; top: 0; position: absolute; _right: -1px } .reviewsTabs .m2 b { background-color: #383838; background-position: left -41px } .reviewsTabs .m3 b { background-color: #e80000; background-position: left -82px } .reviewsTagsCloud {font-size: 14px; color: #a6a6a6;} /** reviewstabs 2.0 */ .review-tabs { color: #006aae; border-bottom: 2px solid #0173be; font-size: 18px; clear: both; margin: 0 0 18px 0; position: relative; line-height: 14px; height: 38px; } .review-tabs div { float:left; text-decoration: none; font-size: 18px; line-height: 14px; position: relative; } .review-tabs span { border-bottom: 1px dashed #006aae; white-space: nowrap; } .review-tabs a:hover span { border-bottom: 1px dashed #F00000 } .review-tabs .s { z-index: 1000; } .review-tabs .s a { color: #fff !important; } .review-tabs .s span { border: 0 !important; } .review-tabs a { color: inherit; text-decoration: none; display: block; float: left; padding: 12px 20px; min-width: 115px; } .review-tabs .s div:first-child { background: #0376c2 url(//r.drom.ru/skin/tab_selected_1.png?update=1.0) repeat-x !important; } .review-tabs .s div:first-child+div { background: url(//r.drom.ru/skin/tab2.png?update=1.1) no-repeat -0px -283px !important; } .review-tabs .tab div:first-child { background: #e9e9e9 url(//r.drom.ru/skin/tab_unselected_1.png?update=1.0) repeat-x; min-width: 136px; height: 38px; } .review-tabs .tab div:first-child+div { background: url(//r.drom.ru/skin/tab2.png?update=1.1) left -117px no-repeat; width: 30px; height: 38px; } .review-tabs .last div+div { background-position: left -78px !important; } .review-tabs .tab+.tab{ margin-left: -10px; } .review-tabs .m { color: #555; font-size: 12px; right: 0; top: 0; position: absolute; padding: 12px 46px 0 0; height: 40px; overflow: hidden; z-index: 5 } .review-tabs .m b { background: #b5b5b5 url(//r.drom.ru/skin/reviewsTabsMark.png?update=1.0) left top no-repeat; font-size: 18px; font-weight: normal; color: #fff; padding-top: 12px; text-align: center; width: 40px; height: 28px; display: block; right: 0; top: 0; position: absolute; _right: -1px } .review-tabs .m2 b { background: #383838 left -41px; } .review-tabs .m3 b { background: #e80000 left -82px; } /** eo reviewtabs */ h2 .blackButtons { margin: 4px 0 0 0 } .blackButtonsAbsolute { margin: -21px 0 0 0; //margin: -18px 0 0 0 } .blackButtons { float: right; font-size: 12px; line-height: 14px; clear: both; font-family: Arial } .blackButtons a, .drom-notouch .blackButtons a, .drom-touch .blackButtons a { background: url(//r.drom.ru/skin/blackButtons.png?update=1.1) left top repeat-x; background-color: #373637; display: block; float: left; color: #fff !important; padding: 3px 8px 4px 28px; text-decoration: none; position: relative; width: auto } .blackButtons .i_add_hover, .blackButtons a:hover { background-position: left -21px; background-color: #e30000; } .blackButtons a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .blackButtons span { position: absolute; left: 8px; top: 4px; width: 14px; height: 14px; background: url(//r.drom.ru/skin/blackButtons.png?update=1.1) left top no-repeat; border: none !important; overflow: hidden } .blackButtons .bbLeft { border-right: 1px solid #2a292a; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px } .blackButtons .bbLeft:hover { border-color: #851313 } .blackButtons .bbRight { border-left: 1px solid #515152; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0 } .blackButtons .bbRight:hover { border-color: #eb2727 } .blackButtons .bbRight2 { margin-left: 20px } .blackButtons .gray { float: left; margin-right: 19px; background: #f5f5f5; border: 1px solid #e3e8ef } .blackButtons .gray { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .blackButtons .gray a { color: #555 !important; background: none; padding: 2px 15px 3px 16px; //padding: 3px 15px 2px 16px } .blackButtons .gray .del { color: #f00000 !important; background: none; padding-left: 15px } .blackButtons .gray .bbLeft { border-right: 1px solid #dfdfdf } .blackButtons .gray .bbRight { border-left: 1px solid #fbfbfb } .blackButtons .i_dtp span { background-position: left -42px } .blackButtons .i_dtp:hover span { background-position: left -56px } .blackButtons .i_add span { background-position: left -70px } .blackButtons .i_add_hover span, .blackButtons .i_add:hover span { background-position: left -84px } .blackButtons .i_search span { background-position: left -98px } .blackButtons .i_search:hover span { background-position: left -112px } .blackButtons .i_claim span { background-position: left -126px } .blackButtons .i_claim:hover span { background-position: left -140px } .blackButtons .i_5kop span { background-position: left -154px } .blackButtons .i_5kop:hover span { background-position: left -168px } .blackButtons .i_subscribe span { background-position: left -182px } .blackButtons .i_subscribe:hover span { background-position: left -196px } .blackButtons .i_add2 span { background-position: left -210px } .blackButtons .i_add2:hover span { background-position: left -224px } .blackButtons .i_expand span { background-position: left -238px } .blackButtons .i_expand:hover span { background-position: left -252px } .blackButtons .i_collapse span { background-position: left -266px } .blackButtons .i_collapse:hover span { background-position: left -280px } .blackButtons .i_trip span { background-position: left -294px } .blackButtons .i_trip:hover span { background-position: left -308px } .blackButtons .i_fav span { background-position: left -322px } .blackButtons .i_fav:hover span { background-position: left -336px } .blackButtons .i_question span { background-position: left -350px } .blackButtons .i_question:hover span { background-position: left -364px } .reviews { margin: 0 -8px 15px 0; float: left; clear: both; //width: 100%; color: #555; position: relative; //margin-bottom: 34px; font-size: 11px; //zoom: 1 } .reviews .item { float: left; width: 226px; height: 260px; margin: 0 1px 0 0; overflow: hidden; position: relative } .reviews .item_w_snippet { float: left; width: 226px; height: 340px; margin: 0 1px 0 0; overflow: hidden; position: relative } .reviews .item_w_snippet .snippet { min-height: 80px; max-height: 80px; background: #f5f5f5; border: 1px solid #e3e8ef; border-radius: 5px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; } .reviews.catalogReviews { margin: 0px 0px 15px 0px;} .reviews img, .reviews b { display: block } .reviews span { font-size: 12px } .reviews .n { display: block; font-weight: bold; font-size: 12px } .reviews .nc { margin: 4px 10px 0 10px } .reviews .new { width: 54px; height: 18px; left: 0; top: 15px; position: absolute; z-index: 10; background: url(//r.drom.ru/skin/reviewControls2.png?update=1.0) left top no-repeat; text-decoration: none } .reviews .new:hover { width: 67px; background-position: left -18px } .reviews .m { width: 41px; padding: 0 6px 0 0; height: 18px; right: 13px; top: 15px; position: absolute; z-index: 10; background: url(//r.drom.ru/skin/reviewsMark.png?update=1.0) left top no-repeat; color: #fff; font-size: 11px; line-height: 17px; text-align: right } .reviews .au { overflow: hidden; white-space: nowrap } .reviews .mm { background-position: left -18px } .reviews .ml { background-position: left -36px; color: #4a4949 } .reviews .iu { padding-left: 20px; background: url(//r.drom.ru/skin/reviewControls_1.png?update=1.0) left -28px no-repeat } .reviews .it { padding-left: 20px; background: url(//r.drom.ru/skin/reviewControls_1.png?update=1.0) left -48px no-repeat } .reviews .ic { padding-left: 20px; background: url(//r.drom.ru/skin/reviewControls_1.png?update=1.0) left -68px no-repeat } .reviews .iv { padding-left: 20px; background: url(//r.drom.ru/skin/reviewControls_1.png?update=1.0) left -88px no-repeat } .reviews .add { background: #d5d5d5 url(//r.drom.ru/skin/reviewAdd2.png?update=1.0) left top no-repeat; line-height: 24px; height: 241px } .reviews .add:hover, .reviews .addHover { background-position: left -241px } .reviews .add a { color: #fff !important; font-size: 18px; text-align: center; padding: 55px 0 0 0; height: 148px; display: block } .reviews .noImage { padding: 28px 0 24px 0; background: #d3d3d5; display: block; text-decoration: none } .reviews .noImage span { display: block; width: 156px; height: 117px; margin: 0 auto; background: url(//r.drom.ru/skin/reviewsNoImage.png?update=1.0) left top no-repeat } .reviews .noImageCoupe span { background-position: left -351px } .reviews .noImageSedan span { background-position: left -117px } .reviews .noImageUniversal span { background-position: left -234px } .reviews .noImageMinivan span { background-position: left -468px } .reviews .noImagePickup span { background-position: left -585px } .reviews .noImageCabriolet span { background-position: left -702px } .reviews .noImageHatchback span { background-position: left -819px } .reviews .noImageCeycar span { background-position: left -1053px } .reviews .noImageCargo span { background-position: left -936px } .reviewPre { _zoom: 1; background: #f5f5f5; margin: 37px 0 32px 0; clear: both; color: #555; line-height: 14px } .reviewPre .img, .reviewPre img { width: 446px; _display: block } .reviewPre .img { background: #d3d3d5 url(//r.drom.ru/skin/noImageSedan.png?update=1.0) center center no-repeat } .reviewPre .noImageUniversal { background-image: url(//r.drom.ru/skin/noImageUniversal.png?update=1.0) } .reviewPre .noImageCoupe { background-image: url(//r.drom.ru/skin/noImageCoupe.png?update=1.0) } .reviewPre .noImageVan { background-image: url(//r.drom.ru/skin/noImageMinivan.png?update=1.0) } .reviewPre .noImagePickup { background-image: url(//r.drom.ru/skin/noImagePickup.png?update=1.0) } .reviewPre .noImageOpen { background-image: url(//r.drom.ru/skin/noImageCabriolet.png?update=1.0) } .reviewPre .noImageHatchback { background-image: url(//r.drom.ru/skin/noImageHatchback.png?update=1.0) } .reviewPre .noImageCargo { background-image: url(//r.drom.ru/skin/noImageCargo.png?update=1.0) } .reviewPre .noImageCeycar { background-image: url(//r.drom.ru/skin/noImageCeycar.png?update=1.0) } .reviewPre .noImageSuv { background-image: url(//r.drom.ru/skin/noImageJeep.png?update=1.0) } .accordion { height: 310px; border-right: 1px solid #e3e8ef; border-bottom: 1px solid #e3e8ef; position: relative; background: #efefef } .accordion .a { display: block; font-size: 14px; background: #f5f5f5 url(//r.drom.ru/skin/accordion.png?update=1.0) right top no-repeat; text-decoration: none; border-top: 1px solid #e3e3e3; padding: 12px 0 13px 17px; //padding-bottom: 12px; height: 14px; overflow: hidden } .accordion .a span { border-bottom: 1px dashed #006aae } .accordion .a:hover { _color: #F00000 } .accordion .a:hover span { border-bottom: 1px dashed #F00000 } .accordion p { margin: 0 12px 6px 16px } .accordion .as { color: #555 !important; background-position: right -39px } .accordion .as span { border: 0 !important } .accordion .c { display: none; height: 190px; overflow: hidden; background: #f5f5f5 url(//r.drom.ru/skin/accordionBody.png?update=1.0) left 59px repeat-x !important } .accordion .cs { display: block } .accordion .co { background: url(//r.drom.ru/skin/accordionCo.gif?update=1.0) left top no-repeat } .accordion .co2 { right: -1px } .accordion .co3 { right: -1px; bottom: -1px } .reviewsIcons { padding: 15px 0 5px 0 } .reviewsIcons span { display: block; padding: 0 30px 0 19px; float: left; font-size: 11px; background: url(//r.drom.ru/skin/reviewsIcons.png?update=1.0) left top no-repeat; line-height: 17px } .reviewsIcons .i_v { background-position: left -19px } .co { position: absolute; width: 4px; height: 4px; line-height: 1px; padding: 0; margin: 0; font-size: 1px } .co1 { top: 0; left: 0; background-position: left top !important } .co2 { top: 0; right: 0; background-position: right top !important } .co3 { bottom: 0; right: 0; background-position: right bottom !important } .co4 { bottom: 0; left: 0; background-position: left bottom !important } .mark { padding: 11px 17px 15px 18px; background: #f5f5f5; border: 1px solid #e3e8ef; margin: 39px 0 0 0; line-height: 19px; color: #555; _zoom: 1; //position: relative } .mark div { padding: 0 0 10px 0 } .mark .c2 { width: 272px } .mark .select { position: relative; padding: 0; height: 64px } .mark .select span { display: block } .mark .select a { float: left; width: 38px; height: 29px; background: url(//r.drom.ru/skin/reviewMark.png?update=1.0) left top no-repeat; margin: 6px 1px 0 0; padding: 10px 0 0 0; font-size: 18px; text-align: center; color: #fff !important; text-decoration: none } .mark .select .m4 { background-position: left -39px } .mark .select .m5 { background-position: left -78px } .mark .select .big { width: 59px; height: 59px; color: #fff; text-align: center; background: url(//r.drom.ru/skin/reviewMarkBig.png?update=1.0) left top no-repeat; font-size: 26px; position: absolute; right: 0; top: 5px; padding: 0; //top: 3px; cursor: help } .mark .select .big i { font-style: normal; font-size: 10px; display: block; padding: 3px 0 7px 0; line-height: 1em } .mark .select .big4 { background-position: left -59px } .mark .select .big5 { background-position: left -118px } .review { color: #555; padding: 0 0 8px 0; position: relative; word-break: break-word; word-wrap: break-word;} .reviewAdd { color: #555; font-size: 12px; line-height: 19px } .reviewAdd .item { margin: 0 0 10px 0 } .reviewAdd .d { font-size: 11px; display: block; font-style: normal } .reviewAdd .name { padding: 3px 0; cursor: pointer } .reviewAdd .name b { background: url(//r.drom.ru/skin/arrows.gif?update=1.0) center 12px no-repeat; padding: 0 8px } .reviewAdd .name a { border-bottom: 1px dashed #006aae; text-decoration: none } .reviewAdd .name a:hover { border-bottom: 1px dashed #F00000 !important; text-decoration: none !important; } .reviewAdd .name span { font-size: 12px; color: #555; font-weight: bold } .reviewAdd .tag, .reviewAdd .tag a { color: #a6a6a6; font-size: 11px } .reviewAdd .full { display: none } .reviewAdd .itemFull .name b { background-position: center -25px } .reviewAdd .itemFull .name a { border-bottom: 1px dashed #555; color: #555 } .reviewAdd .itemFull .name a:hover { text-decoration: none !important; } .reviewAdd .item .photos img { display: block; float: left; } .reviewAdd .item .photos { margin: 19px 0 29px 0 } .reviewSub { margin: 38px 0 28px 0; position: relative; //zoom: 1 } .reviewSub .items { padding: 11px 20px 13px 20px; background: #f5f5f5; border: 1px solid #e3e8ef; margin: 17px 0 0 0; line-height: 18px; position: relative; color: #555; _position: static } .reviewSub h3 { color: #555; padding: 0; //height: 30px } .reviewSub .auth { display: none } .reviewSub .blackButtons { position: absolute; top: -3px; right: 0 } .reviewSub .arr, .comments .loginServices .arr { position: absolute; width: 13px; height: 8px; background: url(//r.drom.ru/skin/reviewSubArr.gif?update=1.0) left bottom no-repeat; top: -8px; left: 32px; //top: -8px; _top: 13px } .comments { //position: relative } .comments .item { border-bottom: 1px solid #dcdcdc; position: relative; color: #555; margin: 0 0 15px 0; clear: both; clear: both; float: left; width: 100%; min-height: 80px; _height: 80px } .comments .t { margin: 0 78px 17px 116px;} .comments .a { word-wrap: break-word; color: #a6a6a6; float: left; width: 110px; line-height: 1.3em; padding: 0 0 17px 0; //padding-bottom: 0; font-size: 11px } .comments .a a { display: block; margin: 0 0 5px 0 } .comments .a span { display: block; margin: 0 0 5px 0; color: #000 } .comments .q { display: block; font-size: 11px; position: absolute; right: 3px; bottom: 5px } .comments .f { color: #a6a6a6; font-size: 11px; border-top: 1px solid #f3f3f3; margin: 6px 0 0 0; padding: 13px 0 0 0; line-height: 1.1em; word-wrap: break-word; word-break: break-all; } .comments .f div { margin: 5px 0 0 0 } .comments .v { position: absolute; width: 40px; right: 0; top: 6px; color: #79ae36; padding: 0 0 0 24px; line-height: 18px; white-space: nowrap; } .comments .v a, .comments .v i { background: url(//r.drom.ru/skin/commentsVote.png?update=1.0) left top no-repeat; width: 19px; height: 19px; display: block; text-decoration: none; position: absolute; left: 0 } .comments .v .p a:hover { background-position: left -38px; text-decoration: none !important; } .comments .v .p i { background-position: left -76px } .comments .v .m { color: #e90000; margin: 10px 0 0 0 } .comments .v .m a { background-position: left -19px } .comments .v .m a:hover { background-position: left -57px; text-decoration: none !important; } .comments .v .m i { background-position: left -95px } .comments .ui { background: url(//r.drom.ru/skin/all-icons.png?v=24) -162px 0 no-repeat; width: 16px; height: 15px; margin: 7px 0 5px 0 } .comments .ui .uiDr { background-position: -310px 0px;} .comments .uiFb { background-position: -128px 0px } .comments .uiTw { background-position: -236px 0px } .comments .uiJj { background-position: left -115px } .comments .uiMr { background-position: -18px 0px } .comments .uiOd { background-position: -198px 0px } .comments .uiGp { background-position: -54px 0px;} .comments .master.master.master { background: #2c2726; background-image: none; background-position: 0 0; color: #fff; width: 60px; height: 20px; line-height: 20px; margin: 5px 0 10px; text-align: center; } .comments .master2.master2.master2 { background: #db001b; } .comments .imgs a { float: left; margin: 5px 18px 9px 0; display: block; position: relative; text-decoration: none !important } .comments .imgs i { background: url(//r.drom.ru/skin/zoom.png?update=1.0) left top no-repeat; position: absolute; right: 7px; bottom: 7px; height: 13px; width: 13px } .comments .imgs i { _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//r.drom.ru/skin/zoom.png?update=1.0", sizingMethod="crop") } .stars { height: 9px; margin: 10px 1px 10px 0; clear: both } .stars i, .stars u, .stars b { width: 10px; height: 9px; float: left; display: block; background: url(//r.drom.ru/skin/commentsStatus.png?update=1.0) left top no-repeat; line-height: 1px; text-decoration: none } .stars i { background-position: left -9px } .stars b { background-position: left -18px } .comments .qu { position: relative; padding: 10px 5px 9px 18px; margin: 5px 0 5px 0; color: #a6a6a6; background: #f5f5f5; border: 1px solid #e3e8ef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; zoom: 1; font-size: 14px; line-height: 20px; } .comments .qu .co { position: absolute; display: block; top: -8px; left: 33px; width: 13px; height: 8px; background: url(//r.drom.ru/skin/commentsQuote.gif?update=1.0) left top no-repeat; line-height: 1px } .comments .qu b { display: block } .comments .quw { background: #fff; margin: 24px 12px 13px 0 } .comments .qu .cow { background-position: left -8px } .comments .qu .qu { margin: 14px 12px 10px 0 } .comments form { position: relative; clear: both; } .comments form h3 { color: #555; padding-bottom: 20px } .comments form table { margin-bottom: 8px } .comments form .ri { float: right; display: block } .comments form td { padding: 0 0 9px 0 } .comments form .c1 { width: 311px; padding-right: 18px } .comments form .c3 { width: 59px } .comments form .i { width: 303px } .comments form textarea { height: 149px; width: 629px } .comments form label { padding-left: 22px } .comments .loginServices { padding: 18px 0 18px 18px; background: #f5f5f5; border: 1px solid #e3e8ef; margin: 12px 0 0 0; line-height: 18px; position: relative; color: #555; _position: static } .comments .loginServices a { width: 78px; margin: 0 19px 0 0; height: 20px; display: block; float: left; background: url(//r.drom.ru/skin/commentsLoginServices.png?update=1.0) left top no-repeat; text-decoration: none } .comments .loginServices .uiJj { width: 97px } .comments .loginServices .uiTw { width: 59px; background-position: left -20px } .comments .loginServices .uiFb { background-position: left -40px } .comments .loginServices .uiVk { background-position: left -60px } .comments .loginServices .uiOd { width: 117px; background-position: left -80px } .comments .loginServices .uiMr { background-position: left -100px; margin-right: 0 } form .okBig { background: #232323 url(//r.drom.ru/skin/commentsOk.png?update=1.0) left top repeat-x; width: 252px; border: 0; font-size: 18px; color: #fff; padding: 6px 0 9px 0; margin: 38px 0 0 0; cursor: pointer; line-height: 1em; //padding-bottom: 8px } form .okBig:hover { background-position: left -39px; background-color: #e90000 } form .clone { padding: 11px 28px 7px 19px; background: #f5f5f5; border: 1px solid #e3e8ef } form .clone table { margin: 0 0 5px 0 } form .clone td { vertical-align: middle; padding: 8px 0 6px 0 } form .clone input { float: left; display: block; width: 562px } form .clone .c2 { width: 19px } form .clone .del { float: left; display: block; background: url(//r.drom.ru/skin/commentsFilesDel.gif?update=1.0) left 1px no-repeat; display: block; text-decoration: none; width: 19px; height: 20px } form .clone .del:hover { background-position: left -19px } form .files { font-size: 12px } form .files input { font-size: 11px; //padding: 3px 0; margin-right: 9px; width: auto } .opera form .files input { padding: 2px 0 } form .add { padding: 0 0 5px 12px; background: url(//r.drom.ru/skin/plus.gif?update=1.0) left 6px no-repeat; display: block } form .add:hover { background-position: left -26px } form small { color: #a6a6a6; font-size: 100% } form .bottom { background: #eaeaea url(//r.drom.ru/skin/formBottom.gif?update=1.0) left top repeat-x; padding: 20px 19px; margin: 10px 0 0 0 } form .bottom button { margin: 0 } form .iBig { font-size: 18px; padding: 8px 9px 5px 9px } form .sepBlock { padding-top: 15px; padding-bottom: 9px; //position: relative; //zoom: 1 } .dtps { margin: 30px 0 0 0 } .dtps .item { padding: 0 0 18px 0; clear: both } .dtps .d { color: #ababab; font-size: 11px; display: block; font-style: normal; line-height: 17px } .dtps .d a, .dtps .d span { border-left: 1px solid #d5d5d5; padding: 0 0 0 7px; margin: 0 0 0 5px } .dtps .d .g { color: #555 } .dtps .d .u, .dtps .d .v, .dtps .d .c { background: url(//r.drom.ru/skin/dtpControls.png?update=1.0) -30px -4px no-repeat; padding-left: 30px } .dtps .d .v { border: none; background-position: -10px -24px } .dtps .d .c { border: none; background-position: 10px -43px } .dtps .name { padding: 0; line-height: 1.3; font-size: 18px; } .dtps .nameAhtung { background: url(//r.drom.ru/skin/dtpIcon.png?update=1.0) left 4px no-repeat; padding: 0 0 0 19px } .dtps .name span { font-size: 12px; color: #555; font-weight: bold } .dtps .tag, .dtps .tag a { color: #a6a6a6; font-size: 11px } .dtps .pre { margin: 12px 0 0 0 } .dtps img { float: left; margin: 4px 17px 10px 0 } .dtpPre { margin: 21px 0 15px 0 } .dtp { padding: 0 0 10px 0; color: #555; line-height: 18px } .dtp h1 { padding-bottom: 13px } .dtpAdd { border: 1px solid #e3e8ef; padding: 17px 18px; max-width: 870px; color: #555 } .dtpAddBg { background: #f5f5f5; border: 1px solid #FFF } .dtpAdd table { margin: 17px 0 6px 0; position: relative } .dtpAdd .clone { border: 0; width: 590px } .dtpAdd td { padding: 0 19px 9px 19px } .dtpAdd .la { padding: 9px 0 9px 0 } .dtpAdd select { width: 310px } .dtpAdd .i, .dtpAdd select { margin-bottom: 4px } .dtpAdd .i_small { width: 300px } .dtpAdd .iBig { width: 810px } .dtpAdd .cShort { width: 310px; padding-right: 0 } .dtpAdd .cShort1 { width: 78px; vertical-align: bottom } .dtpAdd .cShort2 { width: 213px; padding-left: 0; padding-right: 0 } .dtpAdd .cShort2 .i { width: 203px } .dtpAdd .cShort3 { width: 140px; padding-right: 0 } .dtpAdd .t { max-width: 820px; width: 100%; height: 110px } .dtpAdd .cars .c2 { width: 269px } .dtpAdd .simbols { float: right; margin-top: -2px } .dtpAdd .simbols b { font-size: 18px; margin-left: 3px } .dtpAdd h1 { color: #555; margin: 20px 0 0 19px; padding: 0 } .dtpAdd h2 { color: #555; margin: 20px 0 0 19px; padding: 0 } .dtpAdd h3 { color: #555; margin: 20px 0 0 19px; padding: 0 } .citySelect { font-size: 12px } .city { color: #555 } .city .c1 { width: 56% } .city h2 { padding: 0 } .city h3 { padding: 15px 0 3px 0 } .city div { margin: 0 0 5px 0 } .forum { position: relative; background: url(//r.drom.ru/skin/forum.png?update=1.0) left top repeat-x; border: 1px solid #e3e8ef; border-bottom: 0; height: 38px; cursor: pointer } .forum:hover a { border-bottom: 1px dashed #F00000; color: #F00000; text-decoration: none !important; } .forum h3 { padding: 0; margin: 0 } .forum h3 a { text-decoration: none; border-bottom: 1px dashed #006AAE; margin: 8px 0 0 18px; display: block; float: left } .forum h3 a:hover { text-decoration: none !important; } .forum span { position: absolute; right: 0; top: 0; background: url(//r.drom.ru/skin/forum.png?update=1.0) right -38px no-repeat; width: 30px; height: 30px } .forumOpen span { background-position: right -76px } .forumSep { height: 19px } .forumTable { background: url(//r.drom.ru/skin/forumTable.png?update=1.0) left -40px repeat-x } .forumTable th { color: #a6a6a6; text-align: left; font-weight: normal; padding: 0; font-size: 11px; padding: 3px 7px 3px 8px; line-height: 14px } .forumTable th.c2 { background: url(//r.drom.ru/skin/forumTable.png?update=1.0) left 0 no-repeat } .forumTable th.cLast { background: url(//r.drom.ru/skin/forumTable.png?update=1.0) right -20px no-repeat } .forumTable td { border-bottom: 1px solid #f3f3f3; color: #525354; padding: 3px 7px 3px 8px; vertical-align: middle } .forumTable .smallColumn { width: 60px; } .forumTable .mediumColumn { width: 150px; } .forumLite { border: 1px solid #e9e9e9; background: #f5f5f5; padding: 4px 0 4px 0 } .forumLite .forum, .forumLite .forumTable { background: none; border: none } .forumLite th, .forumLite td { background: none; border: none; padding: 0 8px 10px 18px } .filter { padding: 0 0 3px 18px; background: #f5f5f5; border: 1px solid #e3e8ef; margin: 0 0 38px 0; color: #555; zoom: 1; position: relative; line-height: 14px } .filter b { font-weight: normal; display: block; margin: 0 0 8px 0 } .filter .item { white-space: nowrap; float: left; margin: 16px 20px 0 0; zoom: 1; height: 48px } .filter .s1 { width: 96px } .filter .s2 { width: 117px } .filter .okd { float: right; clear: both; margin: 0 18px 14px 0; zoom: 1 } .filter .okd label { margin-right: 8px; //top: -3px } .filter .okd label input { //top: 5px } .filter .okd button { font-size: 12px; font-family: Arial; padding: 0 10px 1px 10px; margin: 0 0 0 5px; height: 24px } .kop5 { border-top: 1px solid #e3e8ef; padding-top: 13px; margin-top: 10px } .kop5 .item { border-bottom: 1px solid #e3e8ef } .kop5 .f { color: #555; font-size: 12px; text-align: right; margin-top: 12px } .kop5 .f span { color: #f00000 } .kop5 .f .g { color: #79ae36; font-weight: bold } .kop5 .t { margin-right: 0; margin-left: 133px } .kop5 .m { padding: 0 0 10px 25px; line-height: 26px; position: relative; } .kop5 .m:before { content: ''; display: block; position: absolute; top: 4px; left: 0; background: url(//r.drom.ru/skin/kop5.png?update=1.0) -38px 0 no-repeat; width: 19px; height: 19px;} .kop5 .m2:before { background-position: -19px -19px;} .kop5 .m3:before { background-position: 0 -38px } .kop5 .desc { color: #a6a6a6; border-bottom: 1px solid #f3f3f3; margin: 0 0 18px 0; padding: 0 0 6px 0 } .kop5anons { background: #f5f5f5; float: left; width: 100%; border: 1px solid #e9e9e9 } .kop5anons .arr { position: absolute; width: 13px; height: 8px; background: url(//r.drom.ru/skin/reviewSubArr.gif?update=1.0) left bottom no-repeat; top: -8px; left: 32px; //top: 28px; _top: 18px } .kop5anons .f { border-top: 1px solid #e3e8ef } .kop5anons .t { margin-right: 18px; margin-left: 149px } .kop5anons .item .a { margin-left: 18px; width: 128px } .kop5anons .bottom { padding: 4px 0 25px 18px; clear: both; position: relative } .kop5anons .bottom .linkSize { font-size: 16px; } .kop5anons .blackButtons { bottom: 18px; right: 22px; position: absolute } .kop5anons .desc { border-bottom: 1px solid #e7e7e7; color: #9f9f9f } .kop5addPre { color: #555; font-size: 12px; line-height: 19px; padding: 0 0 8px 0; margin: 0 16% 0 0 } .kop5add .red2 { color: #ff0000 } .kop5add .red3 { color: #a02e2e } .kop5add .plus { background: url(//r.drom.ru/skin/kop5.png?update=1.0) -38px top no-repeat; line-height: 20px; padding-left: 27px } .kop5add .minus { background: url(//r.drom.ru/skin/kop5.png?update=1.0) -19px -19px no-repeat; line-height: 20px; padding-left: 27px } .kop5add .break { background: url(//r.drom.ru/skin/kop5.png?update=1.0) left -38px no-repeat; line-height: 20px; padding-left: 27px } .kop5add sup { line-height: 0 } .kop5add .grey { width: 156px; padding: 0 18px 0 19px } .kop5add .grey div { background: #eaeaea; padding: 20px 0 16px 20px; margin: 8px 0 8px 0; height: 57px } .kop5add .greyBig { width: 640px } .kop5add .greyBig div { height: auto; padding: 15px 10px 10px 0 } .kop5add .greyBig label { padding-left: 24px; padding-bottom: 2px } .kop5add .greyBig td { padding-bottom: 0 } .kop5add .greyBig table { margin: 0 } .kop5add .grey label { display: block; margin: 0 0 5px 0 } .kop5add .grey label input { top: 0; //top: -3px; _left: -22px } .kop5add .progress { position: relative; background: #eaeaea url(//r.drom.ru/skin/progress.png?update=1.0) left top no-repeat; width: 600px; height: 79px; margin: 8px 0 7px 0 } .kop5add .s { position: absolute; background: url(//r.drom.ru/skin/progressS.png?update=1.0) left top no-repeat; top: 13px; left: 0; width: 14px; height: 20px; margin: 0 0 0 14px; cursor: pointer } .kop5add .s { _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//r.drom.ru/skin/progressS.png?update=1.0", sizingMethod="crop") } .kop5add .p { position: absolute; font-style: normal; font-size: 11px; top: 44px; cursor: pointer; text-align: center; padding: 5px; color: #939393 } .kop5add .p0 { left: 11px } .kop5add .p1 { left: 66px } .kop5add .p2 { left: 121px } .kop5add .p3 { left: 176px } .kop5add .p4 { left: 231px } .kop5add .p5 { left: 286px } .kop5add .p6 { left: 341px } .kop5add .p7 { left: 396px } .kop5add .p8 { left: 451px } .kop5add .p9 { left: 506px } .kop5add .p10 { left: 557px } .kop5up { color: #555; margin: 15px 0 0 0 } .kop5up .d { color: #aaa; font-size: 11px } .kop5up .it { border-top: 1px solid #e3e8ef; padding: 10px 0 30px 0 } .kop5up .pre .c1 { width: 100px; padding-top: 7px } .kop5up .pre div { margin: 0 0 5px 0 } .kop5up .m { width: 41px; margin-top: 8px !important; padding: 0 6px 0 0; height: 18px; background: url(//r.drom.ru/skin/reviewsMark2.png?update=1.0) left top no-repeat; color: #fff; font-size: 11px; line-height: 17px; text-align: right } .kop5up .mm { background-position: left -18px } .kop5up .ml { background-position: left -54px } .selectCars h2 { margin: 10px 0 0 0; height: 25px } .selectCars h2 b { float: left; font-weight: normal } .selectCars table { margin: 0 0 20px 0 } .selectCars h3 { font-size: 14px; padding: 0 0 20px 0; line-height: 1.2em; color: #bbb } .selectCars h3 b { font-weight: normal } .selectCars h3 b a { font-weight: bold; color1: #c90000 } .selectCars h3 a { font-size: 14px; margin-right: 4px } .selectCars td { width: 32% } .selectCars .sep { width: 2% } .selectCars .carBodies span { float: left; margin: -4px 0 0 17px } .selectCars td i { color: #555; font-style: normal; display: block; padding: 0px 0 20px 0; } .selectCars td i:not(:first-child) { margin-top: 12px;} .selectCars strong a { font-weight: normal; font-size: 18px;} .selectCars__js-table-open { display: table;} .selectCars_js_close { display: none;} .selectCars_js_open { display: block; overflow: hidden; margin-bottom: 40px;} .content .tire { border: 0; padding: 0 } /*#index .smallSearch { right: -260px; top: 10px }*/ #index .smallSearch .i { width: 197px } #index .right { padding-top: 0px;} #index h2.main { margin: 0 0 3px 0 } #index h2.main span { padding-bottom: 3px; margin-left: 8px; border-left: 1px solid #d5d5d5; font-size: 18px } #index h2.main small a { margin: 0 5px 0 0 } /*.tireScroll { color: #525354; margin: 0 0 18px 0; position: relative; line-height: 14px; background: url('//r.drom.ru/skin/tireScroll_cut_bg.png') left -44px repeat-x #f0f0f0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; } .tireScroll.without-bottom-links { background-position: left top; } .tireScroll .t { padding: 11px 11px 14px 8px; border: 1px solid #e8e3d3; border-bottom: none; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .tireScroll .h { padding: 0 0 0 20px } .tireScroll .h span { position: absolute; width: 14px; height: 14px; background: url(//r.drom.ru/skin/tireScroll.png) left top no-repeat; margin: 2px 0 0 -18px } .tireScroll .scrollable { height: 177px; overflow: hidden; position: relative; clear: both; } .tireScroll .items { width: 20000em; position: absolute; clear: both } .tireScroll .items a { height: 167px; width: 159px; float: left; overflow: hidden; margin: 0 1px 0 0; text-decoration: none; color: #525354; background: #faf4e5; position: relative } .tireScroll .items i { display: block; margin: 9px 2px 0 11px; font-style: normal; font-size: 11px; *margin-top: 6px; } .tireScroll .items span { display: block; text-decoration: none !important; color: #0070ba; line-height: 18px; font-size: 12px; margin-top: 3px; } .tireScroll .items a:hover span { color: #F00000 } .tireScroll .items u { display: block; color: #fff; background: #e40000 url(//r.drom.ru/skin/tireScroll.png) -17px top no-repeat; font-size: 11px; padding: 3px 8px 3px 9px; position: absolute; text-decoration: none; top: 99px; left: 0; *padding: 2px 8px 4px 9px; } @-moz-document url-prefix() { .tireScroll .items u { padding: 2px 8px 4px 9px; } } .tireScroll .b { padding: 15px 8px 8px 19px; border: 1px solid #dddddd; font-size: 11px; border-top: none; background: none; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; *padding-top: 13px; } .tireScroll.without-bottom-links .b { padding: 0; height: 5px; margin-top: -7px; border: 1px solid #e8e3d3; border-top: 0px; background: none; *margin-top: -6px; } .tireScroll .b div { margin-bottom: 6px; } .tireScroll .l { position: absolute; top: 159px; height: 58px; z-index: 5; font-size: 1px } .tireScroll.without-bottom-links .l { height: 51px; *height: 52px; } .tireScroll .l1 { left: 0; border-left: 1px solid #e8e3d3 } .tireScroll .l2 { right: 0; border-right: 1px solid #e8e3d3 } .tireScroll .arr { width: 21px; height: 40px; background: url(//r.drom.ru/skin/tireScrollArr_dealers.png) left top no-repeat; position: absolute; top: 79px; text-decoration: none } .tireScroll .arrr { right: 0; _right: -1px; background-position: -21px top } .tireScroll .arrl:hover { cursor: pointer; background-position: left -40px } .tireScroll .arrr:hover { cursor: pointer; background-position: -21px -40px } .tireScroll .show-all { float: right; *position: absolute; *top: 12px; *right: 12px; } */ .linksSpoiler { border: 1px solid #e3e8ef; background: #f5f5f5; font-size: 11px; line-height: 17px; margin: 0 0 18px 0 } .linksSpoiler .all { color: #f00000 } .linksSpoiler div { padding: 2px 9px 4px 9px } .firmsLinks { margin: 36px 0 20px 0 } .firmsLinks a, .firmsLinks span { padding-right: 11px } .hotLinks { background: #fcfcfc url(//r.drom.ru/skin/hotLinks.jpg) -240px top repeat-y; border-bottom: 1px solid #ece8e8; margin-bottom: 20px; width: 240px } .hotLinks .h1 { font-weight: bold; display: block; color: #525354; padding: 34px 5px 11px 17px; background: #e9e8e8 url(//r.drom.ru/skin/hotLinks.jpg) left top no-repeat } .hotLinks div { padding: 7px 5px 13px 18px; line-height: 18px } .hotLinks div a { display: block; padding: 0 } .hotLinksComm div a { display: block; padding: 5px 0 5px 18px; background: url(//r.drom.ru/skin/hotLinksItem.gif?update=1.0) left 10px no-repeat } .hotLinks2 div { padding: 10px 18px 12px 18px; background: #f5f5f5; border: 1px solid #e3e8ef; margin-bottom: 20px; position: relative } .hotLinks2 div a { display: block; padding: 5px 0 0 20px; background: url(//r.drom.ru/skin/hotLinksItem.gif?update=1.0) left 8px no-repeat; margin: 0 0 8px 0 } .hotLinks2 h3 { padding-bottom: 24px } .hotLinks2 h3 a {text-decoration: underline !important;} .hotLinks2 .co { background: url(//r.drom.ru/skin/commentsQuote.gif?update=1.0); position: absolute; width: 13px; height: 9px; display: block; top: -8px; left: 32px } .blogs-anons { margin-bottom: 40px; line-height: 20px; } .blogs-anons .anons-head { background: url('//r.drom.ru/skin/blogs_anons_head.png'); height: 86px; padding: 15px 18px 0 18px; } .blogs-anons .anons-head a { color: white; font-size: 18px; line-height: 22px; } .blogs-anons .blogs span { color: #aaaaaa; font-size: 11px; padding-left: 3px; } .blogs-anons .blogs div { background: #f9f9f8; border: 1px solid #efeded; border-top: none; padding: 13px 18px 17px 18px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; *padding-left: 13px; } .blogs-anons .blogs div p { margin-bottom: 6px; } .blogs-anons .blogs .ended { background: url('//r.drom.ru/skin/blogs_anons_ended_title.png') 1px top no-repeat; border: none; padding: 17px 0 0 0; margin: 14px 0 3px 0; } .blogs-anons .blogs .ended a { color: #0070BA; font-size: 11px; line-height: 19px; } .carBlogs { padding: 8px 0 0 0; background: url(//r.drom.ru/skin/carBlogs5.jpg) left top no-repeat; font-size: 16px; margin-bottom: 15px } .carBlogs a { height: 64px; padding: 14px 10px 2px 108px; display: block; text-decoration: none; color: #fff !important } .carBlogs small { font-weight: normal; display: block; color: #d3d3d5; font-size: 10px } .carBlogs .c3 small { color: #fff } .anons { line-height: 19px; color: #525354 } .anons h3 { padding-bottom: 17px } .anons h3 a { color: #525354; text-decoration: underline !important; } .anons h3 img { margin: 0 0 2px 15px } .anons div { clear: both; padding: 0 0 15px 0 } .anons td { padding: 0 0 15px 15px } .anons table { margin-bottom: 15px; } .anons .ci { padding: 0 0 15px 0; width: 45.588235294117646%; height: 80px; } .anons .ci img { width: 100%; } .ci { /*padding-right: 15px !important;*/ width: 45.588235294117646% !important; } .anons .cf img { width: 42.588235% !important; } .ci img { width: 100% !important; } .anons .noImage, .anons div img { float: left; margin: 5px 17px 0 0 } .anons span { display: block; color: #aaa; position: relative; font-size: 11px } .anons .c { background: #bdc2c7 url(//r.drom.ru/skin/reviewComments2.png?update=1.0) left top repeat-x; color: #fff; font-size: 11px !important; padding: 1px 4px 4px 4px; line-height: 13px !important; position: absolute; display: inline; line-height: 14px; margin: 2px 0 0 12px } .anons .tireBoss { margin: 0 } .tireBoss a { color: #0070ba; } .anons .tireBoss .i { padding: 0 } .anons .noImage { background: url(//r.drom.ru/skin/anonsNoImage.png?update=1.0) center top no-repeat; width: 96px; height: 80px; display: block } .anons .noImageArt { background-position: center -80px } .anons .noImageTravel { background-position: center -240px } .anons .noImageNews { background-position: center -320px } .anons .noImageBaza { background-position: center -160px } .twoCols .c1 { width: 48.5% } .twoCols .sep { width: 3% } .vote { background: #f5f5f5; color: #525354; margin: 0 0 20px 0; border: 1px solid #e3e8ef; line-height: 19px } .vote .q { background: #e6e6e6; padding: 12px 15px 8px 15px; border-bottom: 1px solid #d7d7d7 } .vote .items { padding: 13px 17px 0 17px; } .vote .items .last { border-bottom: none; margin-bottom: 0 } .vote label { display: block; border-bottom: 1px solid #e3e8ef; margin: 0 0 15px 0; padding-bottom: 13px; padding-right: 0 } .vote label input { top: 2px; left: -2px; //top: -3px; //left: -4px; _left: -22px } .vote .b { padding: 15px 17px 10px 17px; border-top: 1px solid #e3e8ef } .vote .ok { font-size: 12px; margin: 0 10px 0 0; padding: 2px 0; //padding: 0; width: 109px; font-family: Arial } .vote small { color: #aaa; display: block; font-size: 11px; margin: 10px -3px 0 -3px } .siteSpoiler { background: #f5f5f5; border: 1px solid #e7e7e7; display: block; padding: 2px 5px 3px 37px; margin: 0 0 20px 0; position: relative } .siteSpoiler i { position: absolute; left: -1px; top: -1px; _left: -38px; _top: 0; height: 21px; width: 27px; display: block; border-right: 1px solid #e3e8ef } .siteSpoilerIrk i { background: url(//r.drom.ru/skin/siteSpoiler.png?update=1.0) left top no-repeat } .siteSpoilerX i { background: url(//r.drom.ru/skin/siteSpoiler.png?update=1.0) left -21px no-repeat } .tireText { color: #555; margin: 0 0 20px 0; width : 240px; } .tireText .t { border: 0; border-bottom: 1px solid #e2dccd; background: #ddd url(//r.drom.ru/skin/tireText.png?update=1.0) left top no-repeat; line-heigth: 1px; height: 20px; padding: 0 } .tireText > div { background: #fbf5e4 url(//r.drom.ru/skin/tireText.png?update=1.0) left -25px repeat-x; padding: 12px 12px 14px 17px; border-left: 1px solid #f1ecdb; border-right: 1px solid #f1ecdb } .tireText a { display: block; margin: 0 0 4px 0 } .tireText .sep { line-height: 1px; font-size: 1px; padding: 0; height: 5px; background-position: left -20px } .tireText .sepLast { height: 3px } .irk { background: #f5f5f5; border-top: none; margin: 0 0 20px 0; color: #525354; position: relative } .irk .logo { position: absolute; left: 13px; top: 12px; width: 75px; height: 30px; z-index: 1; text-decoration: none } .irk .t { background: #e6e6e6 url(//r.drom.ru/skin/irk.png?update=1.0) left top no-repeat; font-size: 10px; position: relative; padding: 12px 0 0 76px; height: 49px } .irk .t a { display: block; float: left; margin: 0 0 0 9px; background: url(//r.drom.ru/skin/irk.png?update=1.0) -98px -61px no-repeat; height: 14px; padding: 18px 0 0 0; text-align: center; position: relative } .irk .t a i { display: none; background: url(//r.drom.ru/skin/irk.png?update=1.0) left -142px no-repeat; width: 11px; height: 6px; position: absolute; bottom: -17px; left: 50%; margin: 0 0 0 -6px; _bottom: -25px } .irk .t .s { color: #525354; text-decoration: none } .irk .t .s i { display: block } .irk .t .i2 { background-position: -102px -94px } .irk .t .i3 { background-position: -102px -127px } .irk .i { padding: 15px 18px 10px 18px; line-height: 19px; border-left: 1px solid #e3e8ef; border-right: 1px solid #e3e8ef; display: none } .irk .i p { margin: 10px 0 0 0 } .irk .i img { float: left; margin: 5px 18px 0 0 } .irk .iNews { background: url(//r.drom.ru/skin/irk.png?update=1.0) -240px bottom no-repeat; display: block } .irk .iNews img { width: 80px } .irk .i span { font-size: 11px; display: block; line-height: 13px } .irk .i .s { font-size: 11px; line-height: 15px; margin: 6px 0 0 0 } .irk .all { clear: both; display: block; margin-top: 10px; border-top: 1px solid #e3e8ef; padding: 10px 0 9px 100px } .irk .b { font-size: 11px; border-left: 1px solid #e3e8ef; border-right: 1px solid #e3e8ef; border-bottom: 1px solid #e3e8ef } .irk .bb { border-top: 1px solid #fff; padding: 5px 0 7px 17px } .irk .b a { margin-right: 16px } .tireBoss { margin: 0 0 20px 0 } .tireBoss .label { background: url(//r.drom.ru/skin/tireBoss2.png?update=1.0) left -246px no-repeat; width: 6px; height: 82px; display: block ;position: absolute; left: 5px; top: 21px } .tireBoss img { float: left; margin: 3px 13px 0 0; display: block; padding: 3px; background: #fff; border-left: 1px solid #ede9de; border-right: 1px solid #ede9de; border-bottom: 1px solid #ddd9cd } .tireBoss .i { border: 1px solid #f1ead9; border-top: 1px solid #ede7d5; background: #f8f2e1 url(//r.drom.ru/skin/tireBoss2.png?update=1.0) left top repeat-x; position: relative; line-height: 14px } .tireBoss .i div { height: 90px; padding: 15px 20px 14px 15px; line-height: 19px; position: relative } .tireBoss .sep { width: 3% } .tireBoss .line { display: block; line-height: 5px; font-size: 1px; background: #e4dfcf url(//r.drom.ru/skin/tireBoss2.png?update=1.0) left -241px repeat-x; top: 117px; position: absolute; width: 100%; z-index: 3 } .tireBoss .spec { background: #f1ebda url(//r.drom.ru/skin/tireBossSpec.png?update=1.0) left 3px repeat-x; border: 1px solid #e7e7e7; margin: -1px } .tireBoss .spec a { color: inherit; text-decoration: none; color: #525354; background: url(//r.drom.ru/skin/tireBossSpecLogo.png?update=1.0) left 6px no-repeat; padding: 5px 0 0 106px; display: block; margin-top: 15px; //margin-top: 24px; line-height: 16px; height: 75px } .tireBossOne .i { background: #fbf5e4 url(//r.drom.ru/skin/tireBossOneBg.png?update=1.0) left top repeat-x } .tireBossOne .i div { padding-left: 25px; height: auto; overflow: visible } .tireBossOne .line { line-height: 3px; top: auto; margin: 0 -1px } .tireBossOne .label { background: url(//r.drom.ru/skin/tireBossOne.png?update=1.0) left top no-repeat; width: 15px; height: 42px } .autoNum { color: #a6a6a6; font-size: 11px; margin-bottom: 2px; } body .auto .img { padding-right: 0px; } .auto { color: #4a4949; word-wrap: break-word; table-layout: fixed; margin-top: 34px; } .auto td.adv-text, .auto td.bull-text { padding-left: 20px; width: auto; } .auto .img { padding-top: 6px; overflow: hidden; width: 60%;} .auto .img img { width: 100%; vertical-align: bottom;} .auto h3 { margin-bottom: 13px; } .auto h3 p { margin-bottom: 20px; } .auto-compare { float: left; width: 55.55%; max-width: 500px; min-width: 380px; margin: 0px 20px 45px 0px;} .auto-compare img { max-width: 100%; width: 100%;} .auto .img .bigImage, .auto .img #bigImage { display: block; position: relative; text-decoration: none; background: none; padding: 0 } .auto .img .bigImage span, .auto .img #bigImage span { display: block; position: absolute; background: url(//r.drom.ru/skin/zoom2.png) left top no-repeat; width: 21px; height: 21px; right: 8px; bottom: 8px } .auto .img .bigImage span, .auto .img #bigImage span { _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//r.drom.ru/skin/zoom2.png", sizingMethod="crop") } .auto .img .bigImage.one-px-margin-bottom { margin-bottom: 1px; } .auto .img .bigImage { margin-bottom: 20px; } .auto .img .bigImage.min-margin { margin-bottom: 20px;} .auto .img .autoStatusChecked { position: absolute; width: 100px; height: 18px; background: url(//r.drom.ru/skin/provereno2x.png) left top no-repeat; right: 0; top: 15px; background-size: 100px 18px;} .auto .img .fromCatalogPhotos { position: absolute; height: 30px;width: 80px; background: url(//r.drom.ru/skin/fotoizkataloga2x.png) left top no-repeat; left: 0; bottom: 0; background-size: 80px 30px;} .auto .img .fromCatalogPhotos:hover { text-decoration: none !important; } .auto .img .cf { padding: 0 0 25px 0; overflow: hidden; width: 102%;} .auto .img .cf a { display: block; float: left; clear: none; padding: 0 1px 1px 0; text-align: inherit; width: 19.7%; *width: 16.37%; } .auto .img .cf a:before, .auto .img .cf a:after { content: ''; display: table; } .auto .img .cf a:after { clear: both; } .auto .img .cf .relative:nth-of-type(5n + 1) a { clear: both; } @media (min-width: 1100px) { .auto .img .cf a { width: 16.45%; } .auto .img .cf .relative:nth-of-type(5n + 1) a { clear: none; } .auto .img .cf .relative:nth-of-type(6n + 1) a { clear: both; } } .auto .img .cf img { display: block; } .auto .label { color: #8a8c93; } .auto .price { color: #fff; font-size: 18px; background: #d90000 url(//r.drom.ru/skin/bg-c.png) left top no-repeat; margin: 5px 0 12px -3px; float: left; padding: 9px 21px 11px 21px; position: relative; border-radius: 8px; } .auto .price span { display: block; position: absolute; right: 0; top: 0; height: 41px; width: 5px; background: #d90000 url(//r.drom.ru/skin/price2.jpg) left -41px no-repeat } .auto .price .l-price { position: absolute; top: -10px; left: 0px; z-index: 1; background: url("//r.drom.ru/skin/bg-left.png") center left no-repeat; width: 4px; height: 61px;} .auto .price .r-price { position: absolute; top: -10px; right: 0px; z-index: 1; background: url("//r.drom.ru/skin/bg-right.png") center left no-repeat; width: 4px; height: 61px;} .auto .price.big .l-price { position: absolute; top: 0px; left: 0px; z-index: 1; background: url("//r.drom.ru/skin/bg-left.png") center left no-repeat; width: 4px; height: 61px;} .auto .price.big .r-price { position: absolute; top: 0px; right: 0px; z-index: 1; background: url("//r.drom.ru/skin/bg-right.png") center left no-repeat; width: 4px; height: 61px;} .auto a.contacts { display: block; background: url(//r.drom.ru/skin/ico_contacts.gif?update=1.0) 1px 4px no-repeat; padding: 0 0 0 20px } .contactsEx { background: url(//r.drom.ru/skin/contactsEx2.png?update=1.0) -240px top no-repeat; font-size: 18px; color: #4a4949; padding: 3px 5px 18px 41px; position: relative } .contactsEx .show { color: #fff !important; display: block; background: #373637 url(//r.drom.ru/skin/contactsEx2.png?update=1.0) left -3px no-repeat; width: 160px; height: 18px; overflow: hidden; font-size: 12px; text-align: center; padding: 0 0 3px 0; text-decoration: none; position: absolute; left: 72px; top: 3px } .contactsEx .show:hover { background-position: left -24px } .contactsExVisible .show { display: none } .expandFoto { background: url("//r.drom.ru/skin/expand_ico_closed.gif") no-repeat scroll left 6px transparent; font-size: 12px; margin-left: -1px; margin-top: -12px; padding-left: 11px; } .expandFoto.open { margin-top: 14px; background-image: url('//r.drom.ru/skin/expand_ico_open.gif'); } .expandFoto a { border-bottom: 1px dashed #f00000; color: #f00000; text-decoration: none; } .expandFoto a:hover { text-decoration: none !important; } .autoSeeOther { border: 1px dashed #cdcdcd; margin: 40px auto 0 auto; max-width: 580px } .autoSeeOtherFrame { padding: 8px 0 0 10px; overflow: hidden; } .autoSeeOtherFrame div { float: left; padding: 0 10px 20px 0 } .footerLinksLine { clear: both; border-top: 1px solid #d5d5d5; line-height: 1px; height: 1px } .footerLinks { margin: 20px 0 } .footerLinks .l { background: url(//r.drom.ru/skin/footerLabels.gif?update=1.0) left top no-repeat; width: 51px; height: 6px; position: absolute; margin-top: -20px } .footerLinks .l2 { background-position: left -6px } .footerLinks .c1 { width: 50%; border-right: 1px solid #efefef } .footerLinks td { padding: 15px 20px 0 20px } .footerLinks td td { width: 33%; padding: 0 } .footerLinks a { display: block; padding: 2px 0; white-space: nowrap } .footer { font-size: 11px; color: #aaa; border-top: 1px solid #d5d5d5; line-height: 19px } .footer .c1 { width: 700px; padding-bottom: 6px } .footer .c2 { text-align: right; padding-right: 46px } .footer .c2 iframe[name="google_conversion_frame"] { width: 100%; clear: both; } .footer a { color: #aaa } .footer td { padding: 33px 0 0 0 } .creditFirms { margin: 0 0 20px 0 } .creditFirms table { width: auto } .creditFirms b { display: block; margin: 0 0 10px 0 } .creditFirms td { vertical-align: middle; padding: 0 25px 20px 0; font-size: 11px; line-height: 13px; width: auto !important; } .creditFirms .im { padding-right: 10px } .creditAlpha, .creditAbsolute { background: url(//r.drom.ru/skin/bankAlphaBig.png?update=1.0) left top no-repeat; text-decoration: none; font-size: 11px; color: #4a4949; padding: 6px 20px 7px 60px; width: 322px; display: block; line-height: 14px; margin: 10px 0 15px 0 } .creditAbsolute { background: url(//r.drom.ru/skin/creditAbsolute.png?update=1.0) left top no-repeat; padding: 13px 20px 15px 137px } .tireBaza { border: 1px dashed #cdcdcd; padding: 14px 19px 0 19px; margin: 0 0 20px 0 } .tireBaza .h1 { color: #4a4949; font-weight: bold; display: block; margin: 0 0 14px 0 } .tireBaza td { padding: 0 0 13px 0; line-height: 19px; color: #4a4949 } .tireBaza table { margin: 0 0 5px 0 } .tireBaza .img { width: 100px; padding-top: 5px } .tireBaza .img img { width: 82px } .seller { color: #555; margin: 0 0 35px 0; font-size: 12px; } .seller .c1 { width: 380px; border-right: 1px solid #FFF; background: #D3D3D5 } .seller .c1 a { display: block; text-decoration: none; border-right: 1px solid #aaa } .seller .c2 { padding: 13px 10px 91px 20px; background: #F5F5F5 url(//r.drom.ru/skin/sellerBg.gif?update=1.0) left bottom repeat-x; border: 1px solid #e9e9e9; border-radius: 0 7px 7px 0; position: relative; border-left: 1px solid #c5c5c5 } .seller .c2 { -moz-border-radius: 0 7px 7px 0; -webkit-border-radius: 0 7px 7px 0 } .seller span { color: #aaa } .seller .border { background: url(//r.drom.ru/skin/sellerBorder.png?update=1.0) left top repeat-y; width: 16px; position: absolute; top: 0; bottom: 3px; left: -10px; margin: 8px 0 0 0; z-index: 3 } .seller .images { position: absolute; bottom: 0; left: 0; right: 0; padding: 17px 0 18px 19px; white-space: nowrap; overflow: hidden; height: 45px } .seller .images a { display: block; padding: 3px; background: #fff; float: left; border-left: 1px solid #d3d3d2; border-bottom: 1px solid #ccc; border-right: 1px solid #d4d3d3; margin: 0 7px 20px 0 } .seller .images img { height: 41px } .sellerNoImage .c2 { border: none; border: 1px solid #e9e9e9 } .seller .c3 { width: 220px; padding-left: 20px } .seller .c2NoImages { background-image: none; padding-bottom: 16px } .mark, .reviewSub .items, .hotLinks2 div, .filter, .tags, .auto .actions, .linksSpoiler, .kop5anons, .kop5add .grey div, .vote, .siteSpoiler, .irk, .comments .loginServices, .filters, .catalog_legend, .catalogReviews .side span, .comments form .files { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .sellerNoImage .c2, .forumLite { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px } .irk .b { -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px } .forum { -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0 } .cf:after, .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .cf, .clearfix { display: inline-block } html[xmlns] .cf, html[xmlns] .clearfix { display: block } * html .cf, * html .clearfix { height: 1% } .safari4 .menu { margin-bottom: 18px } .safari4 .menu .hov { display: none } .safari4 .menu td { height: 56px } .top_cars_new { width: 100%; margin: 0 0 9px 0; /*BORDER: 1px solid #D3D3D3;*/ } .top_cars_new TD { vertical-align: top } .top_cars_new h4 { margin: 0; padding: 0 0 9px 0 } .top_cars_new .sep { width: 20% } .top_cars_new .cont { padding-left: 5px } .top_cars_new .price { padding: 0 0 3px 0; margin: 0; COLOR: #c10000; height: 14px; FONT-SIZE: 1em } .top_cars_new .date { margin: 0 0 4px 0; padding: 0; font-size: 10px; color: #929292 } .top_cars_new .name { margin: 0 0 10px 0; color: #000 } .top_cars_new .top .img1 { background: url(//r.drom.ru/img_tpl/top_cars_top1.png?update=1.0) no-repeat left bottom; font-size: 10px } .top_cars_new .top .img2 { background: url(//r.drom.ru/img_tpl/top_cars_top2.png?update=1.0) repeat-x left bottom; width: 100%; text-align: right } .top_cars_new .top .img2 span { background: #FFF; padding: 0 3px 0 5px } .top_cars_new .top .img2 p { margin-right: 16px } .top_cars_new .top .img3 { background: url(//r.drom.ru/img_tpl/top_cars_top3.png?update=1.0) no-repeat right bottom; font-size: 10px } .top_cars_new .top TD { height: 15px; VERTICAL-ALIGN: top; color: #C2C2C2 } .top_cars_new .top p { margin: 0 0 0 10px; padding: 0 3px 0 3px; background: #FFF; DISPLAY: inline; font-size: 12px } .top_cars_new .bottom .img1 { background: url(//r.drom.ru/img_tpl/top_cars_bottom1.png?update=1.0) no-repeat left top; font-size: 10px } .top_cars_new .bottom .img2 { background: url(//r.drom.ru/img_tpl/top_cars_top2.png?update=1.0) repeat-x left top } .top_cars_new .bottom .img3 { background: url(//r.drom.ru/img_tpl/top_cars_bottom3.png?update=1.0) no-repeat right top; font-size: 10px } .top_cars_new .imgL { background: url(//r.drom.ru/img_tpl/top_cars_left.png?update=1.0) repeat-y left top; font-size: 10px } .top_cars_new .imgR { background: url(//r.drom.ru/img_tpl/top_cars_right.png?update=1.0) repeat-y right top; font-size: 10px } /*for uploader*/ .upload_ajax_add { padding: 0 0 5px 12px; background: url(//r.drom.ru/skin/plus.gif?update=1.0) left 3px no-repeat; display: block } .upload_ajax_del { float: left; display: block; background: url(//r.drom.ru/skin/commentsFilesDel.gif?update=1.0) left 1px no-repeat; display: block; text-decoration: none; width: 19px; height: 20px } .upload_ajax_del:hover { background-position: left -19px } .upload_ajax_del_photo { float: left; display: block; background: url(//r.drom.ru/skin/commentsFilesDel.gif?update=1.0) left 1px no-repeat; display: block; text-decoration: none; width: 19px; height: 20px } .upload_ajax_del_photo :hover { background-position: left -19px } .upload_td_input { width: 350px } * html #upload_message { top: expression(documentElement . scrollTop -5); position: absolute; width: 60%;} #upload_message div { padding:9px 0 6px 67px; } #upload_message { background: none repeat scroll 0 0 #FFFF88; border:1px dotted grey; position: fixed; top: 0px; left: 200px; right: 270px; z-index: 501} #upload_overlay { background:none repeat scroll 0 0 #565656; left:0; position:absolute; top:0; z-index:500; height:5131px; opacity:0.6; width:1265px;} .upload_close_message { float: right; background: url(//r.drom.ru/skin/commentsFilesDel.gif?update=1.0) left 1px no-repeat; display:block; height:20px; text-decoration:none; width:19px; float: right; position: relative; bottom:5px; right: 5px} .upload_close_message:hover { background-position: left -19px } .upload_now_files_input li { list-style-image: url(//r.drom.ru/skin/loading.gif?update=1.0); } #drom_upload_show_images_container a {display: inline} .upload_message_button { font-size: 12px; font-family: Arial } .upload_message_button_abs { margin: -21px 0 0 0; //margin: -18px 0 0 0 } .upload_message_button { font-size: 12px; line-height: 14px; clear: both } .upload_message_button a { background: url(//r.drom.ru/skin/blackButtons.png?update=1.0) left top repeat-x; display: block; float: left; color: #fff !important; padding: 3px 8px 4px; text-decoration: none; position: relative; width: auto } .upload_message_button a:hover { background-position: left -21px } .upload_message_button a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .upload_message_button span { position: absolute; left: 8px; top: 4px; width: 14px; height: 14px; background: url(//r.drom.ru/skin/blackButtons.png?update=1.0) left top no-repeat; border: none !important; overflow: hidden } .upload_container_load_image { float: left; height: 150px; line-height: 19px; margin: 8px 56px 19px 0pt; overflow: hidden; position: relative; width: 100px;} /*.upload_cancel_load_image { }*/ .upload_load_image { float: left; line-height: 19px; overflow: hidden; position: relative; width: 98px; border: 1px solid rgb(0, 0, 0); height: 75px; background: url("//r.drom.ru/skin/loading.gif?update=1.0") no-repeat scroll center transparent;} .upload_ajax_output_box { float:left; line-height:19px; margin:0 3px 19px 0; overflow:hidden; position:relative; width:156px; height: 150px} .upload_ajax_output_box .ut { font-size:11px; height:18px; line-height:16px; margin:0 0 1px; overflow:hidden } .upload_ajax_output_box .uu { background-color: #F10000; color:#FFFFFF; padding:1px 5px 1px 13px; position:absolute; right:0; text-align:center; width:43px} .upload_ajax_output_box .um { background-color: #F10000; color:#FFFFFF !important; padding:1px 5px 1px 13px; position:absolute; right:0; text-align:center; width:43px} .upload_ajax_output_box .ug { background-color: #000000; color:#FFFFFF !important; padding:1px 0 1px 5px; position:absolute; text-align:left; top:0; width:90px; font-weight:bolder} .upload_ajax_output_box img { display: block; max-height: 100px} .upload_ajax_wait img { border: 0 none; margin: 0; padding: 0;} div.stats { display: inline; height: 0; left:-1000px; position:absolute; top:-1000px; visibility: hidden; width: 0 } .tireGeneva { display: block; height: 120px; background: #d9ebf7 url(//r.drom.ru/skin/tireGeneva2.png?update=1.0) left top no-repeat; text-decoration: none; margin: 0 0 20px 0 } .tireGeneva span { display: block; height: 96px; background: url(//r.drom.ru/skin/tireGeneva2.png?update=1.0) right -120px no-repeat; cursor: pointer } .newCatList .autoStatusChecked { background: url(//r.drom.ru/skin/autoStatus.gif?update=1.0) left -18px no-repeat; width: 48px; height: 9px; margin: 3px 0; display: block; text-decoration: none } .vsBody { background: url(//r.drom.ru/skin/vsBody.png?update=1.0) left top repeat-x } .vsBody .blogLink { position: absolute; text-decoration: none; top: 165px; height: 260px; z-index: 5 } .vsBody .blogLinkLeft { left: 0; right: 53%; } .vsBody .blogLinkRight { left: 52%; right: 0 } .vs { width: 940px; padding: 0 20px; margin: 0 auto; position: relative } .vs h1 { color: #fff; position: absolute; top: 50px; left: 20px; font-size: 36px; z-index: 100 } .vs .content { padding-top: 454px } .vsLogo { width: 173px; height: 39px; display: block; right: 28px; top: 48px; text-decoration: none; background: url(//r.drom.ru/skin/vsLogo.png?update=1.0) left top no-repeat; position: absolute; } .vsBody .main0 { background: url(//r.drom.ru/skin/vsImage.jpg) center 171px no-repeat; max-width: 1600px !important } .vsBody .main1 { min-width: 0 } .vsBody .main2 { padding: 0 0 75px 0 } .footerSmall { color: #666; font-size: 11px; border-top: 1px solid #cecdcf; padding: 17px 0 0 140px; position: relative; margin: 62px 0 0 0; font-family: Verdana } .footerSmall .slogo { display: block; position: absolute; left: 0; top: 20px; width: 105px; height: 36px; text-decoration: none } .battle { text-align: center; margin: 0 0 20px 0 } .battle .c2 { padding: 0 45px } .battle .c1, .battle .c3 { width: 221px; padding-top: 8px } .battle .c3 { width: 240px } .battle .c3 .okBig { width: 240px } .battle .aleft { text-align: left } .battle h2 { padding: 5px 0 40px 0 } .battle .green { color: #82bf34 } .battle .okBig { display: block; width: 221px; text-decoration: none; margin: 0 0 15px 0; padding: 9px 0 10px 0 } .battle .okBig:hover { color: #fff !important } /*Pubs*/ .newsTBL { width: auto } .newTableClass { border-collapse: separate } .newTableClass td { border: 1px solid #000 } div#news_text div { padding-bottom: 10px } div#news_text .ph-block { padding-bottom: 0;} /* jquery.drom-dev.js classes */ .modal { background: white; border: 2px solid #776969; position: fixed; display: none; padding: 5px 10px 15px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .modal .header-line { text-align: center; background: #363636 url(//r.drom.ru/skin/menu.jpg) left top repeat-x; margin: -10px -12px 10px -12px; height: 25px; padding-right: 2px; padding-top: 2px; color: white !important; font-size: 14px; font-weight: bold; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: default; } .clickable {cursor: pointer;} span.clickable { color: #0070ba; border-bottom: 1px dashed #0070ba; outline-color: #eee; cursor: pointer; } span.notclickable { text-decoration: none; color: #777; } span.loading { background: url(//r.drom.ru/skin/loading.gif?update=1.0) no-repeat 0% 20%; padding-left: 20px; } /* bulls_filter */ .toolbar { width: 600px; margin: 0 auto; padding: 0 0 15px 6px; background: url(//r.drom.ru/img_tpl/toolbar_l.gif?update=1.0) left top no-repeat; line-height: 16px; font-family: Tahoma, Arial, sans-serif; font-size: 12px; } .toolbar table { width: 100%; margin: 0; border-collapse: collapse; } .toolbar td { vertical-align: top; padding: 0; } .toolbar input, .toolbar select { margin: 0; line-height: 16px; font-family: Tahoma, Arial, sans-serif; font-size: 12px; } .toolbar_1 { padding: 0 6px 0 0; background: url(//r.drom.ru/img_tpl/toolbar_r.gif?update=1.0) right top no-repeat; } .toolbar_2 { padding: 0 0 0 6px; background: url(//r.drom.ru/img_tpl/toolbar_bg.gif?update=1.0) left top repeat-x; } .toolbar label { font-size: 11px; } .toolbar select { color: #44444B; padding-top: 1px; padding-bottom: 1px; } .toolbar_top { padding: 9px 0 7px 0; } .toolbar_bot { padding: 5px 0 8px 0; } .toolbar_bot .col1 div { white-space: nowrap; } .toolbar_bot .col2 div { padding: 0 0 0 0; //padding: 0 0 0 0; white-space: nowrap; } .toolbar_bot .col3 div { padding: 2px 0 0 0; //padding: 1px 0 0 0; white-space: nowrap; } .toolbar_bot .col4 div { padding: 4px 0 0 0; //padding: 0 0 0 0; white-space: nowrap; } .toolbar_bot .col5 { width: 151px; //width: 147px; } .toolbar_bot .col5 div { padding: 2px 0 0 0; //padding: 1px 0 0 0; } .toolbar_bot .col6 input { padding: 1px 3px; //padding: 0; } /* "pretenders" */ .bold { font-weight: bold; } .error { color: red; font-weight: bold; } .success { color: green; font-weight: bold; } /* if validated with ajax, we might want to give an input field appropriate color to indicate it's state */ input.error { color: #555; background-color: #fdd; border: 2px solid #d40; } select.error { border: 2px solid #d40; } textarea.error { color: #555; background-color: #fdd; border: 2px solid #d40; } input.correct { background-color: #dfd; border: 2px solid #0b4; } select.correct { border: 2px solid #0b4; } textarea.correct { background-color: #dfd; border: 2px solid #0b4; } .auto .actions { padding: 7px 20px 9px 17px; background: #f5f5f5; border: 1px solid #e3e8ef; margin: 20px 0 12px 0 } .auto .actions a { display: block; background: url(//r.drom.ru/skin/autoActions.png?update=1.0) left 5px no-repeat; padding: 0 0 0 20px; margin-bottom: 5px } .auto .actions .ab { background-position: left -20px } .auto .actions .my { background-position: left -45px } .auto .actions .ps { background-position: left -70px } .share { background: #eaeaea; height: 30px; margin: 17px -20px -9px -18px; padding: 14px 20px 0 17px } .auto .aq { border-top: 1px solid #dcdcdc; padding: 14px 0 } .auto .aq .item { border-top: 1px solid #f3f3f3; padding: 12px 0 7px 0; position: relative } .auto .aq .itemFirst { border-top: none } .auto .aq .n { color: #aaa } .auto .aq .asker-name { color: #4a4949 } .auto .aq p { margin: 0 } .auto .aq small { font-size: 11px; color: #85b73e } .auto .aq .re { border-bottom: 1px dashed #0070ba; text-decoration: none } .auto .aq .re:hover { text-decoration: none !important; } .auto .aq .an { background: #f5f5f5; padding: 5px 5px 8px 15px; border: 1px solid #e3e8ef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 7px 0 5px 60px; position: relative } .auto .aq .an .co { position: absolute; top: 0; bottom: 0; right: -7px; background: url(//r.drom.ru/skin/autoCo.gif?update=1.0) left center no-repeat; width: 7px; height: 100% } .auto .aq .d { background: url(//r.drom.ru/skin/delete.png?update=3.0) left -20px no-repeat; width: 19px; height: 19px; display: block; text-decoration: none; position: absolute; right: 0; top: 14px } .auto .aq .d:hover { background-position: left top } .auto .aq form { background: #f5f5f5; padding: 13px 5px 15px 19px; border: 1px solid #e3e8ef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 25px 0 12px 0; position: relative } .auto .aq form .co { position: absolute; top: -7px; left: 34px; background: url(//r.drom.ru/skin/autoCo.gif?update=1.0) -13px bottom no-repeat; width: 11px; height: 7px } .auto .aq label { display: block; margin: 6px 0 } .auto .aq textarea { width: 93%; display: block; margin: 5px 0 17px 0; height: 55px } .auto .aq button { color: #2d2d2d; display: block; margin: 10px 0 0 0 } .ut-message { margin: 5px 0px 13px 1px; padding: 13px 18px 9px 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e3e8ef; background: #f5f5f5; font-size: 12px } .filtersWrap { padding-right: 22px; font-size: 12px; overflow: hidden; margin-bottom: 40px;} .filters { background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #e3e8ef; float: left; padding: 7px 0 24px 18px; width: 100%; } .filters span { color: #A6A6A6; display: block; font-size: 11px; line-height: 18px; } .filters div { float: left; height: 40px; padding: 0 20px 0 0; position: relative; } .filters select { height: 20px;} .filters select, .filters .i { font-family: Verdana; font-size: 12px; } .filters .clear { float: none; padding: 0; } .filters .i { width: 49px; padding-bottom: 2px; margin-top: -1px; } .filters .width_220 { width: 180px; } .filters .pr { padding-right: 20px; } .filters .pr .i { width: 65px; } @-moz-document url-prefix() { .filters .pr .i { height: 16px; max-height: 16px; width: 65px; } } .filters .la { color: #555555; height: 21px; padding: 20px 10px 0 0; } .filters .ok { float: right; margin: 18px 18px 0 0; padding: 2px 0; width: 80px; } .filters img { position: absolute; } .filters label input { top: 3px; } .filters #fid { width: 150px; } .filters #mid { width: 170px; } .filters #mid, .filters #fid { min-width:100px; } .filters #maxyear, .filters #minyear { width: 65px; } .filters #mv, .filters #xv { width: 60px; } .auto .aq button { color: #2D2D2D; display: block; margin: 10px 0 0; } .auto .aq .question_rules {text-align: right; margin: -20px 15px 0px 0px; float: right;} #question_symbols {float:right; margin-right: 15px;} .filtersWrap .addSearch { background: url('//r.drom.ru/skin/filter_arrow.gif?update=1.0') 1px 3px no-repeat; padding-left: 12px; height: 65px; margin-right: 14px; color: #db001b; border-bottom: 1px dashed #f00000; text-decoration: none; } .filtersWrap .addSearch:hover { text-decoration: none !important; } @-moz-document url-prefix() { .filtersWrap .addSearch {background-position: 1px 5px;} } .filtersWrap .addSearch.back { background-image: url('//r.drom.ru/skin/rfilter_arrow.gif?update=1.0'); } .filtersWrap .rightBl { float: right; margin-left: -20px; margin-top: -1px; padding: 0; } :first-child + html .filtersWrap .rightBl { margin-top: -5px; } .filtersWrap .ok { float: none; } .filtersWrap .filterChecks { width: 310px; } .filtersWrap .filterChecks label { font-size: 13px; line-height: 14px; margin: 0 5px 0 0; padding: 0 4px 0 19px; position: relative; } .filtersWrap label input[type="checkbox"] { width: 13px; height: 13px;} .filtersWrap label#hybrid_top { display: inline-block;} *:first-child+html .filtersWrap .filterChecks label { padding-top: 6px; } #ajax_firms_loader_pic { left: 150px; margin-top: 0; top: 22px; } #ajax_models_loader_pic { left: 170px; margin-top: 0; top: 22px; } .filters .clear { height: 0px; } .filters .addFilter { width: 100%; height: 100%; position: relative; } .filters .addFilter .fCarBodies { padding-right: 0px; } .filters .addFilter .fCarBodies label.lastLabel { margin-right: 0px; } .filters .addFilter.hide { display: none; } .filters .addFilter label { font-size: 12px; color: #555; } .filters .addFilter div { height: auto; padding-right: 17px; } .filters .addFilter label { float: left; height: 15px; margin-right: 14px; margin-top: -1px; padding-bottom: 2px; padding-left: 19px; padding-top: 3px; } *:first-child+html .filters .addFilter label { padding-top: 7px; } .filters .addFilter div.last { width: 100%; } .filters .addFilter .mileage .i { width: 72px; } .filters .addFilter span { padding-bottom: 2px; } .filters .addFilter .last .keywords { width: 372px; } .filters .addFilter .last .description { line-height: 12px; margin-top: 1px; } .filters .b-carBodies div { float: none; padding: 0 0 0 19px; margin-top: 8px;} .filters .b-carBodies .b-carBodies__ico { padding: 0; margin: 0; height: 25px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .filters .addFilter .b-carBodies label { padding: 0; display: block; height: auto;} .filters .b-carBodies .b-carBodies__group { padding: 0; margin: 0; overflow: hidden; float: left;} .filters .b-carBodies .b-carBodies__group:last-child { margin-bottom: 0;} .filters .b-carBodies .b-carBodies__label { line-height: 20px;} /* some fix for small screens */ @media only screen and (max-width: 1144px){ .filters .b-carBodies .b-carBodies__label { min-width: 90px;} .filters .b-carBodies .b-carBodies__ico { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;} .filters .b-carBodies .b-carBodies__group { margin: 0 0 10px 0;} } .drom-notouch .b-carBodies__label:hover { cursor: pointer;} .filters .b-carBodies .b-carBodies__ico_active.b-ico_type_body-sedan:before, .drom-notouch .b-carBodies__label:hover .b-ico_type_body-sedan:before { background-position: 0 -36px;} .filters .b-carBodies .b-carBodies__ico_active.b-ico_type_body-suv:before, .drom-notouch .b-carBodies__label:hover .b-ico_type_body-suv:before { background-position: 0 -422px;} .filters .b-carBodies .b-carBodies__ico_active.b-ico_type_body-hatchback:before, .drom-notouch .b-carBodies__label:hover .b-ico_type_body-hatchback:before { background-position: 0 -147px;} .filters .b-carBodies .b-carBodies__ico_active.b-ico_type_body-estate:before, .drom-notouch .b-carBodies__label:hover .b-ico_type_body-estate:before { background-position: 0 -316px;} .filters .b-carBodies .b-carBodies__ico_active.b-ico_type_body-micro-bus:before, .drom-notouch .b-carBodies__label:hover .b-ico_type_body-micro-bus:before { background-position: 0 -198px;} .filters .b-carBodies .b-carBodies__ico_active.b-ico_type_body-coupe:before, .drom-notouch .b-carBodies__label:hover .b-ico_type_body-coupe:before { background-position: 0 -93px;} .filters .b-carBodies .b-carBodies__ico_active.b-ico_type_body-open:before, .drom-notouch .b-carBodies__label:hover .b-ico_type_body-open:before { background-position: 0 -262px;} .filters .b-carBodies .b-carBodies__ico_active.b-ico_type_body-pickup:before, .drom-notouch .b-carBodies__label:hover .b-ico_type_body-pickup:before { background-position: 0 -368px;} .filtersWrap .formVideoreg .addSearch { padding-left: 12px; height: 65px; margin-right: 14px; color: #f00000; border-bottom: 1px dashed #f00000; text-decoration: none; } .filtersWrap .formVideoreg .addSearch:hover { text-decoration: none !important; } .filtersWrap .formVideoreg label input { top: 2px; } .filtersWrap .formVideoreg { font-size: 12px; } .filtersWrap .formVideoreg .rightBl { margin-top: -4px; } .filtersWrap .formVideoreg .ok { margin-right: 13px; } .filtersWrap .formVideoreg .addFilter table { margin-top: 9px; } .filtersWrap .formVideoreg .addFilter table a { font-size: 14px; font-family: verdana; border-bottom: 1px dashed #0072bc; text-decoration: none; } .filtersWrap .formVideoreg .addFilter table td { width: 50%; padding-bottom: 12px; } .filtersWrap .formVideoreg .addFilter table td.last { padding-bottom: 14px; } .filtersWrap .formVideoreg .addFilter table .open a, .filtersWrap .formVideoreg .addFilter table a:hover { color: #f00000; border-bottom-color: #f00000; } .filtersWrap .formVideoreg .addFilter table a:hover { text-decoration: none !important; } .filtersWrap .formVideoreg .addFilter table .open .headerLink { background-image: url('//r.drom.ru/skin/js_link_arrow_open.gif?update=1.0'); } .filtersWrap .formVideoreg .addFilter table .headerLink { margin-bottom: 7px; padding-right: 22px; display: inline; background: url('//r.drom.ru/skin/js_link_arrow.gif?update=1.0') right 9px no-repeat; } .filtersWrap .formVideoreg .addFilter table .headerLink span { display: inline; padding: 0; } .filtersWrap .formVideoreg .addFilter table table { margin-top: 0px; width: 600px; } .filtersWrap .formVideoreg .addFilter table table td { width: 20%; padding-bottom: 1px; } .filtersWrap .formVideoreg .addFilter table .t2 { width: 280px; } .filtersWrap .formVideoreg .addFilter table .t2 td { width: 50%; } .filtersWrap .formVideoreg .addFilter table .t3 { width: 320px; } .filtersWrap .formVideoreg .addFilter table .t3 td { width: 33%; } .filters .addFilter table label input { top: 3px; } .filtersWrap .addFilter table .otherOptions { width: 160px; padding-right: 0px; margin-bottom: 2px; } .filtersWrap .addFilter table .optionContent { white-space: normal; display: none; } .filtersWrap .addFilter table .open .optionContent { display: block; } *:first-child+html .formVideoreg.filters label { padding-top: 5px; } *:first-child+html .formVideoreg.filters .addFilter label { padding-top: 7px; } .catalog_image { float: left; position: relative } .catalog_image .gall { position: absolute; right: 0; color: #fff; background: #2f2f2f url(//r.drom.ru/skin/hateFedo.png?update=1.0) left top repeat-x; padding: 8px 10px 0 10px; height: 32px; top: -40px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .tableEx { margin: 0 0 30px 0 } .tableEx .ths th { font-size: 5px; padding: 0; line-height: 5px } .tableEx th { line-height: 15px; color: #a6a6a6; font-size: 11px; text-align: left; font-weight: normal; border-bottom: 2px solid #0b0c0c; padding: 8px 10px 8px 0; vertical-align: top } .tableEx .th1 { padding-right: 0; padding-bottom: 2px } .tableEx .th2 { border-bottom: 1px solid #0b0c0c; padding-right: 0 } .tableEx .th3 { padding-left: 10px } .tableEx td { border-bottom: 1px solid #f3f3f3; padding: 9px 10px 9px 0; color: #555 } .tableEx td td { padding: 0 } .tableEx .mp, .tableEx .mm, .tableEx .mpm { background: url(//r.drom.ru/skin/catalog_plus.gif?update=1.0) left top no-repeat; font-size: 1px; line-height: 1px; height: 11px; width: 11px; display: block; float: left; margin: 6px 8px 0 0 } .tableEx .mm { background-position: left -11px } .tableEx .mpm { background-position: left -22px; height: 15px; margin-top: 4px } .tableEx h2 { margin-top: 16px; padding-bottom: 6px } .selectProducer td { width: 20% } .selectProducer h3 { padding-top: 5px } .selectProducer .red_arrow_down { background: url(//r.drom.ru/skin/arrow_down_red.png?update=1.0) left 4px no-repeat; padding-left: 10px; } .selectProducer .red_arrow_up { background: url(//r.drom.ru/skin/rfilter_arrow.gif?update=1.0) left 4px no-repeat; padding-left: 10px; } .catalog_legend { background: #f5f5f5; border: 1px solid #e3e8ef; color: #555; padding: 10px 19px 0 19px; margin: 10px 0 0 0 } .catalog_legend div { margin: 0 0 20px 0;} .catalog_legend .mp { background-position: left -37px } .catalog_legend .mm { background-position: left -48px } .catalog_legend .mpm { background-position: left -59px } .tableEx .nob { margin: 0 } .tableEx .nob td { border: none } .tableEx .r td { color: #f00000; } .tableEx .r .mp { background-position: left -37px } .tableEx .r .mm { background-position: left -48px } .tableEx .r .mpm { background-position: left -59px } .tableEx .del { display: block; background: url(//r.drom.ru/skin/commentsFilesDel.gif?update=1.0) left top no-repeat; width: 19px; height: 19px; text-decoration: none } .tableEx .del:hover { background-position: left -19px } .tableEx .section { font-weight: bold;} .tableEx .delete-button.del { display: inline-block; margin-left: 10px; vertical-align: middle;} .tableEx .control-buttons { display: inline-block; cursor: pointer;} .tableEx .control-buttons:hover a { text-decoration: underline; color: #f00000;} .tableEx .control-buttons:hover .delete-button { background-position: left -19px} .compareHead { position: relative; padding-bottom: 5px; border-bottom: 2px solid #0B0C0C; background: #fff; } .compareHead.fixed { position: fixed; top: 0px; } .compareHead .leftC, .compareHead .rightC { top: 50%; left: 33%; margin-top: -12px; margin-left: -12px; display: block; width: 8px; height: 13px; position: absolute; text-decoration: none; background: url('//r.drom.ru/skin/slider_controls.gif') left top no-repeat; } .compareHead .leftC { background-position: left bottom; } .compareHead .leftC:hover { background-position: left top; } .compareHead .rightC { left: 100%; background-position: right top; } .compareHead .rightC:hover { background-position: right bottom; } .compareHead .tableEx.compare { margin-bottom: 0px; } .compareHead .tableEx.compare td { border-bottom: none; } .compareHead .tableEx.compare td div { position: relative; padding-right: 60px; display: inline-block; *zoom: 1; *display: inline; } .compareHead .tableEx.compare .c1 { padding-right: 32px; vertical-align: bottom; } .compareHead .tableEx.compare .c1 h2 { padding-top: 0px; } .compareHead .tableEx.compare td .del { position: absolute; right: 35px; top: -1px; } .tableEx.compare th { padding-bottom: 14px; padding-top: 5px; } .tableEx .col-header { font-size: 18px; line-height: 24px; color: #555555; border-bottom: 0px; } .tableEx .col-header.p { padding-top: 37px;} .tableEx .pic { text-align: right; padding: 9px 0px 9px 0;} .reviewsTabsCatalog { border: none; width: 145px; background: none; padding: 0; float: right; margin-left: 20px } .reviewsTabsCatalog .m { padding-top: 2px; line-height: 18px } .catalogReviews .item { height: 290px; margin-bottom: 10px } .catalogReviews .nc { margin-left: 0 } .catalogReviews .side span { background: #f5f5f5; border: 1px solid #e3e8ef; font-size: 11px; padding: 2px 5px 3px 5px } .catalogReviews .off { width: 81px; height: 21px; left: 0; top: 20px; position: absolute; z-index: 10; background: url(//r.drom.ru/skin/catalog_off.png?update=1.0) left top no-repeat; text-decoration: none } /* new cool topline 25 oct 2011 */ .topLineWrap { background: url(//r.drom.ru/skin/topLineBg.png?update=1.0) left top repeat-x; } .topLine { margin: 0 auto; max-width: 1266px; min-width: 990px; width: 100%; position: relative; height: 20px; } .topLine a { position: absolute; top: 0px; left: 0px; z-index: 1000; text-decoration: none; display: block; width: 100%; height: 100%; } .topLine div { background: url(//r.drom.ru/skin/topLineTiz.gif?update=1.0) left top no-repeat; } .topLine .tl-1 { width: 139px; display: inline-block; position: absolute; left: 0px; height: 20px; } .topLine .cWrap { background: none; margin-top: 0px; height: 20px; position: relative; left: 0px; top: 0px; margin-left: 139px; margin-right: 42px; } .topLine .cWrap div { background-position: right top; height: 20px; position: absolute; width: 20%; } .topLine .cWrap .tl-2 { left: 0%; background-position: right -20px; } .topLine .cWrap .tl-3 { left: 20%; background-position: right 0px;} .topLine .cWrap .tl-4 { left: 40%; background-position: right -40px;} .topLine .cWrap .tl-5 { left: 60%; background-position: right 0px;} .topLine .cWrap .tl-6 { left: 80%; background-position: right -60px;} .wheelTabs { height: 39px; border-bottom: 2px solid #0173be; font-size: 18px; margin-right: 25px; margin-bottom: 2px; white-space: nowrap; } .wheelTabs a { color: #0070ba; border-bottom: 1px dashed #0070ba; text-decoration: none; } .wheelTabs a:hover { border-bottom-color: #f00000; text-decoration: none !important; } .wheelTabs .tab.s a, .wheelTabs .tab.s span { color: #fff; border-bottom: none; } .wheelTabs div { float: left; height: 39px; } .wheelTabs .tab { height: 20px; position: absolute; background: url('//r.drom.ru/skin/tab2.png?update=1.1') left top repeat-x; position: relative; padding: 9px 15px 10px 9px; text-decoration: none; } .wheelTabs .tab.f { padding-left: 18px; } .wheelTabs .tab.s { background-position: left -39px; } .wheelTabs .left { background: url('//r.drom.ru/skin/tab2.png?update=1.1') left -117px no-repeat; height: 39px; width: 30px; } .wheelTabs .left.last { background-position: left -78px; } .wheelTabs .left.s { background-position: left -234px; } .wheelTabs .left.sel { background-position: left -156px; } .wheelTabs .left.nextSel { background-position: left -195px; } .wheelTabs .clear { height: 0px; clear: both; } .topLineTokyo { min-width: 995px; width: 100%; height: 20px; background: url('//r.drom.ru/skin/tokyoTopLineFon.gif?update=1.0') left top repeat-x; text-align: center; } .topLineTokyo a { position: absolute; width: 100%; height: 20px; text-decoration: none; left: 0px} .topLineTokyo div { display: inline-block; font-size: 14px; margin-top: 2px;} .topLineNumberUno { position: relative; overflow: hidden; min-width: 995px; width: 100%; height: 20px; background: url('//r.drom.ru/skin/TopLineNumberUnoFon.png?update=1.0') left top repeat-x; text-align: center; } .topLineNumberUno .lf, .topLineNumberUno .rf { position: absolute; background: url('//r.drom.ru/skin/topLineNumberUnoImg.png?update=1.0') left top no-repeat; height: 20px; width: 771px; } .topLineNumberUno .lf { right: 50%; margin-right: 239px; } .topLineNumberUno .rf { left: 50%; background-position: left bottom; margin-left: 239px; } .topLineNumberUno a { position: absolute; left:0px; width: 100%; height: 20px; text-decoration: none; } .topLineNumberUno .text { display: inline-block; font-size: 14px; margin-top: 1px; color: #fff; font-family: verdana; } .salesMainLinks { margin: 0 0 40px 0; } .salesMainLinks p { font-size:18px; margin: 0 0 8px; } .salesMainLinks a { margin: 0 20px 0 0; } .ae { margin-bottom: 20px; margin-right: 30px; margin-top: 14px; width: 100px; border-top: 1px solid #f3f3f3; } .comments .ae a { background: url('//r.drom.ru/skin/reviews_aedit.png?update=1.0') left top no-repeat; width: 16px; height: 16px; line-height: 0px; display: block; text-decoration: none; display: inline-block; zoom: 1; *display: inline; margin-right: 1px; margin-bottom: 2px; } *:first-child+html .comments .ae a { margin-top: 4px; } .comments .ae .banUs { background-position: left -16px; } .comments .ae .apCom { background-position: left -32px; } .comments .ae .apUs { background-position: left -48px; } .comments .item.banned a, .comments .item.banned .t { color: #cccccc; } .comments .item.banned .banMessage { padding: 8px 20px; color: #555555; background: #fef2f2; border: 1px solid #f5e5e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; } .comments .item.banned .banMessage a { color: #0072bc; } .comments .item.banned .banMessage .restoreLink { display: inline-block; zoom: 1; *display: inline; padding-left: 18px; background: url('//r.drom.ru/skin/reviews_ae_restore.png?update=1.0') left 3px no-repeat; } .tip { text-decoration: none; color: #f00000; border-bottom: 1px dashed #F00000; background: url('//r.drom.ru/skin/tipQuest.gif?update=1.0') right top no-repeat; padding-right: 10px; } .tip:hover { text-decoration: none !important; } .tipContentWrap { padding-top: 24px; display: none; position: absolute; } .tipContent { white-space: normal; z-index: 9000; font-style: normal; font-size: 11px; position: absolute; background: #eaeaea; border: 1px solid #a3a3a3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 13px 19px 19px 19px; width: 260px; box-shadow: 4px 4px 4px -4px #8a8c93; -moz-box-shadow: 4px 4px 4px -4px #8a8c93; -webkit-box-shadow: 4px 4px 4px -4px #8a8c93; filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#bebebe, strength=3); } .tipContentWrap .arrow { position: absolute; z-index: 9001; background: url('//r.drom.ru/skin/fbAr.png?update=1.0') left top no-repeat; width: 17px; height: 8px; left: 20px; top: 17px; } .tipContent .close { text-decoration: none; position: absolute; top: 4px; right: 4px; background: url('//r.drom.ru/skin/fBlClose.gif?update=1.0') left bottom no-repeat; width: 19px; height: 19px; } .tipContent .close:hover { background-position: left top; } .tipContent img { float: left; margin-right: 20px; margin-bottom: 4px; } .stTip { text-decoration: none; display: inline-block; zoom: 1; *display: inline; background: url('//r.drom.ru/skin/tipQuest.gif?update=1.0') 2px 2px no-repeat; width: 10px; height: 18px; *width: 14px; } *:first-child+html .stTip { background-position: 4px 4px; } .jslink { text-decoration: none; border-bottom: 1px dashed #F00000; color: #F00000 } .jslink:hover { color: #f00000; border-color: #f00000; text-decoration: none !important; } .exSearch div { margin-bottom: 36px; margin-top: 14px; font-size: 12px; } *:first-child+html .exSearch div.open { margin-bottom: 0px; } .exSearch div .h { text-decoration: none; font-size: 24px; border-bottom: 1px dashed #0070ba; } .exSearch div .h:hover { border-bottom: 1px dashed #F00000 !important; text-decoration: none !important; } *:first-child+html .exSearch div .h { display: inline-block; } .exSearch div i { display: inline-block; width: 12px; background: url('//r.drom.ru/skin/js_link_arrow.gif?update=1.0') no-repeat right 5px; } .exSearch div .h:hover { border-bottom: 1px dashed #F00000 !important; } .exSearch div .filterParams { display: none; } .exSearch div.open .filterParams { display: block; } .exSearch div.open .h { color: #555555; border-bottom: 1px dashed #555555; } .exSearch div.open .h:hover { text-decoration: none !important; } .exSearch div.open table { margin-top: 17px; border-top: 2px solid #0b0c0c; } .exSearch div.open table td { padding: 12px 0px 18px 0px; border-bottom: 1px solid #f3f3f3; vertical-align: middle; } .exSearch div.open table td.dc { padding-right: 20px; } .exSearch div.open table td.cb { padding-bottom: 14px; } *:first-child+html .exSearch div.open table td.cb { padding-bottom: 0px; } .exSearch div.open table td.bags{ border-bottom: 1px solid #c4c4c4; } .exSearch div .modelLink { border-bottom: 1px dashed #0070ba; background: url('//r.drom.ru/skin/js_blue_link_arrow.gif?update=1.0') no-repeat right 7px; padding-right: 11px; text-decoration: none; } .exSearch div .modelLink:hover { border-bottom: 1px dashed #F00000 !important; background-image: url('//r.drom.ru/skin/js_red_link_arrow.gif?update=1.0'); text-decoration: none !important;} .exSearch div .model { position: relative; background-color: #f9f4ae; display: inline-block; padding: 0 22px 0 8px; } *:first-child+html .exSearch div .model { top: 8px; } .exSearch div .model a { text-decoration: none; position: absolute; right: 8px; top: 8px; width: 7px; height: 7px; background: url("//r.drom.ru/skin/fClose.gif?update=1.0") no-repeat; } .exSearch div .model, .exSearch div .modelLink { margin: 0px 20px 8px 0px; } .exSearch input { margin: 7px 0px 0px 0px; } .exSearch label { line-height: 18px; padding: 0; margin-right: 16px; } .exSearch .i { color: #555555; width: 192px; } .exSearch .iPrice { width: 90px; } .exSearch .iYear { width: 40px; } .exSearch .carBodies { float: none; padding: 0; width: auto; margin-top: -9px; } .exSearch .carBodies div { margin: 20px 24px 7px 0px; position: relative; float: left; font-size: 10px; font-family: Arial; color: #525354; } .exSearch .carBodies div.clear { margin: 0; } .exSearch .carBodies div a { display: block; float: none; } .exSearch .carBodies div input { position: absolute; top: 37px; margin-right: 6px; } .exSearch .carBodies div label { position: relative; left: 20px; top: 7px; } .exSearch select { margin: 7px 0 0 0; } .exSearch .chkWrap { margin: 7px 0 0 0; padding-left: 16px; position: relative; display: inline-block; } *:first-child+html .exSearch .chkWrap { zoom: 1; display: inline; padding-left: 20px; } .exSearch .chkWrap input { position: absolute; left: 0px; top: -4px; } *:first-child+html .chkWrap input { top: -7px; } .authorisation { padding: 13px 10px 15px 18px; background: #f5f5f5; border: 1px solid #e3e8ef; margin-bottom: 20px; margin-top: 0px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .content .authorisation { display: inline-block; width: 206px; border: 0; background: none; padding: 7px 0 0 0; } .authotisationWrap { padding-left: 40px; width: 206px; } .authCabinet { color: #4a4949; font-size: 12px; background: url('//r.drom.ru/skin/unlock_icon.png?update=1.0') 1px 6px no-repeat; padding-left: 20px; padding-top: 5px; padding-bottom: 14px; } .authCabinet span { color: #aaaaaa; } .authCabinet .cabLinks { padding-top: 9px; } .authCabinet .cabLinks a { margin-right: 9px; } .single-col-auth-wrapper h1, .single-col-auth-wrapper .kop5addPre { margin-right: 40px } /*videoregistrator.drom.ru*/ #videolightboxOverlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 501; text-align: center } #videolightboxOverlay .lb_loading { background: #fff url(//r.drom.ru/img_tpl/lightbox/loading.gif?update=1.0) center center no-repeat !important } #videolightboxFrame { margin: 10px 10px 9px 10px; position: relative } #videolightboxFrame a { text-decoration: none } #videolightboxFrame .lb_top { outline: none; position: absolute; width: 100%; top: 0; left: 0; z-index: 6 } #videolightboxFrame .lb_text { display: none } #videolightbox { width: 250px; height: 250px; overflow: hidden; position: relative; margin: 0 auto; background: #fff } #videolightbox .lb_image { display: none } #videolightbox .videolightboxPosition { display: none; position: absolute; padding: 0; left: 5px; top: 4px; font-size: 10px } #videolightbox .videolightboxClose { width: 40px; height: 0; position: absolute; right: 0; top: 0; cursor: pointer; background: url(//r.drom.ru/img_tpl/lightbox/close.png?update=1.0) center center no-repeat } #videolightbox .lb_prev, #videolightbox .lb_next { margin: 0; z-index: 5; position: absolute; display: block; height: 0; top: 0; width: 90px; outline: none; background: url(//r.drom.ru/img_tpl/lightbox/next.png?update=1.0) right center no-repeat } #videolightbox .lb_next { right: 0 } #videolightbox .lb_prev { left: 0 } #videolightbox .lb_prev { background: url(//r.drom.ru/img_tpl/lightbox/prev.png?update=1.0) left center no-repeat } #videolightbox .lb_prev:hover { background-image: url(//r.drom.ru/img_tpl/lightbox/prevHover.png?update=1.0) } #videolightbox .lb_next:hover { background-image: url(//r.drom.ru/img_tpl/lightbox/nextHover.png?update=1.0) } #videolightbox .lb_description { display: none; margin: 0 auto; line-height: 1.4em; padding: 0 10px; height: auto; text-align: left } #videolightbox .lb_description h1 { font-size: 16px; line-height: 16px; background: none; font-weight: bold } #videolightbox .lb_description h1, #videolightbox .lb_description p { margin: 0 0 8px 0 !important; padding: 0 !important; color: #555 !important; font-size: 12px; font-family: Verdana } #videolightbox:hover .lb_prev, #videolightbox:hover .lb_next, #videolightbox .allwaysShowControls .lb_prev, #videolightbox .allwaysShowControls .lb_next { bottom: 2px; height: auto } #videolightbox:hover .lightboxClose, #videolightbox .allwaysShowControls .videolightboxClose { height: 40px } .filters.videoreg .la { padding-bottom: 3px;} .filters.videoreg label { white-space: nowrap;} .tags.videoreg .red_arrow_down { background: url(//r.drom.ru/skin/arrow_down_red.png?update=1.0) left 4px no-repeat; padding-left: 10px; } .tags.videoreg a { white-space: nowrap;} .comments.videoreg { margin-top: 24px;} .comments.videoreg .t { margin: 0 1px 17px 140px;} .comments.videoreg .item { border-top: 1px solid #e3e8ef; border-bottom: 0;} .comments.videoreg .item:last-child { border-bottom: 1px solid #e3e8ef;} .comments.videoreg .a { font-size: 11px; padding: 16px 0; width: 140px;} .comments.videoreg .a span { color: #555555; padding-top: 3px;} .comments.videoreg .a a { padding-top: 3px;} .comments.videoreg .f { text-align: right; width: auto;} .comments.videoreg .f span { color: #f00000 } .comments.videoreg .f .g { color: #79ae36 } .comments.videoreg .t1 { height: 40px; line-height: 40px; border-bottom: 1px solid #f3f3f3; font-size: 11px;} .comments.videoreg .t1 a { line-height: 40px;font-size: 11px;} .comments.videoreg .t2 .otziv { display: block; margin: 10px 0; padding-left: 25px; position: relative;} .comments.videoreg .t2 .otziv span { display: block; position: absolute; top:2px; left: 0; width: 19px; height: 19px;} .comments.videoreg .t2 .neitral span { background: url(//r.drom.ru/skin/neitral_button.png?update=1.0) left top no-repeat; } .comments.videoreg .t2 .positive span { background: url(//r.drom.ru/skin/commentsVote.png?update=1.0) left -38px no-repeat; } .comments.videoreg .t2 .negative span { background: url(//r.drom.ru/skin/commentsVote.png?update=1.0) left -57px no-repeat; } .comments.videoreg .t2 iframe { margin: 15px 20px 10px 0;} h2.videoreg { width: 400px;} h2.videoreg + .blackButtons { margin-top: -56px; } .tableEx.videoreg { font-size: 12px;} .tableEx.videoreg td { padding: 20px 10px 20px 0;} .tableEx.videoreg .ths th { font-size: 11px; line-height: 35px; } .tableEx.videoreg td.c1 { width: 160px;} .tableEx.videoreg td.c1 a { display: table-cell; background: #d3d3d5; width: 140px; height: 105px; vertical-align: middle; text-align: center; } .tableEx.videoreg td.h1 a img { display: block; } .tableEx.videoreg td.h1 p { color: #555555; margin: 0; } .tableEx.videoreg td.h1 p span { color: #a6a6a6; } .auto.videoreg .informer .big, .tableEx.videoreg .big { background: url("//r.drom.ru/skin/reviewMarkBig.png?update=1.0") no-repeat scroll left top transparent; line-height: 40px; color: #FFFFFF; cursor: help; font-size: 18px; height: 40px; padding: 0; text-align: center; width: 40px; } .auto.videoreg .informer .big4, .tableEx.videoreg .big4 { background-position: left -59px; } .auto.videoreg .informer .big5, .tableEx.videoreg .big5 { background-position: left -118px; } .auto.videoreg .informer .big { line-height: 59px; color: #FFFFFF; cursor: help; font-size: 28px; height: 59px; padding: 0; text-align: center; width: 59px; } .auto.videoreg .img2 { padding: 5px 0 0 0;} .auto.videoreg .img img { width: auto; } .auto.videoreg .img .cf { padding: 20px 0 5px 0;} .auto.videoreg .img .cf img { width: 87px;} .auto.videoreg .img .cf a { width: 87px;} .auto.videoreg span.h { display: block; margin-bottom: 5px;} .auto.videoreg .anotation { padding-top: 35px;} .auto.videoreg .informer { border-radius: 5px 5px 5px 5px; padding: 15px 20px; } .auto.videoreg .informer td { vertical-align: middle;} .auto.videoreg .informer td.c2 { width: 60px;} .auto.videoreg .informer.gray { background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #e3e8ef; } .auto.videoreg .informer p { font-size: 11px; line-height: 17px; color: #555555; margin: 0; } .auto.videoreg .informer p span { color: #a6a6a6; } .blackButtons .gray.graynoright { margin-right: 0} /*пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅ пїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ*/ .blackButtons .gray a { color: #0070BA !important; text-decoration: underline;} .blackButtons .gray a:hover { color: #eb2727 !important; text-decoration: underline;} .blackButtons .gray .bbRight { border-left: 1px solid #DFDFDF; } /* ----videoreg_form_add */ .form.videoreg { border: 1px solid #e3e8ef; color: #555555; padding: 17px 18px;} .form.videoreg .videoregAddBg { background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #FFFFFF; } .form.videoreg .i, .form.videoreg select { margin-bottom: 4px; width: 300px; } .form.videoreg .t { width: 100%; height: 110px; max-width: 888px; box-sizing: border-box; } .form.videoreg .i_small1 { width: 300px } .form.videoreg .i_small2 { width: 450px } .form.videoreg .greyBlock { width: auto; border-radius: 5px; background-color: #EAEAEA; margin: 20px;} .form.videoreg .greyBlock tr:first-child td { padding-top: 15px;} .form.videoreg .greyBlock tr:last-child td { padding-bottom: 15px;} .form.videoreg .cShort { width: 310px; padding-right: 0 } .form.videoreg h2, .form.videoreg h3 { color: #555555; margin: 20px 0 0 19px; padding: 0; } .form.videoreg table { margin: 17px 0 6px; position: relative; } .form.videoreg td { padding: 0 19px 9px 19px } .form.videoreg .simbols { float: right; margin-top: -2px } .form.videoreg .simbols b { font-size: 18px; margin-left: 3px } .form.videoreg .red2 { color: #ff0000 } .form.videoreg .red3 { color: #a02e2e } .form.videoreg .progress { position: relative; background: #eaeaea url(//r.drom.ru/skin/progress.png?update=1.0) left top no-repeat; width: 600px; height: 79px; margin: 8px 0 7px 0 } .form.videoreg .s { position: absolute; background: url(//r.drom.ru/skin/progressS.png?update=1.0) left top no-repeat; top: 13px; left: 0; width: 14px; height: 20px; margin: 0 0 0 14px; cursor: pointer } .form.videoreg .s { _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//r.drom.ru/skin/progressS.png?update=1.0", sizingMethod="crop") } .form.videoreg .p { position: absolute; font-style: normal; font-size: 11px; top: 44px; cursor: pointer; text-align: center; padding: 5px; color: #939393 } .form.videoreg .p0 { left: 11px } .form.videoreg .p1 { left: 66px } .form.videoreg .p2 { left: 121px } .form.videoreg .p3 { left: 176px } .form.videoreg .p4 { left: 231px } .form.videoreg .p5 { left: 286px } .form.videoreg .p6 { left: 341px } .form.videoreg .p7 { left: 396px } .form.videoreg .p8 { left: 451px } .form.videoreg .p9 { left: 506px } .form.videoreg .p10 { left: 557px } .form.videoreg .plus { background: url(//r.drom.ru/skin/kop5.png?update=1.0) -38px top no-repeat; line-height: 20px; padding-left: 27px } .form.videoreg .minus { background: url(//r.drom.ru/skin/kop5.png?update=1.0) -19px -19px no-repeat; line-height: 20px; padding-left: 27px } .form.videoreg .general { background: url(//r.drom.ru/skin/neitral_button.png?update=1.0) left top no-repeat; line-height: 20px; padding-left: 27px } .form.videoreg .clone { border: 0 none; width: 590px; } .form.videoreg .clone td { padding: 8px 0 6px; vertical-align: middle;} /* videoreg top */ .videoreg_item { float: left; width: 135px; border: 1px solid transparent; overflow: hidden;} .videoreg_item td.photo { vertical-align: middle; text-align: center;} .videoreg_item td.photo a { display: table-cell; background: #d3d3d5; width: 140px; height: 105px; vertical-align: middle; text-align: center;} .videoreg_item td.photo a img { display: block; margin: 0 auto;} .videoreg_item td.link span { display: block; font-size: 11px; line-height: 17px; color: #555555; margin: 0;} .dealer-rates { padding-left: 20px; width: 200px; min-width: 200px; } .date, .viewNum, .commentsNum { color: #aaa; font-size: 11px; display: inline-block; *zoom: 1; *display: inline; } .viewNum, .commentsNum { background: url('//r.drom.ru/skin/dealers_controls.png?update=1.0') left 6px no-repeat; padding-left: 17px; } .date { margin-right: 18px; } .viewNum { margin-right: 15px; } .commentsNum { background-position: left -24px; } .h-tag { font-size: 16px;} .with-underline a { text-decoration: underline;} .dealer-news h2 { margin-bottom: 18px; } .dealer-news a { display: block; } .dealer-news .h { top: -6px; position: relative; margin-bottom: -6px} .dealer-news img { width: 100px; float: left; padding-right: 20px; padding-bottom: 0px; } .dealer-news .date { display: block; position: relative; top: -6px; margin-bottom: -6px; } .dealer-news .item { margin-bottom: 19px; } .dealer-news .item .item-img { width: 140px; } .dealer-news .item .item-img > a { width: 140px; height: 105px; background: whitesmoke; padding-right: 20px; background-clip: content-box; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center} .dealer-news .item .item-img > a > img { float: none; padding: 0;} .dealer-news .item.last { margin-bottom: 12px; } .dealer-news .importantLinks { margin-top: 34px; } .dealer-news .importantLinks a { display: block; font-size: 18px; margin-bottom: 17px; } .dealer-news h3 a { color: #555555;} .dealers-links { margin: 0px; padding: 0px 0px 0px 20px; line-height: 16px;} .dealers-links img { float: none; width: auto; display: inline-block; margin-right: 6px;} .dealers-links a { display: inline-block; line-height: 16px;} .dealers-links span { font-size: 11px;} .dealers-links li { margin-bottom: 10px;} .dealer-rates .wrap { padding: 11px 17px 15px 18px; background: #f5f5f5; border: 1px solid #e3e8ef; margin-top: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .dealer-rates h4 { padding: 4px 0 10px; } .dealer-rates ol { font-size: 12px; padding-left: 20px; *padding-left: 0; *margin-left: 24px; *margin-top: 10px; } .dealer-rates ol li { line-height: 17px; margin-bottom: 10px; } .dealer-rates a { display: block; } .star, .dealer-rates img { margin-left: 2px; margin-right: -5px; } .dealer-search { margin-top: -11px; margin-bottom: 20px; } .dealer-search .smallSearch { position: relative; top: 7px; } .dealer-search .smallSearch .i { width: 361px; } .dealers { line-height: 20px; font-size: 12px; } .dealers .note { color: #aaa; font-size: 11px; margin-bottom: 20px; } .dealers .text { margin-bottom: 26px; } .dealers .contacts { padding: 13px 17px 26px 18px; background: #f5f5f5; border: 1px solid #e3e8ef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .dealers .photo { width: 400px; padding: 7px 20px 24px 0; } .dealers td { padding-bottom: 24px; } .dealers .head { padding-bottom: 0px; } .dealers h3 { padding-bottom: 18px; } @-moz-document url-prefix() { .dealers h3 { padding-bottom: 20px; } } .seller .rating { margin-top: 20px; margin-bottom: 41px; } .seller .rating .note { color: #aaa; font-size: 11px; margin-bottom: 20px; } .s-dealer.seller .c2 { background-image: none; } .s-dealer.seller .c1 { background-color: #F5F5F5; } .dealer-questions { padding-left: 20px; } .dealer-questions h4 { top: -7px; position: relative; padding-bottom: 12px; } .dealer-questions .close { text-decoration: none; position: absolute; top: 7px; right: 0px; background: url('//r.drom.ru/skin/fBlClose.gif') left bottom no-repeat; width: 19px; height: 19px; } .dealer-questions .close:hover { background-position: left top; } .questionWrap { } .questionWrap h4 { top: -7px; position: relative; padding-bottom: 10px; } .questionWrap h4 a { text-decoration: none; border-bottom: 1px dashed #4a4949; color: #4a4949;} .questionWrap h4 a:hover { border-bottom-color: #f00000; text-decoration: none !important; } .questionWrap .close { text-decoration: none; position: absolute; top: 7px; right: 0px; background: url('//r.drom.ru/skin/fBlClose.gif') left bottom no-repeat; width: 19px; height: 19px; } .questionWrap .close:hover { background-position: left top; } .questionBlock { position: relative; left: 1px; } .questionBlock .nick, .questionBlock .message { padding-right: 20px; } .questionBlock { font-size: 12px; border-bottom: 1px solid #F3F3F3; padding-bottom: 6px; margin-bottom: 13px; } .questionBlock.last { border-bottom: none; } .questionBlock .nick { color: #aaa; } .questionBlock .answer { position: relative; margin: 6px 0 6px 40px; padding: 12px 18px 6px 18px; background: #f5f5f5; border: 1px solid #e3e8ef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .questionBlock .answer .arr { position: absolute; background: url('//r.drom.ru/skin/answer_arr.png') left top no-repeat; width: 7px; height: 11px; top: 50%; margin-top: -6px; right: -7px} .questionBlock .answer i { display: block; background: url('//r.drom.ru/skin/answer_arr.png') left top no-repeat; width: 7px; height: 11px; position: absolute; margin-top: -6px; right: -7px; top: 50%; } .questionBlock .answerForm { position: relative; margin: 26px 0 13px 0; background-color: #f5f5f5; border: 1px solid #dce2e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 13px 25px 8px 18px; } .questionBlock .answerForm .arr { position: absolute; background: url('//r.drom.ru/skin/answer_arr_ver.gif') left top no-repeat; width: 11px; height: 7px; top: 3px; margin-top: -10px; left: 16%; margin-left: -5px} .questionBlock .answerForm textarea { margin: 6px 0 18px 0; /*width: 83.9694656%;*/ width: 100%; height: 60px; } .questionBlock label { padding: 2px 2px 0 22px; *padding-right: 0px; } .questionBlock .radioWrap { margin-bottom: 7px; position: relative; width: 200px; *width: 201px; } .questionBlock .radioWrap input { top: 0; position: absolute; display: block; } .questionBlock .answerForm .ok { display: block; padding: 3px 14px 4px 14px; float: right; margin: -2px -7px 10px 0; } .questionBlock .answerForm.ask { margin-top: 8px; } .questionBlock .answerForm.ask label { display: block; padding: 3px 0 9px 0; } .questionBlock .answerForm.ask textarea { margin-top: 0; } .questionBlock .answerForm.ask .ok { margin-top: 0; } .questionBlock .i { width: 100%; margin-bottom: 14px; } .questionBlock .infoMessage { color: #85b73e; font-size: 11px; } .questionBlock .alert { color: #f00000; } .questionBlock.without-border { border: none } .people-rating { margin-top: 34px; font-size: 12px; } .people-rating td, .people-rating th { vertical-align: top; } .people-rating th { line-height: 17px; padding: 0 24px 10px 0; font-weight: normal; color: #a6a6a6; font-size: 11px; border-bottom: 2px solid #0b0c0c; text-align: left; } .people-rating td { border-bottom: 1px solid #f3f3f3; padding: 10px 24px 8px 0; } .wheelTabs.p-rating { margin-right: 0px; } #overlay { position: absolute; top: 0; left: 0; z-index: 30000; width: 100%; height: 100%; } #overlay .fon { background: #000; opacity: 0.5; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: -1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } .modalWrap { max-width: 1226px; min-width: 950px; margin: 0 auto; padding: 0 20px; } .dealerModal { position: relative; background: #fff; padding: 16px 18px 14px; } .dealerModal h1 { padding-bottom: 16px; } .dealerModal h2 { padding-bottom: 33px; } .dealerModal .close { text-decoration: none; position: absolute; top: 21px; right: 21px; background: url('//r.drom.ru/skin/fBlClose.gif?update=1.0') left bottom no-repeat; width: 19px; height: 19px; } .dealerModal .close:hover { background-position: left top; } /*.dtpAdd.dealerAdd { font-size: 12px; } .dtpAdd.dealerAdd h2 { color: #f00000; margin-top: 16px; } .dtpAdd.dealerAdd { padding: 18px; } .dtpAdd.dealerAdd table { margin-top: 13px; } .dtpAdd.dealerAdd .i_small { width: 341px; } .dtpAdd.dealerAdd select { width: auto; } .dtpAdd.dealerAdd .years { width: 120px; } .dtpAdd.dealerAdd .c1 { width: 341px; } .dtpAdd.dealerAdd .c2 { width: 120px; } .dtpAdd.dealerAdd .c3 { width: 100%; } .dtpAdd.dealerAdd td { padding: 0 0 6px 20px; } .dtpAdd.dealerAdd .review { padding-left: 20px; margin-top: 13px; } .dtpAdd.dealerAdd .t { margin-top: 7px; height: 360px; margin-bottom: 7px; } .dtpAdd.dealerAdd .clone table td { padding-left: 0px; } .dtpAdd.dealerAdd .clone { margin-top: 9px; } .dealerAdd .services-head { padding-left: 20px; margin-bottom: 6px; } .dealerAdd .services-head span { color: #a3a3a3; } .dealerAdd .services { position: relative; margin-bottom: 19px; display: inline-block; margin-left: 20px; background: #eaeaea; border: 1px solid #e3e8ef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 13px 20px 24px; *margin-bottom: 38px; } .dealerAdd .services label { padding: 0 38px 0 22px; } .dealerAdd .services label.last { padding-right: 0px; } .dealerAdd .services .rate { margin-top: 13px; position: absolute; background: #eaeaea; border: 1px solid #a1a1a1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 13px 19px 15px; *top: 47px; *margin-top: 0px; } .dealerAdd .services .rate i { background: url("//r.drom.ru/skin/fbAr.png?update=1.0") no-repeat scroll left top; display: block; height: 8px; left: 50%; margin-left: -8px; position: absolute; top: -8px; width: 17px; } .dealerAdd .services .rate select { width: 50px; margin-top: 6px; }*/ .pager_comments { color: #555; height: 40px; font-size: 11px; line-height: 14px; margin-top: 10px; } .pager_comments .past { color: #555 } .pager_comments a, .pager_comments span { padding: 2px 5px 4px 5px; margin: 10px 4px 11px 5px; text-align: center; display: block; float: left } .pager_comments .s { color: #f00000 !important; font-size: 20px; text-decoration: none ; padding-top: 11px; padding-bottom: 10px; margin-top: 0; margin-bottom: 0; font-weight: bold } .pager_comments .prev, .pager_comments .prev2, .pager_comments .next, .pager_comments .next2 { background: url(//r.drom.ru/skin/pager.gif?update=1.0) left top no-repeat; text-decoration: none; width: 10px; padding-top: 0 } .pager_comments .prev { margin-left: 0 } .pager_comments .prev:hover { background-position: left -72px } .pager_comments .prev2 { background-position: left -54px; margin-left: 0; margin-right: 10px } .pager_comments .prev2:hover { background-position: left -126px } .pager_comments .next { background-position: left -18px; margin-right: 0 } .pager_comments .next:hover { background-position: left -90px } .pager_comments .next2 { background-position: left -36px; margin-right: 0; margin-left: 10px } .pager_comments .next2:hover { background-position: left -108px } .pager_comments span.prev { background-position: left -144px !important } .pager_comments span.prev2 { background-position: left -198px !important } .pager_comments span.next { background-position: left -162px !important } .pager_comments span.next2 { background-position: left -180px !important } /* flash messages */ div.messages ul { list-style-type: none; padding: 0; } .dealerModal h3 { color: #555555; font-size: 12px; padding-bottom: 5px; } .dealerModal a { font-size: 18px; } .dealerModal table a { display: block; } .dealerModal table div { margin-bottom: 11px } .dealerModal h1 { display: inline-block; padding-right: 31px; } .dealerModal table { margin: 4px 0 10px 1px; } .dealerModal .allCityLink { position: relative; top: -3px; } .s-dealer .mainInfo { min-height: 160px; display: block; } .s-dealer .trackInfo div { display: inline-block; margin-bottom: 26px; background: url('//r.drom.ru/skin/track_icons.png') left 4px no-repeat; padding-left: 19px; margin-right: 14px; *zoom: 1; *display: inline; } .s-dealer .trackInfo div.eye { background-position: left -35px; } .s-dealer.seller .c2 { padding: 13px 10px 26px 16px; height: 241px; border-bottom: 0; border-bottom-right-radius: 0; } .s-dealer table { } .s-dealer table td { border-bottom: 1px solid #dcdcdc; } .dealers-photos { background: #e3e8ef; position: relative; padding: 15px 4px 11px 16px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-bottom: 33px; *padding-bottom: 16px; } @media (min-resolution: .001dpcm) { _:-o-prefocus, .dealers-photos { padding-bottom: 16px }; } .dealers-photos .card-shadow { position: absolute; top: -1px; left: 135px; background: url('//r.drom.ru/skin/dealer_cart_shadow.png') left top no-repeat; width: 493px; height: 12px; } .dealers-photos a { text-decoration: none; display: inline-block; background: #fff; border: 1px solid #cfcfcf; border-top: 0; padding: 3px; margin-right: 3px; *zoom: 1; *display: inline; *margin-right: 7px; } .dealers-photos a img { display: block; } .s-dealer table .dealer-news { width: 61.730205%; } .s-dealer table .dealer-questions { width: 38.269794%; } .jsLink { text-decoration: none; color: #0070ba; border-bottom: 1px dashed #0070ba; } .jsLink:hover { color: #f00000; border-color: #f00000; } .cityList, .producerList { margin-top: 6px; } .cityList td, .producerList td { padding-right: 20px; } .cityList h3, .producerList h3 { color: #555555; font-size: 12px; padding-bottom: 6px; } .cityList div, .producerList div { margin-bottom: 14px } .cityList a, .producerList a { font-size: 18px; display: block; margin-bottom: 6px; } .dealer-model-news .dealer-news { width: 46%; padding-right: 4%; *padding-right: 20px; } .dealer-news h2 a { color: #f00000; } .tableEx .bold { font-weight: bold; } .tableEx noindex a { font-size: 11px; } .conditions span { color: #aaaaaa;} .conditions span.rouble { color: #555; } .conditions { margin-bottom: 37px; } .twoInLineLink { margin-top: 17px; float: left; width: 44%; padding-right: 5%; font-size: 18px; vertical-align: top; margin-bottom: 33px; } /*.tireScroll.dealers { background: #f5f5f5; border: 1px solid #e3e8ef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .tireScroll.dealers .t { border: none; padding-top: 8px; padding-bottom: 11px; } .tireScroll.dealers .scrollable { border: none; background: none; height: 200px; } .tireScroll.dealers .scrollable .items a { background: none; height: 200px; } .tireScroll.dealers .items u { padding: 0 6px 0 10px; } .tireScroll.dealers .arr { width: 21px; height: 40px; background: url(//r.drom.ru/skin/tireScrollArr_dealers.png) left top no-repeat; position: absolute; top: 85px; text-decoration: none } .tireScroll.dealers .arrr { right: 0; _right: -1px; background-position: -21px top } .tireScroll.dealers .arrl:hover { cursor: pointer; background-position: left -40px } .tireScroll.dealers .arrr:hover { cursor: pointer; background-position: -21px -40px } .tireScroll.dealers .items u { top: 99px; } .tireScroll.dealers .h span { margin-top: 5px; } .tireScroll.dealers .m { margin: 0 18px 0 20px; border-top: 1px solid #e3e8ef; padding: 13px 0 8px 0; }*/ .dealers-content { margin-bottom: 46px; } .modelList { margin: 7px; margin-bottom: 11px; } .model { width: 160px; padding-right: 5px; margin-bottom: 26px; vertical-align: top; font-size: 11px; display: inline-block; *zoom:1; *display: inline; } .model img { margin-bottom: 7px; } .model a { display: block; font-size: 12px; } .dealer-news .linkToDealer { color: #aaaaaa; font-size: 11px; } .oneInLineLinkWrap { margin: 35px 0 35px 0; } .oneInLineLinkWrap a { font-size: 18px; } .cityDealerList { position: relative; margin: 26px 0 13px 0; background-color: #f5f5f5; border: 1px solid #dce2e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 20px 26px 18px; } .cityDealerList ol { font-size: 12px; padding-left: 20px; *padding-left: 0; *margin-left: 24px; *margin-top: 10px; } .cityDealerList ol li { margin-bottom: 20px; } .cityDealerList a { display: inline; margin-right: 2px; } .cityDealerList .dealer-link { margin-right: 16px; } .cityDealerList h3 { line-height: 22px; padding-bottom: 3px; } .cityDealerList .linkToAdv { display: block; text-decoration: none; background: url('//r.drom.ru/skin/dealers_icons.png') left top no-repeat; width: 14px; height: 13px; margin: 0 2px 0 16px; } .cityDealerList .linkToActions { display: block; text-decoration: none; background: url('//r.drom.ru/skin/dealers_icons.png') left bottom no-repeat; width: 14px; height: 13px; margin: 0 2px 0 0; } .cityDealerList img { width: auto; float: none; padding:0; } .dealer .head { margin-bottom: 21px; } .dealer .head a { display: inline-block; vertical-align: middle; font-size: 18px; margin-right: 5px; } .dealer .head .logo { padding-top: 2px; } .dealer .city { font-size: 11px; color: #aaaaaa; } .dealer .photo { padding-right: 20px; width: 240px; } .dealer .contacts { margin-bottom: 13px; background-color: #f5f5f5; border: 1px solid #dce2e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 13px 0px 26px 18px; } .dealer .contacts div { margin-right: 16px; max-width: 45%; vertical-align: top; display: inline-block; *zoom: 1; *display: inline; } .dealer .importantLink { display: inline-block; font-weight: bold; margin-right: 5px; line-height: 26px; margin-bottom: 1px; } .dealer { margin-top: 15px; border-bottom: 1px solid #f3f3f3; padding-bottom: 15px; } .dealer.last { margin-bottom: 30px; } .dealer .jslink.open:hover, .dealer .jslink { background: url('//r.drom.ru/skin/red_arrow_up.gif') right 5px no-repeat; padding-right: 12px; } .dealer .jslink:hover, .dealer .jslink.open { background-image: url('//r.drom.ru/skin/red_arrow_down.gif'); } .dealer_section h2 a {color: #F00000;} /* 26.12.12, new year 2013 */ .ny2013FonsWrap { padding: 0 20px 0 20px; position: relative; } .peelsNy2013 { background: url('//r.drom.ru/skin/new_year_2013_menu_peels.png') left top repeat-x; position: absolute; top: -12px; left: 0; height: 91px; width: 100%; } .sliceNeedlesNy2013 { background: url('//r.drom.ru/skin/new_year_2013_slice_needles.png') left top repeat-x; position: absolute; top: -20px; left: 200px; height: 131px; width: 583px; } .top .ny2013.logo { background: url(//r.drom.ru/skin/new_year_2013_logo.png) left top no-repeat; width: 183px; height: 52px; position: absolute; top: 21px; left: -8px; } .ny2013.menu .hov, .ny2013.menu .colSel, .ny2013.menu, .ny2013.menu td.hover, .ny2013 .topItem, .ny2013 .topItemWrap { background: none !important; } .ny2013 .topItem, .ny2013 .topItemWrap { color: #000 !important; } .ny2013.menu { margin-top: 4px; } .ny2013.menu a span { background-image: url('//r.drom.ru/skin/new_year_2013_menuSub.gif'); } .ny2013.menu .topItem:hover, .ny2013.menu .topItem.s { color: #ce0000 !important; } .ny2013.menu .topItem:hover span, .ny2013.menu .topItem.s span { background-image: url('//r.drom.ru/skin/new_year_2013_menuSub_sel.gif'); } .ny2013.menu .topItem { text-decoration: underline; } .merch-logo { float: left; margin: 7px 40px 31px 0; } .merch-div { display: inline-block; margin: 11px 0 16px 0; width: 340px; vertical-align: top; *zoom: 1; *display: inline; } .merch-div img { margin-bottom: 11px } .merch-tshirt { margin: 9px 0 32px 0; max-width: 100%; height: auto; } .special-common { margin-bottom: 14px; } .special-common div:not(.assist-fix) { position: relative; display: inline-block; width: 155px; vertical-align: top; font-size: 11px; color: #525354; margin-bottom: 17px; zoom: 1; *display: inline; *width: 160px; } .special-common div img { margin-bottom: 6px; } .special-common .price { background: url('//r.drom.ru/skin/price_bg.png') left top no-repeat #e60000; padding: 0 8px 1px 9px; position: absolute; top: 98px; white-space: nowrap; display: inline-block; color: white; font-size: 11px; left: 0; } .special-common a { font-size: 12px; } .special-common div .text { padding-left: 10px; width: 139px; } #drom_footer { margin-top: 60px; color: #aaaaaa; font-size: 11px; line-height: 16px; font-family: verdana; } #drom_footer b { font-weight: bold; } .checked { margin-bottom: 17px; position: relative; background: #f6f0e0; padding: 8px 10px 11px 120px; border: 1px solid #e8e3d3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .checked .icon { position: absolute; left: 0; top: 10px; width: 100px; height: 18px; background: url(//r.drom.ru/skin/provereno2x.png) left top no-repeat;background-size: 100px 18px; } .checked a { font-size: 14px; color: #006aae; } .menu + table { word-wrap: break-word; table-layout: fixed; } .icon-menu { font-size: 11px; line-height: 14px; margin: 0px 0 20px 0; } .icon-menu div { display: inline-block; width: 96px; margin: 0 15px 0 0; text-align: center; position: relative; vertical-align: top; *zoom: 1; *display: inline; *width: 100px; } .icon-menu a { text-decoration: none; display: block; padding-top: 41px; } .icon-menu p { padding-top: 41px; } .icon-menu a span { display: block; position: absolute; height: 34px; background-position: center top; top: 0; background-repeat: no-repeat; left: 50%; } .icon-menu a:hover span { background-position: center bottom; } .icon-menu .ico_vac a:hover span { background-position: center -2px;} .icon-menu .ico_part { width: 80px; *width: 90px; } .icon-menu .ico_part span { background-image: url('//r.drom.ru/skin/ico_part.png'); width: 32px; margin-left: -18px; } .icon-menu .ico_auc span { background-image: url('//r.drom.ru/skin/ico_auc.png'); width: 30px; margin-left: -15px; } .icon-menu .ico_moto span { background-image: url('//r.drom.ru/skin/ico_moto.png'); width: 46px; margin-left: -23px; } .icon-menu .ico_boat span { background-image: url('//r.drom.ru/skin/ico_boat.png'); width: 69px; margin-left: -34px; } .icon-menu .ico_spec span { background-image: url('//r.drom.ru/skin/ico_spec.png'); width: 68px; margin-left: -34px; } .icon-menu .ico_red_auto { background: url("//r.drom.ru/skin/ico_red_auto.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); width: 150px; height: 34px; left: 50%; position: absolute; top: 0px; margin-left: -27px; } .icon-menu .ico_vac span { background-image: url('//r.drom.ru/skin/vacancy.png'); width: 24px; margin-left: -15px; background-position: center bottom;} .top .logo-0913 { background: url(//r.drom.ru/skin/0913_logo.png) left top no-repeat; width: 202px; height: 41px; position: absolute; left: 4px; text-decoration: none; top: 15px; } .top .region-0913 { position: absolute; left: 251px; top: 17px; width: 110px; line-height: 17px; } .top .region-0913 a { color: #f00000; padding: 5px 0 6px 19px; border-left: 1px solid #d5d5d5; display: block } .top .region-0913 td { vertical-align: middle; height: 41px } body .dealers-producers { color: #555555; font-size: 11px; margin: 2px 0 36px 0; } .dealers-producers div div { display: inline-block; height: 100%; } .dealers-producers .logo { width: 72px; } .dealers-producers a { display: block; font-size: 14px; } .dealers-producers td { padding-bottom: 17px; } .dealers-producers .new-label, .dealers-producers .tradein-label { margin: 5px 5px 0 1px; height: 12px; float: left; *margin-top: 6px; } @-moz-document url-prefix() { .dealers-producers .new-label, .dealers-producers .tradein-label { margin-top: 6px; } } .dealers-producers .new-label { width: 31px; background: url('//r.drom.ru/skin/dealers_new_label.png') left top no-repeat; } .dealers-producers .tradein-label { width: 39px; background: url('//r.drom.ru/skin/dealers_tradein_label.png') left top no-repeat; } .tableEx .compDel { margin-left: 12px; display: inline-block; *zoom: 1; *display: inline; width: 19px; height: 19px; background: url('//r.drom.ru/skin/delete.png?u=2') left bottom no-repeat; text-decoration: none; position: relative; top: 2px; } @-moz-document url-prefix() { top: 3px; } .tableEx .compDel:hover { background-position: left top; } .noWrap { white-space: nowrap; } .exSearchResults-wrapper { width: 100%; overflow-x: auto; } .exSearchResults img { width: auto !important; } .exSearchResults { font-size: 12px; table-layout: auto } .exSearchResults th { padding-bottom: 14px; } .exSearchResults td { padding-top: 11px; padding-bottom: 8px; } .exSearchResults .title { margin-right: 4px; } .exSearchResults .flag { display: inline-block; *zoom: 1; *display: inline; position: relative; top: 3px; } .exSearchResults .mImg { margin-top: 7px; margin-right: 8px; } .exSearchResults .jsLink { background: url('//r.drom.ru/skin/fArr.gif') right 9px no-repeat; padding-right: 10px; text-decoration: none; display: inline-block; *zoom: 1; *display: inline; border-bottom: 1px dashed #0070ba; margin-bottom: 18px; } .exSearchResults .jsLink.open:hover, .exSearchResults .jsLink.open, .exSearchResults .jsLink:hover { color: #f00000; border-color: #f00000; /* background-image: url('//r.drom.ru/skin/fArrO.gif'); */ } .exSearchResults .jsLink:hover { background-image: url('//r.drom.ru/skin/fArrH.gif'); text-decoration: none !important; } .compare .c1 { width: 33%; } .expensive-credit-block { display: block; text-decoration: none; border-radius: 5px; border: 1px solid #e3e8ef; background: #f5f5f5; margin: 6px 0 13px 1px; width: 219px; color: #4a4949; font-size: 11px; padding: 3px 7px 4px 10px; line-height: 16px; *width: 220px; } .expensive-credit-block img { float: left; margin: 7px 12px 0 0 } .expensive-credit-block:hover { color: #4a4949 !important; } .credits { background: url('//r.drom.ru/skin/credits_head.png') left top no-repeat; width: 241px; padding-top: 22px; margin: 20px 0 11px 0; } .credits .express-bank { margin-bottom: 12px; display: block; text-decoration: none; background: url('//r.drom.ru/skin/express_bank_credit.png') left top no-repeat; width: 171px; height: 40px; color: #4a4949; font-size: 11px; padding: 3px 10px 4px 59px; line-height: 16px; } .credits .express-bank:hover { color: #4a4949 !important; } .credits .offer, .credits .offer a, .credits .offer img { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } .credits .offer { width: 115px; line-height: 18px; } .credits .offer a { width: 80px; font-size: 11px; } .credits .offer img { width: 20px; margin-top: 2px; margin-right: 3px; } .offers { border-bottom: 1px solid #e3e8ef; padding-bottom: 27px; } .plus-ico { background: url(//r.drom.ru/skin/add_photo_ico.png) 0% 0% no-repeat;width:27px;height:27px;display:inline-block; } .plus-ico.hover { background-position: left bottom; } .cursor-pointer { cursor: pointer;} .clone.files { width: auto; margin: 9px 0 20px 0; } .clone.files p { margin-bottom: 22px; } .files .uploaded-photo-block { display: inline-block; vertical-align: top; margin-right: 7px; min-width: 109px; font-size: 11px; line-height: 19px; margin-bottom: 34px; *zoom: 1; *display: inline; margin-right: 10px\9; *margin-right: 14px; } .files .uploaded-photo-block a { text-decoration: none; border-bottom: 1px dashed #0070ba; } .files .uploaded-photo a { border: none; } .files .uploaded-photo-block a:hover { border-color: #f00000; text-decoration: none !important; } .files .uploaded-photo-block .delete { color: #f00000; border-color: #f00000; } .files .uploaded-photo { padding: 3px; border: 1px solid #d8d8d8; border-top: 0; display: inline-block; background: white; margin-left: -3px; *margin-bottom: -18px; *padding-bottom: 1px; } .files .uploaded-photo img { display: block } .files .add-photo-wrap { display: inline-block; border: 1px dashed #d4d4d4; padding: 3px; position: relative; text-align: center; overflow: hidden; *zoom: 1; *display: inline; } .files .add-photo { background: #eaeaea; width: 120px; height: 45px; padding-top: 45px; cursor: pointer; } .files .add-photo .ico { position: absolute; width: 27px; height: 27px; background: url('//r.drom.ru/skin/add_photo_ico.png') left top no-repeat; top: 15px; left: 48px; } .files .hover .add-photo .ico { background-position: left bottom; } .files .add-photo span { color: #a3a3a3; font-size: 11px; border-bottom: 1px dashed #a3a3a3; line-height: 16px; } .files .hover .add-photo span { color: #f00000; border-color: #f00000; } .files .add-photo:hover .ico { background-position: 0px -27px;} .files .add-photo:hover span { color: #f00000; border-color: #f00000; text-decoration: none !important;} .files .add-photo input { width: 120px; height: 90px; position: absolute; right: 0; bottom: 0; top: 0; opacity: 0; font-size: 40px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0) } .files .hover .add-photo input {cursor: pointer;} .files .uploaded-photo-block.main i { display: inline-block; background: url('//r.drom.ru/skin/make_main_ico.png') left -11px no-repeat ; margin-left: 5px; width: 15px; height: 10px; left: 2px; top: 6px; } .photo-modal { position: relative; background: #fff; padding: 16px 18px 14px; width: 645px; margin-left: 122px; font-family: Verdana; line-height: 20px; } .photo-modal h2 { padding: 21px 0 13px 0 } .photo-modal p { margin-bottom: 26px; } .photo-modal img { margin-left: 2px; margin-bottom: 14px; } .photo-modal .close { text-decoration: none; position: absolute; top: 21px; right: 21px; background: url('//r.drom.ru/skin/fBlClose.gif') left bottom no-repeat; width: 19px; height: 19px; } .photo-modal .close:hover { background-position: left top; } .photo-modal span span, .photo-modal a span { font-size: 12px; text-decoration: none; border-bottom: 1px dashed #0070ba; } .photo-modal a:hover span, .photo-modal a.selected span{ border-color: #f00000; } .photo-modal a:hover span { border-color: #f00000; text-decoration: none !important; } .photo-modal span span { border-color: #a3a3a3; } .photo-modal a.selected span {color: #F00000} .photo-modal .add-signature, .photo-modal .make-main, .photo-modal .crop, .photo-modal .rotate, .photo-modal .already-main { display: inline-block; text-decoration: none; position: relative; padding-left: 20px; } .photo-modal .add-signature { margin-right: 16px; } .photo-modal .make-main { padding-left: 22px; margin-right: 25px; } .photo-modal .rotate { margin-right: 22px; } .photo-modal .already-main { padding-left: 22px; margin-right: 25px; color:#f00000;} .photo-modal .already-main span { border-bottom: 0px;} .photo-modal .add-signature i { background: url('//r.drom.ru/skin/add_signature_ico.png') left top no-repeat; width: 10px; height: 10px; left: 2px; top: 6px; } .photo-modal .make-main i { background: url('//r.drom.ru/skin/make_main_ico.png') left top no-repeat; width: 13px; height: 11px; left: 2px; top: 5px; } .photo-modal .crop i { background: url('//r.drom.ru/skin/crop_ico.png') left top no-repeat; width: 11px; height: 11px; left: 2px; top: 5px; } .photo-modal .rotate i { background: url('//r.drom.ru/skin/rotate_ico.png') left top no-repeat; width: 11px; height: 10px; left: 2px; top: 6px; } .photo-modal .already-main i { width: 13px; height: 11px; left: 2px; top: 5px; background: url('//r.drom.ru/skin/make_main_ico.png') no-repeat left -11px; } .photo-modal a.add-signature:hover i, .photo-modal a.add-signature.selected i { background-position: left -10px; } .photo-modal a.make-main:hover i { background-position: left -11px; } .photo-modal a.crop:hover i, .photo-modal a.crop.selected i { background-position: left -11px; } .photo-modal a.rotate:hover i { background-position: left -11px; } .photo-modal a.rotate.disabled i { background-position: left -22px; } .photo-modal span.add-signature i { background-position: left -20px; } .photo-modal span.make-main i { background-position: left -22px; } .photo-modal span.crop i { background-position: left -22px; } .photo-modal .add-signature i, .photo-modal .make-main i, .photo-modal .crop i, .photo-modal .rotate i, .photo-modal .already-main i { display: block; position: absolute; } .photo-modal textarea { display: block; resize: none; margin: 26px 0 -7px 2px; height: 34px; width: 622px; line-height: 19px; padding: 0 10px 5px 6px; } .photo-modal .okBig { width: 260px; padding: 6px 0 10px 0; margin: 26px 0 8px 0; left: 182px; position: relative; font-family: verdana; *padding-bottom: 8px; } .photo-modal a.disabled { cursor: default; } .photo-modal a.disabled span { border: none !important; color: #a3a3a3 !important; } .filters .color-choose-wrapper { height: 40px; } .filters .color-choose-wrapper .current-color { display: inline; color: black; margin-left: 6px; } .color-choose { margin: 1px 0 0 0; } .color-choose span { width: 16px; height: 16px; float: left; margin: 2px 7px 2px 2px; display: block; text-decoration: none; z-index: 1; position: relative; background: url('//r.drom.ru/skin/colors_balls.png') left top no-repeat; *padding-bottom: 2px; } @media (-webkit-min-device-pixel-ratio: 1.5) { .color-choose span { background-image: url('//r.drom.ru/skin/colors_balls_x2.png'); background-size: 391px 16px; } } .color-choose span.last { margin-right: 2px; } .color-choose a { text-decoration: none; display: block; float: left; border: 1px solid transparent; border-radius: 10px; margin-right: 5px; margin-left: -2px; } .color-choose a.selected:hover, .color-choose a.selected { border-color: #4c4b4b; } .color-choose a:hover { border-color: #cccccc; text-decoration: none;} .color-choose span.white { background-position: -50px top; } .color-choose span.violet { background-position: -375px top; } .color-choose span.yellow { background-position: -300px top;; } .color-choose span.pink { background-position: -250px top; } .color-choose span.red { background-position: -175px top;; } .color-choose span.grey { background-position: 0 top; } .color-choose span.silver { background-position: -25px top; } .color-choose span.orange { background-position: -225px top; } .color-choose span.gold { background-position: -325px top; } .color-choose span.green { background-position: -150px top; } .color-choose span.brown { background-position: -350px top; } .color-choose span.claret { background-position: -200px top; } .color-choose span.black { background-position: -75px top; } .color-choose span.beige { background-position: -275px top; } .color-choose span.blue { background-position: -100px top; } .color-choose span.light-blue { background-position: -125px top; } .color-choose span.anyone { background: none; float: none; width: auto; height: auto; line-height: 16px; color: #000; padding: 0 5px;} .color-choose__color-text { float: left; margin: 0px 17px 0px 4px;} .top_cars.aa_t1_b .color-choose { margin: -4px 0 1px 1px; height: 23px; *margin-top: 0; *top: -2px; *position: relative; } #map-canvas { margin: 0px 0px 15px 0px; padding: 0; height: 504px; border: 1px solid #d3d1cc; word-wrap: normal; } .trip-point { margin-bottom: 20px; } .map-and-photos { overflow: hidden; color: #4a4949; word-wrap: break-word; table-layout: fixed; margin-top: 34px; overflow: hidden; width: 61.5%; padding-right: 20px; } .grade-and-description { width: 34.5%; } .trip-grade-info { background: #f5f5f5; border: 1px solid #e9e9e9; border-radius: 5px; padding: 19px 16px 18px 18px; margin-bottom: 14px; } .trip-grade { background: url('//r.drom.ru/skin/grade_bg.png') left top repeat-x; margin-right: 18px; color: white; font-size: 28px; line-height: 28px; display: inline-block; padding: 16px 7px 17px 8px; float: left; } body:not(:-moz-handler-blocked) .trip-grade { padding: 15px 7px 18px 8px; } .trip-grade.mid { background-position: left -61px; } .trip-grade.low { background-position: left -122px; } .trip-grade-info .description { padding-top: 6px; font-size: 11px; line-height: 16px; color: #a9a9a9; } .grade-and-description .info-block { margin: 0 0 20px -1px; } .grade-and-description .info-block span { color: #aaaaaa; } .grade-and-description .author-review { border-top: 1px solid #e3e8ef; margin-top: 26px; padding-top: 4px; } .comments-rate { background: #f5f5f5; border: 1px solid #e3e8ef; border-radius: 5px; padding: 13px 0 18px 18px; font-size: 12px; width: 301px; position: relative; } .comments-rate .trip-grade { float: right; margin: -20px 20px 0 0; *margin-top: -61px; } .comments-rate .already-votted { color: #f00000; position: absolute; top: 53px; left: 20px; } .grades-choose { margin: 46px 0 0 1px; } .grades-choose a, .grades-choose span { margin-right: 1px; padding: 10px 13px 11px; background: url('//r.drom.ru/skin/grade_small_bg.png') left top repeat-x; font-size: 18px; color: white; text-decoration: none; float: left; display: block; } .grades-choose span { background-image: url('//r.drom.ru/skin/grade_small_disabled_bg.png') } .grades-choose a:hover { color: white !important; } .grades-choose .mid { background-position: left -41px } .grades-choose .low { background-position: left -82px } .trip-point .photos { width: 101%; overflow: hidden; } .trip-point .photos a { display: block; float: left; padding: 0 1px 1px 0; vertical-align: top; width: 33.1%; *padding-bottom: 0px; *margin-bottom: -2px; } .trip-point .photos a { width: 33.1%; *width: 33%; } @media (min-width: 1135px) { body .trip-point .add-photo-wrap, body .trip-point .photos a { width: 24.7% } } .trip-point .photos img { max-width: 100%; width: 100%; } .photo-upload-error { position: relative; border-radius: 5px; font-size: 12px; color: white; background: #e90000; padding: 10px 35px 10px 19px; margin-bottom: 20px; } .photo-upload-error .close { text-decoration: none; position: absolute; top: 11px; right: 11px; background: url('//r.drom.ru/skin/close.png') left bottom no-repeat; width: 19px; height: 19px; } .photo-upload-error .close:hover { background-position: left top; } /*.trip-point .add-photo-wrap { display: block; float: left; position: relative; overflow: hidden; padding: 0 1px 0 0; } .trip-point .add-photo { width: auto; cursor: pointer; } .trip-point .add-photo .ico { position: absolute; width: 20px; height: 20px; background: url('//r.drom.ru/skin/add_photo.png') left top no-repeat; top: 50%; left: 50%; margin-top: -38px; margin-left: -57px; } .trip-point .add-photo span { width: 100%; text-decoration: underline; top: 50%; left: -2px; color: #e90000; font-size: 12px; line-height: 20px; position: absolute; text-align: center; margin-top: -24px; } .trip-point .add-photo input { height: 100%; width: auto; position: absolute; right: 0; bottom: 0; top: 0; cursor: pointer; opacity: 0; font-size: 40px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0) } .trip-point .disabled .add-photo { cursor: auto; } .trip-point .disabled .add-photo .ico { background-image: url('//r.drom.ru/skin/loading.png'); } .trip-point .disabled .add-photo input { display: none; }*/ .incut { font-size: 16px; line-height: 22px; color: #030000; padding: 15px 40px 43px 39px; margin-bottom: 29px; background: url('//r.drom.ru/skin/incut_cone.png') center bottom no-repeat; } .incut .top-bound { background: url('//r.drom.ru/skin/incut_cone.png') center top no-repeat; margin: 6px 0 20px 0; } .photo-block { margin-bottom: 30px; width: 100%; overflow: hidden; } .photo-block img { display: block; width: 100%;} .photo-block .description { background: #f5f5f5; font-family: georgia; clear: both; font-size: 14px; line-height: 20px; color: #555555; font-style: italic; padding: 17px 20px 24px 20px; } .thumbnails { width: 101%; } .thumbnails img { float: left; padding: 1px 1px 0 0; opacity: 0.7; filter: alpha(opacity=70); } .thumbnails .current img, .thumbnails img:hover { opacity: 1; filter: alpha(opacity=100); } .thumbnails.two-in-row img { width: 49.5%; } .thumbnails.three-in-row img { width: 33%; } .thumbnails.four-in-row img { width: 24.6%; } .thumbnails.five-in-row img { width: 19.7%; } .thumbnails.six-in-row img { width: 16.5%; } .add-form-block { padding: 19px; border: 1px solid #e3e8ef; max-width: 899px; font-size: 12px; } .add-form { background: #f5f5f5; padding: 11px 0 0 19px; } .add-form h2 { margin-left: -2px; } .add-form label { display: block; padding: 0; margin: 4px 0 9px 0 } .add-form .full-col, .add-form .half-col { display: inline-block; margin-bottom: 11px; *display: inline; *zoom: 1; } .add-form .half-col { width: 376px; } .add-form .half-col.extended { width: 495px; } .add-form select, .add-form input { margin-left: 1px; font-family: verdana; } .add-form .half-text-input { width: 357px; } .add-form .half-text-select { width: 361px; } .add-form .field-with-error { color: #f00000; } .add-form .form-section { margin-bottom: 20px; } .add-form .full-text-input { font-size: 18px; padding: 6px 11px 9px 9px; width: 100%; } .add-form .full-text-input-regular { width: 857px; } .add-form .full-textarea { width: 851px; height: 114px; margin-left: 1px; } .add-form .extended .quarter-text-input { width: 226px; } .add-form h3 { padding-top: 27px; } .latlon-block .type { display: block; float: left; padding: 0 16px 11px 20px; text-decoration: none; line-height: 18px; font-size: 1.04em; } .latlon-block .type-2 { padding: 0 16px 6px 11px; } .latlon-block .type-3 { padding: 0 17px 6px 11px; } .latlon-block .type.current { border-top-left-radius: 5px; border-top-right-radius: 5px; background: #eaeaea; color: #555555; text-decoration: none; } .latlon-block .type.current:hover { color: #555555 !important; } .latlon-block { margin-top: 5px; } .latlon-form.type-1-checked { border-top-left-radius: 0; } .latlon-form.type-3-checked { border-top-right-radius: 0; } .latlon-form { background: #eaeaea; border-radius: 5px; margin-top: -6px; padding: 5px 20px 14px 20px; width: 642px; *width: 646px; } .latlon-form input { margin-bottom: 13px; } .latlon-form.type-1-checked input { width: 638px; } .latlon-form.type-2-checked input { width: 257px; margin-right: 3px; } .latlon-form.type-3-checked input { width: 176px; margin-right: 3px; } .latlon-form.type-3-checked input.small { width: 138px; } .latlon-form.type-3-checked select, .latlon-form.type-2-checked select { width: 83px; } .latlon-form .measurement-unit { margin-right: 6px; } .latlon-form.type-2-checked label, .latlon-form.type-3-checked label { margin-bottom: 5px; } .latlon-form .my-location i, .latlon-form .check-latlon i, .latlon-form .specify-by-map i { background: url('//r.drom.ru/skin/trip_icons.png') left top no-repeat; width: 14px; height: 14px; display: block; position: absolute; left: 1px; top: 6px; } .latlon-form span.check-latlon i { background-position: left -28px; } .latlon-form a.check-latlon i { background-position: left -56px; } .latlon-form .my-location i { background-position: left -84px; } .latlon-form .my-location, .latlon-form .check-latlon, .latlon-form .specify-by-map { margin-right: 22px; display: inline-block; position: relative; font-size: 12px; line-height: 23px; padding-left: 20px; } .latlon-form .check-latlon { margin-right: 28px; } .latlon-form .my-location { margin-right: 0; } .latlon-form span.check-latlon { color: #a6a6a6 } .latlon-block .type span { border-bottom: 1px solid #0070ba; } .latlon-block .type:hover span, .latlon-block .type span:hover { border-bottom: 1px solid #f00000; } .latlon-block .type.current span { border-bottom: none; } .add-form .bottom { margin: 2px 0 0 -19px; position: relative; padding-top: 40px; } .add-trip-point .bottom .okBig { display: inline-block; margin-left: 1px; padding: 10px 15px 9px 15px; width: auto; font-family: verdana; *padding-top: 4px; } .grade-block { display: block;} .grade-block .choosed-grade { background: url('//r.drom.ru/skin/trip_grade_hover.png') left top repeat-x; margin-right: 20px; color: white; font-size: 18px; line-height: 18px; display: inline-block; padding: 11px 14px 12px 14px;; float: left; margin-left: 1px; margin-top: 5px; } .grade-block .choosed-grade.mid { background-position: left -41px; } .grade-block .choosed-grade.low { background-position: left bottom; } .grade-block .description { margin-top: 5px; width: 225px; } .grade-block .grades-choose { margin-top: 5px; overflow: hidden; margin-bottom: 5px;} .grade-block .grades-choose .low { color: #aaaaaa; } .grade-block .grades-choose .mid { color: #393a3a; } .grade-block .grades-choose .high { color: #e80000; } .grade-block .grades-choose .low.choosed, .grade-block .grades-choose .mid.choosed, .grade-block .grades-choose .high.choosed, .grade-block .grades-choose .low:hover, .grade-block .grades-choose .mid:hover, .grade-block .grades-choose .high:hover { color: white; } .grade-block .grades-choose .low, .grade-block .grades-choose .mid, .grade-block .grades-choose .high { background: url('//r.drom.ru/skin/trip_grade_inactive.png') left top no-repeat; } .grade-block .grades-choose .low.choosed, .grade-block .grades-choose .mid.choosed, .grade-block .grades-choose .high.choosed { background-image: url('//r.drom.ru/skin/trip_grade_choosed.png'); } .grade-block .grades-choose .low:hover, .grade-block .grades-choose .mid:hover, .grade-block .grades-choose .high:hover { background-image: url('//r.drom.ru/skin/trip_grade_hover.png'); } .grade-block .grades-choose .low:hover, .grade-block .grades-choose .low.choosed { background-position: left -82px; } .grade-block .grades-choose .mid:hover, .grade-block .grades-choose .mid.choosed { background-position: left -41px; } .grade-block .grades-choose .high:hover, .grade-block .grades-choose .high.choosed { background-position: left top; } .place-types { background: #f5f5f5; border-radius: 5px; border: 1px solid #e3e8ef; padding: 13px 20px 26px 19px; font-size: 12px; margin-bottom: 19px; } .place-types a { margin-left: 19px; position: relative; display: inline-block; margin-right: 14px; } .place-types a i { display: block; position: absolute; background: url('//r.drom.ru/skin/trips_icons.png') left top no-repeat; width: 16px; height: 16px; left: -21px; top: 3px; } .place-types .gas-stations-point i { } .place-types .nature-point i { background-position: left -16px; top: 2px; left: -20px; } .place-types .nature-point { margin-right: 15px; } .place-types .housing-point i { background-position: left -32px; left: -20px; } .place-types .housing-point { margin-right: 15px; } .place-types .food-point i { background-position: left -48px; } .place-types .food-point { margin-right: 16px; } .place-types .attractions-point i { background-position: left -64px; top: 2px; } .place-types .attractions-point { margin-right: 10px; } .place-types .repair-point i { background-position: left -80px; left: -18px; } .points-list { margin-top: 14px; font-size: 12px; } .points-list .title { font-size: 18px; display: block; margin-bottom: 18px; margin-left: -1px; } .points-list img { float: left; margin-right: 19px; margin-top: 6px; } .points-list span { color: #aaaaaa; } .points-list .point-item { margin-bottom: 40px; } .points-list .point-item p { margin: 26px 0 0 0; padding-top: 14px; background: url('//r.drom.ru/skin/trips_list_comment_border.png') left top no-repeat; } .modal-map-boundry { margin: 0 10px 0 10px; } .modal-map { position: relative; height: 706px; } .modal-map-wrap { background: white; padding: 10px; position: relative; max-width: 1226px; min-width: 950px; margin: 0 auto; } .modal-map #map-canvas { height: 100%; } .map-top { height: 61px; width: 100%; position: absolute; top: 0; left: 0; } .map-top .bg { background: black; opacity: 0.1; height: 100%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); } .map-top .close { text-decoration: none; position: absolute; top: 21px; right: 21px; background: url('//r.drom.ru/skin/close.png') left bottom no-repeat; width: 19px; height: 19px; } .map-top .close:hover { background-position: left top; } .map-top .search { position: absolute; display: block; top: 20px; left: 20px; } .map-top .search input { width: 438px; height: 17px; } .map-top .search .find { display: inline-block; background: url('//r.drom.ru/skin/trip_search.png') left top no-repeat; width: 40px; height: 21px; text-decoration: none; } .map-top .search .find:hover { background-position: left bottom; } .comments-files-wrap { font-size: 12px; margin-top: 10px; background: #f5f5f5; border: 1px solid #e9e9e9; border-radius: 5px; padding: 13px 20px 0 18px; } .comments-files-wrap .title { margin-bottom: 23px; } .comments .bottom { margin: 0 0 0 0; position: relative; background: none; padding: 40px 0 0 0; } .comments .bottom .okBig { display: inline-block; margin-left: 1px; padding: 9px 15px 10px 15px; width: auto; font-family: verdana; *padding-top: 4px; } .comments .bottom .grade-block { left: 288px; } .anons table, .twoCols { word-wrap: break-word; table-layout: fixed; } .insurance-offers, .credits { background: url('//r.drom.ru/skin/credits_head.png') left top no-repeat; width: 100%; padding-top: 22px; margin: 20px 0 11px 0; } .insurer-wrap, .creditor-wrap { border: 1px solid #bdbdbd; border-radius: 5px; margin-bottom: 20px; position: relative; } .creditor-wrap_last { margin-bottom: 0px;} .insure-wrap_theme_assist { border-color: #db001b;} .insurer-wrap.insurer-wrap_theme_assist { display: block; text-decoration: none; border: 1px solid #db001b;} .insurer-wrap.insurer-wrap_theme_assist .logo { background: #db001b;} .insurer-wrap.insurer-wrap_reset_margin { margin: 0;} .insurer-wrap a, .creditor-wrap a { display: block; text-decoration: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #ff0000; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .insurer-wrap { border-color: #c6c6c6; } .insurer-wrap_last { margin-bottom: 0px;} .insurer td, .creditor td { vertical-align: middle; } .insurer .logo, .creditor .logo { height: 58px; width: 59px; text-align: center; background: #bdbdbd; *width: 55px; *padding-left: 4px; *height: 56px; *padding-top: 2px; } .insurer .logo { background: #c6c6c6; } .insurer .description, .creditor .description { color: #4a4949; font-size: 11px; line-height: 16px; padding: 0 9px 0 9px;} @media (min-width: 1260px) { .insurer .logo, .creditor .logo { height: 38px; *height: 35px; *padding-top: 3px; } } .tokyo-topline { height: 20px; width: 100%; position: relative; background: #2a62b5; text-align: center; color: white; font-size: 12px; line-height: 19px; margin-bottom: 5px; } .tokyo-topline span { background: url('//r.drom.ru/skin/tokyo2013_topline.png') left top no-repeat; color: #e2e419; display: inline-block; padding-left: 50px; } .tokyo-topline .left { left: 0; } .tokyo-topline .left, .tokyo-topline .right { padding: 0 !important; position: absolute; top: 0; width: 35px; height: 20px; background: url('//r.drom.ru/skin/tokyo2013_topline.png') left -20px; } .tokyo-topline .right { right: 0; background-position: left -40px; } .tokyo-topline a, .mmc-topline .link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff0000; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .topLineParis { width: 100%; overflow: hidden; display: block; font-family: Verdana; color: #ffffff !important; position: relative;} .topLineParis .paris-left-side, .topLineParis .paris-right-side { float: left; box-sizing: border-box;} .topLineParis .paris-left-side { width: 36.64%; background: -moz-linear-gradient(top, rgba(216,7,7,1) 0%, rgba(216,7,7,1) 20%, rgba(230,14,18,1) 52%, rgba(239,19,22,1) 77%, rgba(239,19,22,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(216,7,7,1)), color-stop(20%, rgba(216,7,7,1)), color-stop(52%, rgba(230,14,18,1)), color-stop(77%, rgba(239,19,22,1)), color-stop(100%, rgba(239,19,22,1))); background: -webkit-linear-gradient(top, rgba(216,7,7,1) 0%, rgba(216,7,7,1) 20%, rgba(230,14,18,1) 52%, rgba(239,19,22,1) 77%, rgba(239,19,22,1) 100%); background: -o-linear-gradient(top, rgba(216,7,7,1) 0%, rgba(216,7,7,1) 20%, rgba(230,14,18,1) 52%, rgba(239,19,22,1) 77%, rgba(239,19,22,1) 100%); background: -ms-linear-gradient(top, rgba(216,7,7,1) 0%, rgba(216,7,7,1) 20%, rgba(230,14,18,1) 52%, rgba(239,19,22,1) 77%, rgba(239,19,22,1) 100%); background: linear-gradient(to bottom, rgba(216,7,7,1) 0%, rgba(216,7,7,1) 20%, rgba(230,14,18,1) 52%, rgba(239,19,22,1) 77%, rgba(239,19,22,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80707', endColorstr='#ef1316', GradientType=0 ); height: 38px; padding-right: 4px; } .topLineParis .paris-link { position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 38px; z-index: 3;} .topLineParis .paris-right-side { width: 63.35%; background: #000000; height: 29px; position: relative;} .topLineParis .paris-right-cont { background: url("//r.drom.ru/skin/top_lines/right-side.png") no-repeat left top; height: 38px; position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%;} .topLineParis .paris-logo, .topLineParis .left-text { float: right;} .topLineParis .left-text { font-size: 11px; line-height: 12px; padding: 6px 6px 6px 0px;} .topLineParis .right-text { font-size: 12px; line-height: 28px; position: relative; z-index: 2; padding: 0px 15px 0px 15px;} .mmc-topline { background: url("//r.drom.ru/skin/mmc-topline-bg.jpg") left top repeat-x; width: 100%; height: 30px;} .mmc-topline .mmc-wrapper { width: 500px; margin: 0px auto;} .mmc-topline .mmc-logo, .mmc-topline .mmc-text { float: left;} .mmc-topline .mmc-text { color: #ffffff; font-size: 14px; line-height: 30px;} /*.tireScroll .dealers-actions { top: -1px; display: inline-block; position: relative; margin-left: 21px; height: 14px; vertical-align: middle; } .tireScroll .dealers-actions i { background: url('//r.drom.ru/skin/snowflake.png'); width: 17px; height: 17px; position: absolute; top: -2px; left: -20px; *top: -1px; } @-moz-document url-prefix() { .tireScroll .dealers-actions i { top: -1px; } } .tireScroll .dealers-actions:hover i { background-position: left bottom; } */ .pdd-questions-list { margin: 39px 0 1px 0; font-size: 11px; position: relative; display: table; } .pdd-questions-list span { padding-right: 6px; display: table-cell; vertical-align: top; padding-top: 3px; *display: block; *float: left; *margin-top: -4px; } .pdd-questions-list .questions { display: table-cell; *display: block; *float: left; } .pdd-questions-list a { width: 26px; display: inline-block; text-align: center; font-size: 10px; margin-bottom: 10px; } .pdd-questions-list.check-yourself-question-list span { padding-right: 5px; margin-top: -1px; } .pdd-questions-list.check-yourself-question-list { margin: 20px 0 29px -1px; } .pdd-questions-list.check-yourself-question-list a { margin-bottom: 1px; border: 1px solid transparent; float: left; width: 29px; margin-right: 1px; height: 25px; padding-top: 4px; color: #555; text-decoration: none; top: 0; position: relative; line-height: 18px; } .pdd-questions-list.check-yourself-question-list a.failed { background: #db001b; border-color: #db001b; color: #fff; } .pdd-questions-list.check-yourself-question-list a.resolved { background: #85b73e; border-color: #85b73e; color: #fff; } .pdd-questions-list.exam-list a.resolved { background: none; color: #555; border-color: #e3e8ef; } .pdd-questions-list.check-yourself-question-list a.current { background: #e3e8ef; color: #000; border-color: #e3e8ef; } .question-preloader-wrap { width: 480px; margin: 6px 0 14px 1px; } .question-preloader-wrap td { background: #d3d3d5; height: 180px; text-align: center; vertical-align: middle; } .question-preloader { display: inline-block; } .question .question-preloader .preloader { display: inline; margin: 3px 0 0 0; } .question-preloader .preloader-text { margin-top: 12px; font-size: 14px; color: white; line-height: 20px; } .pdd-question-block { position: relative; padding: 4px 0 25px 17px; margin-bottom: -1px; margin-left: 1px; border: 1px solid transparent; } .pdd-question-block .show-right-answer { position: absolute; top: 13px; right: 19px; display: block; color: #f00000; text-decoration: none; border-bottom: 1px dashed #f00000; } .pdd-question-block h3 { padding-bottom: 19px; } .pdd-question-block .question-wrap { padding-right: 20px; } .pdd-question-block .question { margin: 0 0 0 1px; font-size: 14px; border-bottom: 1px solid #dcdcdc; padding-bottom: 7px; line-height: 22px; position: relative;} .pdd-question-block .question img { display: block; margin: 6px 0 14px 1px; } .pdd-question-block .question .answers { margin: 0 0 21px 1px; } .pdd-question-block .answers table { margin-bottom: 11px; } .pdd-question-block .comments-num { font-size: 11px; position: relative; display: inline-block; margin-left: 19px; } .pdd-question-block .comments-num i { position: absolute; left: -17px; background: url('//r.drom.ru/skin/dealers_controls.png') left -30px no-repeat; width: 13px; height: 10px; top: 5px; *top: 7px; } .pdd-question-block .answers { margin-bottom: 23px; } .pdd-question-block .answers .answer { padding: 7px 0 2px 0; font-size: 12px; margin-left: -17px; *overflow: hidden; line-height: 20px; margin-bottom: 0; } .pdd-question-block .answers a.answer { display: block; text-decoration: none; } .pdd-question-block .answers a.answer:hover { color: #0070ba !important; outline-color: #eee } .pdd-question-block .answers a.answer.hover { background: #e3e8ef; color: #F00000 !important; } .pdd-question-block .answers .answer .number { color: #555555; padding-left: 18px; width: 16px; } .pdd-question-block .answers a.answer .answer-text { text-decoration: underline; } .pdd-question-block .answers .radioWrp { width: 20px; padding-left: 3px; padding-top: 2px; *padding-top: 0; *width: 25px; } .pdd-question-block .answers td { *padding-top: 3px; } .pdd-question-block .answers div { line-height: 16px; margin-bottom: 4px; } .pdd-question-block .answers .right-answer { background: #daf2c5; } .pdd-question-block .answers .your-answer { color: #f00000; font-size: 11px; display: block; margin-top: 1px; } .pdd-question-block .answers .your-answer-right { color: #83b53d; font-size: 11px; display: block; margin-top: 1px; } .pdd-question-block.selected, .pdd-question-block:hover { background: #f5f5f5; border: 1px solid #e3e8ef; border-radius: 5px; } .pdd-question-block:hover .show-right-answer { position: absolute; top: 13px; right: 19px; display: block; color: #f00000; border-bottom: 1px dashed #f00000; text-decoration: none !important; } .pdd-question-block.check-yourself-results { padding-left: 0; } .pdd-question-block.check-yourself-results:hover { border: 1px solid transparent; border-radius: 0; background: white; } .pdd-question-block .ticket-buttons { margin: 33px 0 20px 3px; } .pdd-question-block.exam-ticket .ticket-buttons { margin-bottom: 0; } .pdd-question-block .skip-question { font-size: 12px; margin-left: -2px; margin-right: 36px; *margin-left: 0; } .pdd-question-block .show-hint { border-bottom: 1px dashed #f00000; background: url('//r.drom.ru/skin/red_arrow_down.png') 2px 4px no-repeat; color: #f00000; padding-left: 13px; text-decoration: none; *display: inline; *zoom: 1; *position: relative; *background-position: 2px 6px; } .pdd-question-block .show-hint:hover { text-decoration: none !important; } .pdd-question-block .show-hint.opened { background: url('//r.drom.ru/skin/red_arrow_up.png') 2px 4px no-repeat; *background-position: 2px 6px; } .pdd-question-block .answer-hint { font-style: italic; margin-left: 2px; margin-bottom: 21px; font-size: 12px; padding-right: 20px; } .drom-highlight-block { background-color: #fbf2b1; display: inline; } .tableEx .mp.highlighted, .tableEx .mm.highlighted, .tableEx .mpm.highlighted { background-color: #fbf2b1; display: inline-block; float: none; line-height: inherit; } .tableEx .drom-highlight-block .mp.highlighted, .tableEx .drom-highlight-block .mm.highlighted, .tableEx .drom-highlight-block .mpm.highlighted { background-color: transparent; margin-right: 0; padding-right: 8px; *margin-top: 2px; position: relative; *top: 2px; } doesnotexist:-o-prefocus, .tableEx .drom-highlight-block .highlighted { top: 3px; } .flash { padding: 9px 36px 12px 19px; margin: 16px 0 33px 0; font-size: 12px; position: relative; } .flash .close { text-decoration: none; position: absolute; top: 11px; right: 11px; background: url('//r.drom.ru/skin/close.png') left bottom no-repeat; width: 19px; height: 19px; } .flash .close:hover { background-position: left top; } .flash.notice { background: #79ae36; border-radius: 5px; color: white; } .pdd-big-links { margin: 42px 0 9px 0; *vertical-align: bottom; } .pdd-big-links a { font-size: 18px; display: inline-block; margin-bottom: 20px; *display: inline; *zoom: 1; } .pdd-big-links .your-school { display: inline-block; margin-left: 27px; *display: inline; *zoom: 1; *top: 1px; *position: relative; } .pdd-big-links .your-school a { margin: 0; font-size: 12px; display: inline-block; color: #f00000; text-decoration: none; border-bottom: 1px dashed #f00000; *display: inline; *zoom: 1; *top: 1px; *position: relative; } .pdd-big-links .your-school a:hover { text-decoration: none !important; } .questions-numbers .marked-green, .pdd-choose-category .marked-green { display: inline-block; background: url(//r.drom.ru/skin/pdd_index_green_marker.png) 0px 3px no-repeat; margin-left: -3px; padding-left: 3px; width: 72px; } .questions-numbers a { font-size: 18px; text-align: center; height: 26px; width: 42px; display: inline-block; padding-top: 3px; margin-right: -4px; margin-bottom: 11px; } .questions-numbers .right-answer, .questions-numbers .wrong-answer, .questions-numbers .skip-answer { color: #555; background: url(//r.drom.ru/skin/question_number_status.png) left top no-repeat; position: relative; } .questions-numbers .skip-answer { background-position: left -29px; } .questions-numbers .wrong-answer { background-position: left -58px; } .questions-numbers .numbers { margin-left: -2px; } .pdd .exam { margin-bottom: 39px; border-radius: 5px; background: #f5f5f5; border: 1px solid #e3e8ef; padding: 4px 17px 8px 17px; } .pdd .exam .description { display: inline-block; } .pdd .exam-wrap p { margin: -1px 0 0 1px; } .pdd .exam .start-exam { width: 189px; padding-left: 14px; padding-top: 15px; } .pdd .exam .start-exam div { width: 189px; height: 130px; background: url('//r.drom.ru/skin/pdd_exam_board.png') left top no-repeat; position: relative; } .pdd .exam .start-exam div a { position: absolute; top: 60px; left: 25px; width: 140px; height: 32px; display: block; text-decoration: none; color: white; font-size: 18px; text-align: center; background: url('//r.drom.ru/skin/pdd_exam_button.png') left top no-repeat; padding-top: 9px; } .pdd .exam .start-exam div a:hover { background-position: left bottom; color: white !important; } .pdd-choose-category { border-radius: 5px; background: #f5f5f5; border: 1px solid #e3e8ef; padding: 15px 17px 20px 17px; margin-bottom: 24px; } .pdd-choose-category .categories.hidden { display: none; } .pdd-choose-category .trigger { color: #555555; font-size: 18px; text-decoration:none; border-bottom: 1px dashed #555555; display: inline-block; position: relative; } .pdd-choose-category .trigger.closed { color: #0070ba; border-bottom: 1px dashed #0070ba; } .pdd-choose-category .trigger:hover { border-bottom-color: #F00000; text-decoration: none !important; } .pdd-choose-category .trigger i { width: 7px; height: 5px; position: absolute; background: url('//r.drom.ru/skin/trigger_arrows.png') left -10px no-repeat; top: 10px; right: -19px; } .pdd-choose-category .trigger i:hover, .pdd-choose-category .trigger:hover i { background-position: left -15px; } .pdd-choose-category .trigger.closed i { background-position: left 0; } .pdd-choose-category .trigger.closed i:hover, .pdd-choose-category .trigger.closed:hover i { background-position: left -5px; } .pdd-choose-category .categories { margin: 19px 0 0 0 } .pdd-choose-category .categories a { display: block; position: relative; margin-left: 30px; line-height: 16px; margin-bottom: 14px; } .pdd-choose-category .categories i { position: absolute; width: 19px; height: 19px; background: url('//r.drom.ru/skin/pdd_categories_icons.png?v=1.1') left top no-repeat; left: -28px; top: -1px; } .pdd-choose-category .categories table { width: 100%; } .pdd-choose-category .categories table td { width: 48%; padding-right: 2%; } .pdd-choose-category .categories .traffic_signs { background-position: 0px 0px; } .pdd-choose-category .categories .traffic_signs.skipped { background-position: -19px 0px; } .pdd-choose-category .categories .traffic_signs.failed { background-position: -38px 0px; } .pdd-choose-category .categories .traffic_signs.resolved { background-position: -57px 0px; } .pdd-choose-category .categories .general { background-position: 0px -32px; } .pdd-choose-category .categories .general.skipped { background-position: -19px -32px; } .pdd-choose-category .categories .general.failed { background-position: -38px -32px; } .pdd-choose-category .categories .general.resolved { background-position: -57px -32px; } .pdd-choose-category .categories .road_surface_marking { background-position: 0px -64px; } .pdd-choose-category .categories .road_surface_marking.skipped { background-position: -19px -64px; } .pdd-choose-category .categories .road_surface_marking.failed { background-position: -38px -64px; } .pdd-choose-category .categories .road_surface_marking.resolved { background-position: -57px -64px; } .pdd-choose-category .categories .signals { background-position: 0px -96px; } .pdd-choose-category .categories .signals.skipped { background-position: -19px -96px; } .pdd-choose-category .categories .signals.failed { background-position: -38px -96px; } .pdd-choose-category .categories .signals.resolved { background-position: -57px -96px; } .pdd-choose-category .categories .drive { background-position: 0px -128px; } .pdd-choose-category .categories .drive.skipped { background-position: -19px -128px; } .pdd-choose-category .categories .drive.failed { background-position: -38px -128px; } .pdd-choose-category .categories .drive.resolved { background-position: -57px -128px; } .pdd-choose-category .categories .speed { background-position: 0px -160px; } .pdd-choose-category .categories .speed.skipped { background-position: -19px -160px; } .pdd-choose-category .categories .speed.failed { background-position: -38px -160px; } .pdd-choose-category .categories .speed.resolved { background-position: -57px -160px; } .pdd-choose-category .categories .overtaking { background-position: 0px -192px; } .pdd-choose-category .categories .overtaking.skipped { background-position: -19px -192px; } .pdd-choose-category .categories .overtaking.failed { background-position: -38px -192px; } .pdd-choose-category .categories .overtaking.resolved { background-position: -57px -192px; } .pdd-choose-category .categories .stop { background-position: 0px -224px; } .pdd-choose-category .categories .stop.skipped { background-position: -19px -224px; } .pdd-choose-category .categories .stop.failed { background-position: -38px -224px; } .pdd-choose-category .categories .stop.resolved { background-position: -57px -224px; } .pdd-choose-category .categories .crossroads { background-position: 0px -256px; } .pdd-choose-category .categories .crossroads.skipped { background-position: -19px -256px; } .pdd-choose-category .categories .crossroads.failed { background-position: -38px -256px; } .pdd-choose-category .categories .crossroads.resolved { background-position: -57px -256px; } .pdd-choose-category .categories .lights_horn { background-position: 0px -288px; } .pdd-choose-category .categories .lights_horn.skipped { background-position: -19px -288px; } .pdd-choose-category .categories .lights_horn.failed { background-position: -38px -288px; } .pdd-choose-category .categories .lights_horn.resolved { background-position: -57px -288px; } .pdd-choose-category .categories .maintenance { background-position: 0px -320px; } .pdd-choose-category .categories .maintenance.skipped { background-position: -19px -320px; } .pdd-choose-category .categories .maintenance.failed { background-position: -38px -320px; } .pdd-choose-category .categories .maintenance.resolved { background-position: -57px -320px; } .pdd-choose-category .categories .safe_drive { background-position: 0px -352px; } .pdd-choose-category .categories .safe_drive.skipped { background-position: -19px -352px; } .pdd-choose-category .categories .safe_drive.failed { background-position: -38px -352px; } .pdd-choose-category .categories .safe_drive.resolved { background-position: -57px -352px; } .pdd-choose-category .categories .first_aid { background-position: 0px -384px; } .pdd-choose-category .categories .first_aid.skipped { background-position: -19px -384px; } .pdd-choose-category .categories .first_aid.failed { background-position: -38px -384px; } .pdd-choose-category .categories .first_aid.resolved { background-position: -57px -384px; } .pdd-choose-category .categories .responsibility { background-position: 0px -416px; } .pdd-choose-category .categories .responsibility.skipped { background-position: -19px -416px; } .pdd-choose-category .categories .responsibility.failed { background-position: -38px -416px; } .pdd-choose-category .categories .responsibility.resolved { background-position: -57px -416px; } .pdd-choose-category .categories .drive_order { background-position: 0px -448px; } .pdd-choose-category .categories .drive_order.skipped { background-position: -19px -448px; } .pdd-choose-category .categories .drive_order.failed { background-position: -38px -448px; } .pdd-choose-category .categories .drive_order.resolved { background-position: -57px -448px; } .pdd-choose-category .categories .bus { background-position: 0px -480px; } .pdd-choose-category .categories .bus.skipped { background-position: -19px -480px; } .pdd-choose-category .categories .bus.failed { background-position: -38px -480px; } .pdd-choose-category .categories .bus.resolved { background-position: -57px -480px; } .pdd-choose-category .categories .tow { background-position: 0px -512px; } .pdd-choose-category .categories .tow.skipped { background-position: -19px -512px; } .pdd-choose-category .categories .tow.failed { background-position: -38px -512px; } .pdd-choose-category .categories .tow.resolved { background-position: -57px -512px; } .pdd-choose-category .categories .special_signals { background-position: 0px -544px; } .pdd-choose-category .categories .special_signals.skipped { background-position: -19px -544px; } .pdd-choose-category .categories .special_signals.failed { background-position: -38px -544px; } .pdd-choose-category .categories .special_signals.resolved { background-position: -57px -544px; } .pdd-choose-category .categories .highway { background-position: 0px -576px; } .pdd-choose-category .categories .highway.skipped { background-position: -19px -576px; } .pdd-choose-category .categories .highway.failed { background-position: -38px -576px; } .pdd-choose-category .categories .highway.resolved { background-position: -57px -576px; } .pdd-choose-category .categories .training_bicycle { background-position: 0px -608px; } .pdd-choose-category .categories .training_bicycle.skipped { background-position: -19px -608px; } .pdd-choose-category .categories .training_bicycle.failed { background-position: -38px -608px; } .pdd-choose-category .categories .training_bicycle.resolved { background-position: -57px -608px; } .pdd-choose-category .categories .residential_area { background-position: 0px -640px; } .pdd-choose-category .categories .residential_area.skipped { background-position: -19px -640px; } .pdd-choose-category .categories .residential_area.failed { background-position: -38px -640px; } .pdd-choose-category .categories .residential_area.resolved { background-position: -57px -640px; } .pdd-choose-category .categories .railway { background-position: 0px -672px; } .pdd-choose-category .categories .railway.skipped { background-position: -19px -672px; } .pdd-choose-category .categories .railway.failed { background-position: -38px -672px; } .pdd-choose-category .categories .railway.resolved { background-position: -57px -672px; } .pdd-choose-category .categories .crossings { background-position: 0px -704px; } .pdd-choose-category .categories .crossings.skipped { background-position: -19px -704px; } .pdd-choose-category .categories .crossings.failed { background-position: -38px -704px; } .pdd-choose-category .categories .crossings.resolved { background-position: -57px -704px; } .pdd-choose-category .categories .transportation { background-position: 0px -736px; } .pdd-choose-category .categories .transportation.skipped { background-position: -19px -736px; } .pdd-choose-category .categories .transportation.failed { background-position: -38px -736px; } .pdd-choose-category .categories .transportation.resolved { background-position: -57px -736px; } .pdd-choose-category .categories .drivers_responsibility { background-position: 0px -768px; } .pdd-choose-category .categories .drivers_responsibility.skipped { background-position: -19px -768px; } .pdd-choose-category .categories .drivers_responsibility.failed { background-position: -38px -768px; } .pdd-choose-category .categories .drivers_responsibility.resolved { background-position: -57px -768px; } .pdd-choose-category .categories .emergency { background-position: 0px -800px; } .pdd-choose-category .categories .emergency.skipped { background-position: -19px -800px; } .pdd-choose-category .categories .emergency.failed { background-position: -38px -800px; } .pdd-choose-category .categories .emergency.resolved { background-position: -57px -800px; } .pdd-choose-category .categories .hard { background-position: 0px -832px; } .pdd-choose-category .categories .hard.skipped { background-position: -19px -832px; } .pdd-choose-category .categories .hard.failed { background-position: -38px -832px; } .pdd-choose-category .categories .hard.resolved { background-position: -57px -832px; } .reference-info { } .reference-info .c1 { width: 279px; } .reference-info .c2 { width: 201px; } .reference-info td a { display: block; margin-bottom: 4px; } .pdd-index-modal { width: 437px; padding: 11px 5px 20px 19px; background: white; margin: 0 auto; position: relative; } .pdd-index-modal h2 { font-family: verdana; margin-bottom: 21px; margin-left: -1px; } .pdd-index-modal .close { text-decoration: none; position: absolute; top: 21px; right: 21px; background: url('//r.drom.ru/skin/fBlClose.gif') left bottom no-repeat; width: 19px; height: 19px; } .pdd-index-modal .close:hover { background-position: left top; text-decoration: none;} .pdd-index-modal .field { display: inline-block; width: 425px; margin-bottom: 13px; } .pdd-index-modal .field.half { width: 210px; margin-right: 7px; *display: inline; *zoom: 1; } .pdd-index-modal .field.half.second { margin-right: 0; } .pdd-index-modal label { display: block; font-size: 12px; padding: 0; font-family: verdana; margin-bottom: 6px; line-height: 20px; } .pdd-index-modal .field select { margin-left: 1px; width: 421px; height: 21px; padding-left: 2px; } .pdd-index-modal .field.half select { width: 201px; } .pdd-index-modal .field.half select { } .pdd-index-modal .field input { width: 417px; height: 17px; margin-left: 1px; } .pdd-index-modal .add-school { text-decoration: none; display: block; width: 141px; height: 33px; margin: 0 auto; background: url('//r.drom.ru/skin/pdd_school_add_button.png') left top no-repeat; text-align: center; font-size: 18px; color: white; margin-top: 6px; margin-left: 141px; font-family: verdana; padding-top: 8px; } .drom-notouch .pdd-index-modal .add-school:hover, .drom-touch .pdd-index-modal .add-school:active { color: white !important; background-position: left bottom; text-decoration: none;} .pdd-train-time { font-size: 12px; font-family: verdana; background: #f5f5f5; border: 1px solid #e9e9e9; border-radius: 5px; display: inline-block; margin: 16px 0 0 0; padding: 9px 18px 10px 18px; *display: inline; *zoom: 1; } .pdd-train-time strong { font-weight: bold; font-size: 14px; } .pdd-train-ended { font-size: 12px; font-family: verdana; background: #f5f5f5; border: 1px solid #e9e9e9; border-radius: 5px; margin: 0 0 13px 0; padding: 4px 18px 8px 18px; } .pdd-tell-friends { font-size: 12px; margin-bottom: 37px; } .pdd-tell-friends .icos { margin-left: -7px; top: 4px; position: relative; *top: -2px; } .pdd-all-answers { float: right; font-size: 12px; line-height: 20px; *margin-top: -24px; } .pdd-reference { margin-bottom: 12px !important; font-size: 12px; font-family: verdana; background: #f5f5f5; border: 1px solid #e9e9e9; border-radius: 5px; display: block; margin: 34px 18px 9px 0px; padding: 13px 18px 10px 18px; } .pdd-reference span { font-weight: bold; display: block; } .pdd-reference div { font-style: italic; line-height: 20px !important; } .expert-comment { margin-bottom: 37px; } .expert-comment .name { font-size: 14px; margin-bottom: 20px; } .expert-comment .name span { color: #a6a6a6; } .expert-comment .comment-text { font-size: 12px; } .exam-results { position: relative; font-size: 12px; font-family: verdana; background: #f5f5f5; border: 1px solid #e9e9e9; border-radius: 5px; margin: 7px 0 13px 0; padding: 4px 18px 18px 197px; } .exam-results p { margin-left: 1px; margin-bottom: 8px; } .exam-results h3 { padding-bottom: 19px; } .exam-results .exam-failed-ill { background: url('//r.drom.ru/skin/exam_failed.png?1'); position: absolute; width: 215px; height: 157px; top: 4px; left: -1px; } .exam-results .exam-failed-ill-facepalm { background: url('//r.drom.ru/skin/exam_failed_facepalm.png') left top no-repeat; position: absolute; width: 168px; height: 154px; top: 9px; left: 12px; } .exam-results .exam-resolved-ill { background: url('//r.drom.ru/skin/exam_resolved.png'); width: 201px; height: 156px; position: absolute; top: 4px; left: -14px } .exam-results-links { margin: 20px 0 1px 0; } .exam-results-links a { display: block; margin-bottom: 7px; } .back-to-training { margin-left: 13px; position: relative; top: 1px; *top: -11px; } .schools { margin: 3px 0 34px 0; font-size: 12px; } .school { } .school table { margin: 2px 0 25px 0; } .school table .c1 { width: 241px; padding-right: 19px; } .school table .c1 div { position: relative; } .school img { margin: 3px 0 0 1px; } .school .c1 div .rate { background: url('//r.drom.ru/skin/reviewsMark.png') left top no-repeat; height: 18px; top: 18px; right: 13px; padding-left: 23px; width: 24px; line-height: 18px; position: absolute; color: white; font-size: 11px; } .school .c1 div .rate.mid { background-position: left -18px; } .school .c1 div .rate.low { background-position: left -36px; color: #4a4949; } .votes { margin: 0 0 17px 1px; } .votes .thumb-up, .votes .thumb-down { background: url('//r.drom.ru/skin/vote_thubms.png') left top no-repeat; height: 15px; text-decoration: none; color: #555555; padding-left: 19px; line-height: 15px; display: inline-block; margin-right: 5px; } .votes .thumb-down { background-position: left -30px; } .votes .thumb-up:hover { background-position: left -15px; color: #555555 !important; } .votes .thumb-down:hover { background-position: left -45px; color: #555555 !important; } .school .info div span { padding-right: 4px; color: #aaaaaa; } .school-full { font-size: 12px; margin-bottom: 30px;} .school-full .map-and-filials .c1, .school-full .about .c1, .bm-inner-article .about .c1 { width: 420px; padding-right: 19px; } .school-full .about { margin-top: 16px; margin-bottom: 0px; } .school-full .about img { margin-bottom: 0px; } .school-full .grade-wrap { margin-left: 2px; background: #f5f5f5; border: 1px solid #e9e9e9; border-radius: 5px; padding: 19px 16px 18px 18px; margin-bottom: 13px; } .school-full .grade { background: url('//r.drom.ru/skin/grade_bg.png') left top repeat-x; margin-right: 18px; color: white; font-size: 28px; line-height: 28px; display: inline-block; padding: 16px 7px 17px 8px; float: left; } body:not(:-moz-handler-blocked) .school-full .grade { padding: 15px 7px 18px 8px; } .school-full .grade.mid { background-position: left -61px; } .school-full .grade.low { background-position: left -122px; } .grade-wrap .description { padding-top: 6px; font-size: 11px; line-height: 16px; color: #a9a9a9; } .school-full .schedule div span, .school-full .info div span, .bm-inner-article .info span { padding-right: 4px; color: #aaaaaa; } .school-full .info div span.rouble { padding-right: 0; color: #555; } .school-full .votes { margin-left: 2px; margin-bottom: 14px; } .school-full .info .main-info { margin-bottom: 26px; } .school-full .info .additional-info { margin-bottom: 20px; } .school-full .schedule { width: 383px; font-size: 12px; font-family: verdana; background: #f5f5f5; border: 1px solid #e9e9e9; border-radius: 5px; display: inline-block; margin: 7px 0 0 0; padding: 13px 18px 6px 17px; *display: inline; *zoom: 1; } .school-full .schedule div { margin-bottom: 20px; } .school-full .map-and-filials { margin-top: -8px; margin-bottom: 15px; } .school-full .map-and-filials #map-canvas { margin-top: 15px; } .school-full .map-and-filials .filials-info p { margin-bottom: 20px; } .school-full .map-and-filials .filials-info a { color: #f00000; text-decoration: none; border-bottom: 1px dashed #f00000; } .school-full .map-and-filials .filials-info a:hover { text-decoration: none !important; } .school-filials-modal { width: 760px; padding: 11px 19px 27px 19px; background: white; margin: 0 auto; position: relative; line-height: 20px; font-family: verdana; font-size: 12px; } .school-filials-modal h2 { font-family: verdana; margin-bottom: 21px; margin-left: -1px; } .school-filials-modal .close { text-decoration: none; position: absolute; top: 21px; right: 21px; background: url('//r.drom.ru/skin/fBlClose.gif') left bottom no-repeat; width: 19px; height: 19px; } .school-filials-modal .close:hover { background-position: left top; } .school-filials-modal p { margin-bottom: 20px; } .third-col-add-school-info { width: 880px; } .third-col-add-school-info .c3, .third-col-add-school-info .c1 { width: 283px; padding-right: 17px; } .third-col-add-school-info .c3 input, .third-col-add-school-info .c1 input { width: 277px; } .third-col-add-school-info .c2 { width: 263px; padding-right: 17px; } .third-col-add-school-info .c2 input { width: 257px; } .third-col-add-school-info td { padding-bottom: 13px; } .third-col-add-school-info .type-checkbox { display: inline-block; position: relative; margin-right: 14px; *zoom: 1; *display: inline; } .third-col-add-school-info .type-checkbox input { width: auto; display: inline-block; position: relative; top: 2px; margin-right: 11px; *zoom: 1; *display: inline; } .schedule-and-filials input[type="text"] { width: 537px; } .schedule-and-filials .delete { text-decoration: none; position: absolute; right: 309px; top: 1px; background: url('//r.drom.ru/skin/close.png') left bottom no-repeat; width: 19px; height: 19px; } .schedule-and-filials .delete:hover { background-position: left top; } .schedule-and-filials .add-filial { text-decoration: none; } .schedule-and-filials .add-filial:hover { text-decoration: none !important; } .schedule-and-filials .filial { display: block; position: relative; margin-top: 5px; margin-bottom: 20px; } .schedule-and-filials .add-filial { position: relative; color: #f00000; top: -6px; margin-left: 15px; border-bottom: 1px dashed #f00000; } .schedule-and-filials .add-filial i { position: absolute; left: -13px; top: -4px; } .school-additional { margin-top: -10px; } .add-school-form .bottom { padding-top: 21px; padding-left: 20px; } .add-school-form .okBig { font-family: verdana; } .add-school-form .add-school-button { background: url('//r.drom.ru/skin/buttton_bg.png') left top repeat-x; display: inline-block; color: white; text-decoration: none; height: 33px; text-align: center; padding: 8px 20px 0 20px; font-size: 18px; margin-right: 14px; } .add-school-form .add-school-button:hover { background-position: left -41px; color: white !important; } .start-training { height: 60px; border-radius: 5px; position: relative; background: #f5f5f5; border: 1px solid #e3e8ef; padding: 18px 300px 21px 18px; margin: 16px 0 -6px 0; font-size: 12px; } .start-training-button { padding-top: 10px; text-align: center; padding-right: 2px; top: 19px; right: 19px; width: 259px; height: 50px; position: absolute; display: inline-block; font-size: 11px; line-height: 16px; color: white; text-decoration: none; background: url('//r.drom.ru/skin/start_training_button_bg.png') left top repeat-x; } .drom-notouch .start-training-button:hover, .drom-touch .start-training-button:active { background-position: left bottom; color: white !important; text-decoration: none;} .training-timeless-icon, .training-timed-icon { position: absolute; } .training-timeless-icon { width: 18px; height: 18px; background: url('//r.drom.ru/skin/start_training_timeless_icon.png') left top no-repeat; left: 62px; top: 9px; } .training-timed-icon { left: 61px; top: 5px; width: 19px; height: 24px; background: url('//r.drom.ru/skin/start_training_timed_icon.png') left top no-repeat; } .start-training-title { font-size: 18px; margin-bottom: 6px; margin-left: 29px; } .zeropixel { display: none; } .menu.ny2014 { background: url('//r.drom.ru/skin/ny_2014_menu_bg_1.png') left top repeat-x; margin-bottom: 18px; } .menu.ny2014 td { height: 56px; } .menu.ny2014 td .hov { position: absolute; display: none; } .menu.ny2014 div, .menu.ny2014 a { background: none; } .menu-2014-left, .menu-2014-right { position: absolute; top: 77px; width: 20px; height: 56px; } .menu-2014-left { left: 0; background: url('//r.drom.ru/skin/ny_2014_menu_left.png') left top no-repeat; } .menu-2014-right { right: 0; background-position: left bottom; background: url('//r.drom.ru/skin/ny_2014_menu_right.png') left top no-repeat; } body .menu.ny2014 .colSel { padding: 0 2px 0 2px; background: #4f96c6 !important; } .menu.ny2014 .hover, .menu.ny2014 .divSel { background: url('//r.drom.ru/skin/ny_2014_menu_bg_hover_selected_1.png') left top repeat-x !important; } .top .ny-2014-logo { background: url('//r.drom.ru/skin/ny_2014_logo_1.png'); width: 172px; height: 35px; top: 21px; } @media (-webkit-min-device-pixel-ratio: 1.5) { .top .ny-2014-logo { background-image: url('//r.drom.ru/skin/ny_2014_logo_retina_1.png'); background-size: 172px 35px; } } /* avtogoda */ .avtogoda-widget.fixed { width: 680px; height: 40px; margin: 16px 0; } .avtogoda-widget.fixed.has-collation { background: url(//r.drom.ru/skin/partners/autogoda/680x40.png) no-repeat; } .avtogoda-widget.fixed.no-collation { background: url(//r.drom.ru/skin/partners/autogoda/680x40-2.jpg) no-repeat; } .avtogoda-widget.pullover { width: 100%; height: 20px; /* background: url(http://www.drom.ru/static/skin/partners/autogoda/1280-20-1.png?v2) center no-repeat #006FB8; #EF3026 */ background: url(//r.drom.ru/skin/partners/autogoda/AYBanner-Amarok2014-1024x20.gif) center no-repeat #EF3026; /* #EF3026 */ } .countries-top-by-medals { width: 401px; margin-right: 20px; float: left; font-size: 12px; } .countries-top-by-medals table { margin-top: -6px; width: auto; } .olympic-page { font-size: 12px; } .olympic-page .medal { position: relative; vertical-align: top; display: inline-block; padding-left: 14px; } .olympic-page .medal i { display: inline-block; background: url('//r.drom.ru/skin/olimpic_medals.png') left top no-repeat; height: 9px; position: absolute; left: 0; top: 6px; } .olympic-page .medal.gold i { width: 9px; background-position: left -69px; } .olympic-page .medal.silver i { width: 9px; background-position: left -78px; } .olympic-page .medal.bronze i { width: 9px; background-position: left -87px; } .olympic-page .medal.all { padding-left: 26px; } .olympic-page .medal.all i { width: 27px; background-position: left -15px; } .countries-top-by-medals table .number { width: 22px; white-space: nowrap; } .countries-top-by-medals table td { height: 27px; } .countries-top-by-medals table .country { width: 160px; } .countries-top-by-medals table .russia-rating .country span { background: url('//r.drom.ru/skin/olimpic_medals_russia_bg.png') left 2px no-repeat; position: relative; left: -7px; padding-left: 7px; width: 58px; display: inline-block; } .countries-top-by-medals table .country img { margin-right: 9px; } .countries-top-by-medals table .medal-count { width: 40px; } .countries-top-by-medals table .total-medal-count { width: 50px; padding-left: 19px; font-weight: bold; } .countries-top-by-medals table .russia-rating .medal { left: -2px; padding-left: 16px; } .countries-top-by-medals table .russia-rating .medal.all { left: -1px; padding-left: 28px; } .countries-top-by-medals table .russia-rating .medal i { top: 2px; width: 13px; height: 15px; } .countries-top-by-medals table .russia-rating .medal.gold i { background-position: left -24px; } .countries-top-by-medals table .russia-rating .medal.silver i { background-position: left -39px; } .countries-top-by-medals table .russia-rating .medal.bronze i { background-position: left -54px; } .countries-top-by-medals table .russia-rating .medal.all i { background-position: left top; width: 28px; } .olympic-user-ratings { position: relative; padding: 4px 9px 12px 17px; margin-bottom: 13px; width: 234px; font-size: 12px; background: #f5f5f5; border: 1px solid #e3e8ef; border-radius: 5px; } .ratings-and-legal-notice-wrap { width: 234px; float: left; } .olympic-user-ratings .red-bar { margin-bottom: -2px; padding-top: 16px; font-size: 9px; text-align: center; top: -1px; left: 171px; color: white; position: absolute; width: 77px; height: 45px; background: url('//r.drom.ru/skin/olympic_rating_red_bar.png') left top no-repeat; } .olympic-user-ratings .red-bar span { font-size: 24px; display: block; } .olympic-user-ratings h3 { padding-bottom: 8px; } .olympic-user-ratings .text { padding-left: 1px; margin-bottom: 2px; } .olympic-user-ratings .text .position-link { display: block; margin-bottom: 23px; } .olympic-user-ratings .user-top .header { font-weight: bold; margin-bottom: 7px; padding-left: 0; } .olympic-user-ratings .user-top ol { margin: 7px 0 0 0; padding: 0 0 0 20px; //margin-left: 3px; } .olympic-user-ratings .user-top ol li { margin-left: 0; margin-bottom: 7px; } .olympic-user-ratings .user-top div span { color: #aaaaaa; font-size: 11px; margin-left: 4px; } .olympic-ratings { margin-bottom: 37px; } .olympic-quizes-header, .big-arrow-link { position: relative; font-size: 24px; display: block; text-decoration: none; padding-bottom: 21px; outline: none; } .olympic-quizes-header.open, .big-arrow-link .open { border-bottom: 1px solid #e3e8ef; } .olympic-quizes-header span, .big-arrow-link span { border-bottom: 1px dashed #0070ba; } .olympic-quizes-header:hover span, .big-arrow-link:hover span { border-bottom-color: #F00000; text-decoration: none !important; } .olympic-quizes-header:hover, .big-arrow-link:hover { text-decoration: none !important; } .olympic-quizes-header i, .big-arrow-link i { background: url('//r.drom.ru/skin/header_arrow.png') right top no-repeat; width: 18px; height: 5px; position: absolute; top: 10px; //top: 15px; } .olympic-quizes-header.open i, .big-arrow-link.toogle-packet-rule-close i { background-position: right bottom; } .big-arrow-link.toogle-packet-rule.toogle-packet-rule-close { padding-bottom: 0; } .quiz-form { } .quizes-list { margin-bottom: 38px; } .quizes-list.closed { display: none; } .olympic-page .olympic-quiz .medal { position: relative; vertical-align: top; display: inline-block; padding-left: 14px; } .olympic-quiz { padding-top: 2px; font-size: 12px; border-bottom: 1px solid #e3e8ef; } .olympic-quiz .quiz-title { margin-bottom: 15px; } .olympic-quiz .title-text, .olympic-quiz .title-timer { display: inline-block; vertical-align: top; } .olympic-quiz .title-text { /*width: 375px; padding-right: 20px;*/ padding-right: 2.95%; width: 55.147%; float: left; } .olympic-quiz .title-timer { width: 280px; padding-top: 12px; color: #aaaaaa; float: right; } .olympic-quizes.ended-quizes .title-timer { color: #f00000; } .olympic-quizes.ended-quizes .olympic-quizes-header.open { border: none; padding-bottom: 15px; } .olympic-quizes.ended-quizes .title-timer { color: #f00000; } .olympic-quizes.comming-quizes .title-timer { color: #79ae36; padding-top: 11px; } .olympic-quizes.comming-quizes .quiz-title { margin-bottom: 5px; } .olympic-quizes.comming-quizes .title-text { font-weight: bold; padding-top: 11px; } .olympic-quiz h4 { line-height: 22px; padding-bottom: 0; } .olympic-quiz .quiz-form table { width: auto; margin-bottom: 13px; } .olympic-quiz .quiz-form td { width: 160px; padding-right: 20px; padding-bottom: 6px; vertical-align: top; } .olympic-quiz .quiz-form select { width: 160px; height: 21px; } .olympic-quiz .quiz-form input[type="submit"] { font-size: 11px; font-family: verdana; width: 121px; padding: 1px 0 3px 0; //padding-bottom: 1px; } @media screen and (min--moz-device-pixel-ratio:0) { .olympic-quiz .quiz-form input[type="submit"] { padding: 0px; } } .olympic-quiz.answered { background: #f5f5f5; padding-left: 19px; } .olympic-quiz.answered .title-text { width: 356px; } .olympic-quiz.answered .edit-link { font-size: 11px; display: inline-block; position: relative; margin-left: 1px; top: -1px; } .olympic-quiz .answers { margin-top: 17px; margin-bottom: 26px; } .olympic-quiz .answers .choosed-variants { margin: -1px 0 20px 0; } .olympic-quiz .answers .medal { margin-right: 16px; } .olympic-quiz .answers .olympic-russian-medal { color: #79ae36; } .olympic-quizes.comming-quizes .olympic-quiz h4 { padding-bottom: 8px; } .olympic-quiz-edit-answer-modal { font-family: verdana; width: 537px; padding: 11px 5px 20px 19px; background: white; margin: 0 auto; position: relative; font-size: 12px; } .olympic-quiz-edit-answer-modal .close { text-decoration: none; position: absolute; top: 21px; right: 21px; background: url('//r.drom.ru/skin/fBlClose.gif') left bottom no-repeat; width: 19px; height: 19px; } .olympic-quiz-edit-answer-modal .close:hover { background-position: left top; } .olympic-quiz-edit-answer-modal h2 { width: 500px; font-family: verdana; margin-bottom: 4px; margin-left: -1px; } .olympic-quiz-edit-answer-modal .timer { color: #aaaaaa; margin-bottom: 26px; } .olympic-quiz-edit-answer-modal .medal { padding-left: 15px; } .olympic-quiz-edit-answer-modal .medal i { top: 3px; left: 1px; } .olympic-quiz-edit-answer-modal select { width: 160px; margin-right: 19px; margin-left: 1px; height: 21px; } .olympic-quiz-edit-answer-modal td { padding-bottom: 9px; vertical-align: top; } .modal-quiz-form { margin-bottom: 30px; } .olympic-quiz-edit-answer-modal .send-answer { background: url('//r.drom.ru/skin/buttton_bg.png') left top repeat-x; display: inline-block; text-align: center; font-size: 18px; color: white; text-decoration: none; padding: 8px 25px 0 22px; height: 33px; margin-left: 1px; } .olympic-quiz-edit-answer-modal .send-answer:hover { color: white !important; background-position: left -41px; } .menu.sochi-2014 { background: none; } .menu.sochi-2014 .menu-item-1, .menu.sochi-2014 .menu-item-2, .menu.sochi-2014 .menu-item-3, .menu.sochi-2014 .menu-item-4, .menu.sochi-2014 .menu-item-5 { background: url('//r.drom.ru/skin/menu_sochi_2014.jpg') center top repeat-x; } .menu.sochi-2014 .menu-item-1 { } .menu.sochi-2014 .menu-item-2 { background-position: center -56px; } .menu.sochi-2014 .menu-item-3 { background-position: center -112px; } .menu.sochi-2014 .menu-item-4 { background-position: center -168px; } .menu.sochi-2014 .menu-item-5 { background-position: center -224px; } .menu.sochi-2014 .hover { background: url(//r.drom.ru/skin/menu.jpg) left -336px repeat-x; } .menu.sochi-2014 a, .menu.sochi-2014 .divSel, .menu.sochi-2014 .colSel .s, .menu.sochi-2014 .hover a { background: none !important; } .menu.sochi-2014 a { padding-top: 16px; padding-bottom: 2px; } .menu.sochi-2014 div { background: none; } .top .logo.sochi-2014-logo { background: url(//r.drom.ru/skin/logo_sochi_x21.png) left top no-repeat; background-size: 171px 38px; width: 171px; height: 38px; *background-image: url(images/skin/logo_sochi.png) } @media \0screen { .top .logo.sochi-2014-logo { background-image: url(//r.drom.ru/skin/logo_sochi1.png) } } .olympic-page .legal-notice { color: #aaaaaa; font-size: 12px; margin-left: -1px; } .olympic-newsline { margin-bottom: 25px; } .olympic-newsline td { padding-right: 2.8571428571428568%; width: 47.142857142857146% } .olimpic-sportsru-news h3 { display: none; } .olimpic-sportsru-news .date { margin: 0; display: block; } .olimpic-sportsru-news p { margin-bottom: 20px; } .olimpic-dromru-news .olymic-link-to-forum { font-weight: bold; display: block; margin: 12px 0 20px 0; } .olimpic-dromru-news .olympic-link-from-forum { margin-bottom: 8px; } .olimpic-dromru-news .olympic-link-from-forum a { display: block; } .olimpic-dromru-news .olympic-link-from-forum span { color: #aaaaaa; font-size: 11px; } .olympic-helper-links { margin-top: 21px; margin-bottom: 45px; } .olympic-helper-links a { font-size: 14px; border-bottom: 1px dashed #0070ba; text-decoration: none; } .olympic-helper-links a:hover { border-bottom: 1px dashed #F00000; text-decoration: none !important; } .olympic-read-rules-link { margin-right: 24px; } .main-auth-widget { padding: 13px 19px 19px 19px; background: #f5f5f5; border-radius: 5px; border: 1px solid #e3e8ef; margin-bottom: 40px; } .main-auth-widget .auth-from .half-width-field-col { margin-bottom: 18px; width: 316px; padding-top: 6px; display: inline-block; *zoom: 1; *display: inline; } .main-auth-widget .auth-from label { display: block; padding: 0; margin-bottom: 9px; } .main-auth-widget .auth-from label.invalid { color: #f00000; } .main-auth-widget .auth-from input { width: 293px; height: 18px; padding: 0 0 0 6px; } .main-auth-widget .auth-from .auth-button { padding: 9px 27px 0 26px; height: 32px; margin-left: 1px; margin-right: 15px; background: url('//r.drom.ru/skin/buttton_bg.png') left top repeat-x; display: inline-block; color: white; text-decoration: none; text-align: center; font-size: 18px; } .main-auth-widget .auth-from .auth-button:hover { background-position: left -41px; color: white !important; } .main-auth-widget .auth-from .forgot-password { display: inline-block; top: -1px; position: relative; *top: -13px; } .main-auth-widget .error-flash-message { margin-bottom: 22px; border-radius: 5px; background: #e90000; color: white; display: inline-block; padding: 9px 18px 12px 19px; *zoom: 1; *display: inline; } .olympic-ratings .last-update-message { margin-top: 9px; } .ended-quizes-table th { padding: 0 4px 6px 0; border-bottom: 2px solid #0b0c0c; text-align: left; font-weight: normal; font-size: 11px; color: #a6a6a6; } .ended-quizes-table td { padding-right: 12px; } .ended-quizes-table .scores { padding-left: 20px; } .ended-quizes-table td.scores { font-weight: bold; color: #525354; } .ended-quizes-table .first-line td { padding-top: 12px; } .ended-quizes-table .name-of-the-discipline { font-weight: bold; color: #525354; line-height: 20px; } .ended-quizes-table .ended-quizes-your-answer { border-top: 1px solid #e3e8ef; margin-top: 6px; padding-top: 13px; } .ended-quizes-table .title-timer-td { text-align: right; color: #f00000; } .ended-quizes-table .correct-prognosis { color: #79ae36; } .ended-quizes-table .medal-th { width: 116px; } .ended-quizes-table .underscored-td { border-bottom: 1px solid #e3e8ef; padding-bottom: 6px; } .ended-quizes-table .sub-header { color: #a6a6a6; } .olympic-page .quiz-info { margin-top: -24px; margin-bottom: 45px; } .olympic-page .prognosis-invitation-text { margin-bottom: 19px; } .olympic-page .hide-prognosis-link { border-bottom: 1px dashed #0070ba; text-decoration: none; } .olympic-page .hide-prognosis-link:hover { border-bottom: 1px dashed #F00000; text-decoration: none !important; } .olympic-page .ended-quizes-total-score { float: right; margin-right: 31px; *margin-top: -21px; } .olympic-page .ended-quizes-total-score strong { font-size: 18px; font-weight: normal; } .olympic-users-top th { padding: 0 4px 6px 0; border-bottom: 2px solid #0b0c0c; text-align: left; font-weight: normal; font-size: 11px; color: #a6a6a6; } .olympic-users-top .position-col { width: 75px; } .olympic-users-top .avatar-col { width: 117px; } .olympic-users-top .scores-col { width: 80px; } .olympic-users-top .scores { font-weight: bold; } .olympic-users-top .place { font-weight: bold; padding-left: 20px; } .olympic-users-top td { padding-top: 12px; border-bottom: 1px solid #e3e8ef; padding-bottom: 9px; } .olympic-users-top .avatar-img { text-decoration: none; margin-left: 2px; } .olympic-users-top .avatar-img img { margin-top: -3px; } .olympic-users-top .current-user td { background: #f5f5f5; } .new-menu.menu td { font-size: 16px; width: 16.666666666666668% } .comments .a { padding-right: 10px; } body .comments .item { margin-bottom: 0; padding-top: 15px; } .item.gold-comment { background: url('//r.drom.ru/skin/gold_comment_bg.png') left top repeat-y; } .gold-comment .gold-comment-right-border { background: url('//r.drom.ru/skin/gold_comment_right_border.png') left top repeat-y; width: 104px; height: 100%; position: absolute; right: 0; top: 0; } .comments .t { margin-left: 139px; margin-right: 100px; font-size: 16px; line-height: 26px; word-break: break-word; word-wrap: break-word; -ms-word-break: break-all;} .item.gold-comment .t { margin-right: 120px; } .comments .qu .co { background: url('//r.drom.ru/skin/comment_quote_arrow.png') left top no-repeat; } .comments .f { border-top-color: #efe9d9; } .comments-context-link { display: block; margin: 8px 0 4px 0; text-decoration: none; } .comments-context-link span { border-bottom: 1px dashed #0070ba; } .comments-context-link:hover span { border-bottom-color: #F00000; text-decoration: none !important; } .comments { margin-bottom: 15px; overflow: hidden;} .main a { text-decoration: none !important; } .main a:hover { text-decoration: underline !important; } h2.main, h3.main, h4.main { padding: 12px 0 20px; color: #555; font-size: 18px; margin: 0; line-height: 1em; font-weight: normal; } #index h2.main span { padding-bottom: 0; margin-left: 0; border-left: none; font-size: 18px; } .reviews.top-by-grade { margin-top: 14px; } .reviews.top-by-grade .n { display: inline; } .reviews.top-by-grade .nc { margin-left: 8px; margin-top: 5px; } .reviews.top-by-grade .item { height: 220px; } .model-type-trigger { font-size: 12px; margin: 0 0 26px -1px; } .model-type-trigger a, .model-type-trigger span { margin-right: 16px; } .model-type-trigger a { text-decoration: none; border-bottom: 1px dashed #0070ba; } .model-type-trigger a:hover { border-bottom-color: #f00000; text-decoration: none !important; } .responsive-right { float: left; width: 41.40%;} .huge-links { font-size: 16px;} .huge-links a { display: inline-block; margin-bottom: 9px;} .grade-page-head { margin-bottom: 34px; } .grade-page-head .image { width: 400px; } .grade-description { border: 1px solid #e9e9e9; border-radius: 5px; margin-bottom: 13px; } .grade-page-head .grade-price { margin-left: -1px; } .grade-description .head { background: #f5f5f5; padding: 19px 0 22px 19px; font-size: 12px; position: relative; } .grade-opened .head { background: #ffffff;} .responsive-right .grade-description .head { padding: 19px 12px 19px 19px;} .responsive-right .grade-description .grade { margin: 0 17px 0px 0;} .grade-description .foot { background: #e9e9e9; padding: 9px 18px 11px 18px; } .grade-page-head td { vertical-align: top; } .grade-description .grade { margin: 0 17px 12px 0; float: left; color: white; font-size: 28px; display: inline-block; padding: 20px 7px 21px 8px; background: rgba(246,12,8,1); background: -moz-linear-gradient(top, rgba(246,12,8,1) 0%, rgba(228,6,3,1) 30%, rgba(214,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,12,8,1)), color-stop(30%, rgba(228,6,3,1)), color-stop(100%, rgba(214,0,0,1))); background: -webkit-linear-gradient(top, rgba(246,12,8,1) 0%, rgba(228,6,3,1) 30%, rgba(214,0,0,1) 100%); background: -o-linear-gradient(top, rgba(246,12,8,1) 0%, rgba(228,6,3,1) 30%, rgba(214,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(246,12,8,1) 0%, rgba(228,6,3,1) 30%, rgba(214,0,0,1) 100%); background: linear-gradient(to bottom, rgba(246,12,8,1) 0%, rgba(228,6,3,1) 30%, rgba(214,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60c08', endColorstr='#d60000', GradientType=0 ); } .grade-description .grade.low { background: rgba(149,149,149,1); background: -moz-linear-gradient(top, rgba(149,149,149,1) 0%, rgba(141,141,141,1) 15%, rgba(142,142,142,1) 75%, rgba(139,139,139,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(149,149,149,1)), color-stop(15%, rgba(141,141,141,1)), color-stop(75%, rgba(142,142,142,1)), color-stop(100%, rgba(139,139,139,1))); background: -webkit-linear-gradient(top, rgba(149,149,149,1) 0%, rgba(141,141,141,1) 15%, rgba(142,142,142,1) 75%, rgba(139,139,139,1) 100%); background: -o-linear-gradient(top, rgba(149,149,149,1) 0%, rgba(141,141,141,1) 15%, rgba(142,142,142,1) 75%, rgba(139,139,139,1) 100%); background: -ms-linear-gradient(top, rgba(149,149,149,1) 0%, rgba(141,141,141,1) 15%, rgba(142,142,142,1) 75%, rgba(139,139,139,1) 100%); background: linear-gradient(to bottom, rgba(149,149,149,1) 0%, rgba(141,141,141,1) 15%, rgba(142,142,142,1) 75%, rgba(139,139,139,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#8a8c93', GradientType=0 ); } .grade-description .grade.mid { background: rgba(89,89,89,1); background: -moz-linear-gradient(top, rgba(89,89,89,1) 0%, rgba(80,80,80,1) 15%, rgba(65,65,65,1) 50%, rgba(60,60,60,1) 75%, rgba(55,55,55,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(89,89,89,1)), color-stop(15%, rgba(80,80,80,1)), color-stop(50%, rgba(65,65,65,1)), color-stop(75%, rgba(60,60,60,1)), color-stop(100%, rgba(55,55,55,1))); background: -webkit-linear-gradient(top, rgba(89,89,89,1) 0%, rgba(80,80,80,1) 15%, rgba(65,65,65,1) 50%, rgba(60,60,60,1) 75%, rgba(55,55,55,1) 100%); background: -o-linear-gradient(top, rgba(89,89,89,1) 0%, rgba(80,80,80,1) 15%, rgba(65,65,65,1) 50%, rgba(60,60,60,1) 75%, rgba(55,55,55,1) 100%); background: -ms-linear-gradient(top, rgba(89,89,89,1) 0%, rgba(80,80,80,1) 15%, rgba(65,65,65,1) 50%, rgba(60,60,60,1) 75%, rgba(55,55,55,1) 100%); background: linear-gradient(to bottom, rgba(89,89,89,1) 0%, rgba(80,80,80,1) 15%, rgba(65,65,65,1) 50%, rgba(60,60,60,1) 75%, rgba(55,55,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#373737', GradientType=0 ); } .grade-description .model-mark { padding: 7px 8px 11px 8px;} .grade-description .grade i { font-style: normal; font-size: 9px; line-height: 9px; display: block; width: 100%; text-align: center; margin: 0px auto 5px auto;} /*.grade-description .grade.mid { background-position: left -61px; } .grade-description .grade.low { background-position: left -122px; }*/ .grade-description .grade-info { font-size: 11px; line-height: 16px; color: #a9a9a9; margin: -2px 0 0 0; } .grade-description .grade-info.more-gray { color: #555555;} .grade-description .size-bigger { font-size: 12px; line-height: 20px;} .grade-description .grade-info img { top: 1px; position: relative; } .grade-description .grade-more { color: #006aae; border-bottom: 1px dashed #006aae; cursor: pointer; font-size: 11px;} .grade-description .grade-more:hover { border-color: #f00000; color: #f00000;} .grade-description .metrics { margin: 0 0 0 -1px; width: auto; } .grade-description .metrics .title { padding: 0 8px 1px 0; } .grade-description .metrics .bar { height: 7px; display: inline-block; line-height: 7px; position: relative; bottom: 0px; *zoom: 1; *display: inline; *margin-right: 4px; } .grade-description .metrics .high .bar { background: #e50000 } .grade-description .metrics .mid .bar { background: #1b1b1b } .grade-description .metrics .low .bar { background: #a9a9a9 } .grade-description .metrics .high a { color: #e50000; border-bottom: 1px dashed #e50000; } .grade-description .metrics .mid a { color: #1b1b1b; border-bottom: 1px dashed #1b1b1b; } .grade-description .metrics .low a { color: #a9a9a9; border-bottom: 1px dashed #a9a9a9; } .grade-description .metrics a { text-decoration: none; font-size: 11px; } .grade-description .metrics a:hover { border-bottom-color: #F00000; text-decoration: none !important; } .grade-description .metrics-info { margin: 16px 0px 0px 0px;} .grade-description .metrics-info span { font-size: 11px; display: inline-block; margin-bottom: 7px;} .metrics-block .metrics .high a, .metrics-block .metrics .low a, .metrics-block .metrics .mid a { border: none;} .metrics-block .metrics { margin-top: 11px;} .metrics-block .show-statistic { font-size: 11px; line-height: 16px;} /*.tireScroll.grade { margin: 6px 0 0 2px } */ .grade-links { width: 720px; } .grade-links td { width: 340px; padding: 4px 20px 16px 0; font-size: 14px; } .grade-links td a { display: block; margin-bottom: 20px; } .more.open:hover, .more { background: url('//r.drom.ru/skin/red_arrow_down.gif') left 5px no-repeat; padding-left: 12px; color: #f00000; border-bottom: 1px dashed #f00000; text-decoration: none; } .more:hover, .more.open { background-image: url('//r.drom.ru/skin/red_arrow_up.gif'); text-decoration: none !important; } .grades-popup { position: absolute; background: #eaeaea; border: 1px solid #a1a1a1; border-radius: 5px; width: 184px; padding: 13px 17px 11px 17px; } .grades-popup .grades-num { color: #a9a9a9; font-size: 11px; line-height: 16px; margin-top: 12px; } .grades-popup .title .high { color: #e50000; } .grades-popup .title .mid { color: #1b1b1b; } .grades-popup .title .low { color: #a9a9a9; } .grades-popup .arrow { position: absolute; z-index: 9001; background: url('//r.drom.ru/skin/fbAr.png') left top no-repeat; width: 17px; height: 8px; left: 183px; top: -8px;} .grades-popup .close { text-decoration: none; position: absolute; top: 10px; right: 10px; background: url('//r.drom.ru/skin/fBlClose.gif') left bottom no-repeat; width: 19px; height: 19px; } .grades-popup .close:hover { background-position: left top; } .grades-detailed { padding: 20px 0 0 0; font-size: 11px; margin-left: -2px; } .grades-detailed div { margin: 0 0 0 0; } .grades-detailed div span { width: 18px; display: inline-block; font-size: 12px; text-align: right; margin-right: 10px; } .grades-detailed .bar { display: inline-block; line-height: 7px; margin: 0 4px 0 0; height: 7px; position: relative; bottom: 0px; *zoom: 1; *display: inline; *margin-right: 4px; } .grades-detailed .high .bar { background: #e50000 } .grades-detailed .mid .bar { background: #1b1b1b } .grades-detailed .low .bar { background: #a9a9a9 } .grades-detailed .high span { color: #e50000; } .grades-detailed .mid span { color: #1b1b1b; } .grades-detailed .low span { color: #a9a9a9; } .review-tabs .tab div:first-child { min-width: 112px; } .review-tabs a { padding: 12px 0px 12px 20px; min-width: 67px; } .carBodies div { display:inline-block; *zoom: 1; *display: inline; margin: 10px 0 10px 0; } .carBodies div label { display:none; } .car-cont { margin-bottom: 18px; overflow: hidden;} .car-photo-cat { display: block; float: left; width: 135px; height: 111px; margin: 0px 1px 1px 0px; position: relative; text-decoration: none !important;} #index h2.main span { padding-bottom: 0; margin-left: 0; border-left: none; font-size: 18px; } .drom-table { width: auto; font-size: 12px; margin-bottom: 40px; } .drom-table_type_options td { width: 50%;} .drom-table td, .drom-table th { text-align: left; padding: 4px 19px 5px 19px; border-bottom: 1px solid #adadad; vertical-align: top; } .drom-table td { border-left: 1px solid #ececec; } .drom-table td:first-child, .drom-table th:first-child { border-left: none; padding-left: 0; } .drom-table .no-wrap { white-space: nowrap;} .drom-table td[colspan] { text-align: center !important; } .drom-table td[colspan="1"] { text-align: left !important; } .drom-table.numeric-values-table tr td:first-child { text-align: left; } .drom-table.numeric-values-table td { text-align: right; } .drom-table .reset-pad-left { padding-left: 0px;} .drom-table td[colspan].reset-center { text-align: left !important;} .drom-table .width-more-price { min-width: 80px;} .drom-table.popup-compare td:first-child, .drom-table.popup-compare th:first-child { padding-left: 38px;} .drom-table.popup-generation td:first-child, .drom-table.popup-generation th:first-child, .drom-table.drom-table_first-col-pad td:first-child, .drom-table.drom-table_first-col-pad th:first-child { padding-left: 19px;} .drom-table .first-row { border-top: 1px solid #adadad;} .drom-table__car-type { font-size: 11px; color: #a3a3a3;} .drom-table__inp-car { position: relative; top: 24px; z-index: 2;} .drom-table__generation-img { max-height: 67px;} .drom-table .no-border-l-r { border-left: none; border-right: none;} .drom-table.reset-bottom-mar { margin-bottom: 0px;} .drom-table .last-row { border-bottom: 0px;} .drom-table__rule { border: 1px solid #e3e8ef; background: #f5f5f5; display: inline-block; padding: 0px 7px; border-radius: 6px; font-size: 11px; margin: 10px 0px 0px 0px;} .drom-table .radio-col, .drom-table .checkbox-col { cursor: pointer;} .drom-table-selected-row td, .drom-table-selected-row .drom-table__generation_empty { background: #f5f5f5;} .drom-notouch .popup-generation tr:hover > td, .drom-touch .popup-generation tr:active > td, .drom-notouch .popup-compare tr:hover > td, .drom-touch .popup-compare tr:active > td { background: #F5F5F5; cursor: pointer;} .drom-table__inp-comp { position: absolute; top: 3px; left: -20px;} .drom-table .c-l { position: relative;} .drom-table .option-col { padding-left: 13px;} /*Новые стили к таблице комплектаций */ .drom-table.max { width: 100%;} .drom-table.max td, .drom-table.drom-table_no-sep-cells td { border-left: none;} .drom-table .sort { cursor: pointer; min-width: 128px;} .drom-table .action-block { font-size: 11px;} .drom-table .action-block a { vertical-align: middle;} .drom-table .action-block a:hover { text-decoration: none;} .drom-table .action-block a:hover + .delete-button { background-position: 0px 0px;} .drom-table .action-block .delete-button { margin-left: 0px;} .drom-table .del-row { width: 100px;} .drom-table .arrow { background-image: url("//r.drom.ru/skin/arrow-black.png"); background-repeat: no-repeat; display: inline-block; width: 7px; height: 4px; vertical-align: 2px;} .drom-table .arrow.down { transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);} /* old_drom_css*/ .navigation2 { color: #c4c4c4 } .navigation2 a { color: #c4c4c4 } .navigation2 UL { margin: 0 0 0 0; padding: 0 } .navigation2 li { background: url(//r.drom.ru/img_tpl/arrow.gif?update=1.0) right 5px no-repeat; float: left; list-style: none; padding: 0 15px 0 0; margin: 0 } .navigation2 .last { background: none; padding: 0 } .navigation2 .home { background: url(//r.drom.ru/img_tpl/full_home.gif?update=1.0) left bottom no-repeat; padding: 3px 8px 0 0; text-decoration: none } .navigation2 .home:hover { background: url(//r.drom.ru/img_tpl/full_home.gif?update=1.0) left top no-repeat } .navigation_foto { color: #8E8E96 } .navigation_foto span { margin: 0 20px; color: #B9B9BE } .navigation_foto .prev { background: url('//r.drom.ru/img_tpl/full_arrow.gif?update=1.0') left 6px no-repeat; padding-left: 15px } .navigation_foto .prev:hover { background: url('//r.drom.ru/img_tpl/full_arrow.gif?update=1.0') left -10px no-repeat } .navigation_foto .next { background: url('//r.drom.ru/img_tpl/full_arrow.gif?update=1.0') right -26px no-repeat; padding-right: 15px } .navigation_foto .next:hover { background: url('//r.drom.ru/img_tpl/full_arrow.gif?update=1.0') right -42px no-repeat } .foto_prev td { text-align: center } .foto_prev_text { margin: 20px 0; width: 100% } .foto_prev_text td { text-align: left; vertical-align: top } .foto_prev_text .author { color: #8E8E96; border-left: 1px solid #B9B9BE; padding: 0 0 0 15px; width: 125px; font-size: 0.87em; line-height: 15px } .ban { padding: 1px; BORDER: 1px solid #D3D3D3; margin: 0 0 18px 0; /*overflow: hidden; width: 98%;*/ text-align: center } .ban_main div { HEIGHT: 114px; BACKGROUND: url(//r.drom.ru/img_tpl/img_ne.png?update=1.0) #DA2650 no-repeat center center } .ban_right div { text-align: center } .ban_ad div { HEIGHT: 84px; BACKGROUND:#FE9F09;} .logo_new { margin: 26px 0 4px 0; width: 100px; display: block } .logo_new_geo { margin: 26px 0 4px 0; width: 100px; display: block } .logo_new_ny { margin: 0 0 4px 0; width: 100px; display: block } .logo_new2009 { display: block; width: 120px; height: 103px; //height: 106px; margin: 26px 0 4px 0; } .logo_new2009 img { position: absolute; border: 0; width: auto; height: auto; margin: -26px 0 0 -31px; } .logo_new_geo2009 { display: block; width: 120px; height: 103px; //height: 106px; margin: 26px 0 4px 0; } .logo_new_geo2009 img { position: absolute; border: 0; width: auto; height: auto; margin: -26px 0 0 -31px; } .block_top { float: left; _height: 73px; width: 80% } .block_main { float: left; width: 100% } .main_tabs { TEXT-ALIGN: right; margin: 0 0 0 20% } .main_tabs .left { BACKGROUND: url(//r.drom.ru/img_tpl/tab_left.png?update=1.0) no-repeat left top; WIDTH: 13px } .main_tabs .sep { BACKGROUND: url(//r.drom.ru/img_tpl/tab_sep.png?update=1.0) no-repeat center top; WIDTH: 13px } .main_tabs .right { BACKGROUND: url(//r.drom.ru/img_tpl/tab_right.png?update=1.0) no-repeat right top; WIDTH: 13px } .main_tabs TD { HEIGHT: 26px } .main_tabs TABLE { margin: 0 15px 2px 0 } .main_tabs A { BACKGROUND: url(//r.drom.ru/img_tpl/tab_cent.png?update=1.0) repeat-x left top; HEIGHT: 19px; padding: 7px 10px 0 10px; DISPLAY: block; TEXT-DECORATION: underline } .main_tabs2 { COLOR: #6a6a73; TEXT-ALIGN: right; HEIGHT: 24px; PADDING-TOP: 16px; margin: 0 2% 0 20% } .main_tabs2 a { color: #6a6a73 } .form_search { padding: 0 0 10px 0 } .form_search input { margin-left : 0; width: 100px; padding-left: 5px } .form_search .b_ok { width: 25px; height: 22px; padding-left: 0 } .form_search div { padding: 9px 0 0 0 } .zoom { BACKGROUND: url(//r.drom.ru/img_tpl/zoom.gif?update=1.0) no-repeat left 2px; padding-left: 18px } .main_cols { WIDTH: 100%; margin: 0 0 5px 0 } .main_cols TD { VERTICAL-ALIGN: top } .main_cols .sep { WIDTH: 50px; WHITE-SPACE: nowrap; COLOR: #FFF } .main_cols .date { FONT-SIZE: 10px; COLOR: #989898; margin: 0 } .main_cols img:not([class]) { display: block; clear: left; width: 96px; margin-right: 5px } .main_cols .sep img { width: 50px; margin: 0 } .main_cols .date i { font-style: normal; color: #616161; margin: 0 2px 0 0 } .block_left { float: left; width: 180px; margin: 0 } .block_left UL { padding: 0; margin: 3px 8px 0 -15px } .block_left UL UL { PADDING-LEFT: 15px; margin-left: 0 } .block_left LI { COLOR: #44444B; LINE-HEIGHT: 14px; LIST-STYLE: none; LIST-STYLE-IMAGE: url(//r.drom.ru/img_tpl/1.gif?update=1.0); padding: 0 0 5px 0 } .block_left LI a { padding: 0 0 0 15px; BACKGROUND: url(//r.drom.ru/img_tpl/nav_arrow1.png?update=1.0) no-repeat 5px 6px; display: block } .block_left LI a:hover { BACKGROUND: url(//r.drom.ru/img_tpl/nav_arrow_hover1.gif?update=1.0) no-repeat 5px 6px } .block_left LI span { padding: 0 0 0 15px; BACKGROUND: url(//r.drom.ru/img_tpl/nav_left_selected.gif?update=1.0) no-repeat 5px 5px } .block_left .level2 { padding: 0; MARGIN-TOP: 25px } .cont_left { padding: 0 0 0 15px; text-align: left } #new_block_left { width: 180px; vertical-align: top; } #new_block_left .block_left { width: 100%; float: none } #new_block_right { vertical-align: top; } #new_block_right .block_top { width: 100%; float: none } #new_block_right .block_main { float: none; width: 100% } #block_center { width1: 70%; vertical-align: top } #block_center .block_center { float: none; width: 100%; vertical-align: top } #block_center_right { vertical-align: top; width: 280px; } #block_center_right .block_right { float: none; width: 100%; vertical-align: top } .block_center { FLOAT: left; WIDTH: 100%; /*background: #FFE*/ } .block_right { FLOAT: left; COLOR: #6A6A73; /*background: #FEF;*/ width: 29.9%; // width: auto } .block_right H5 { padding-bottom: 0 } .block_bottom { CLEAR: both; width: 80%; COLOR: #B9B9B9; margin: 31px 0 0 0; padding: 3px 0 0 20%; BACKGROUND: url(//r.drom.ru/img_tpl/grey_line.gif?update=1.0) repeat-x left 10px } .block_bottom p { float: left; padding: 0 0 0 4px; margin: 0 0 0 -2px; background: #FFF } .cont_right { margin: 23px 0 0 22px } .cont_right UL { padding: 0; margin: 0 } .cont_right LI { LIST-STYLE-IMAGE: url(//r.drom.ru/img_tpl/1.gif?update=1.0); margin: 20px 0 0 0 } tr .top {height: auto} .top_cars { WIDTH: 100%; margin: 0 0 19px 0; line-height: normal/*BORDER: 1px solid #D3D3D3;*/ } .top_cars TD { VERTICAL-ALIGN: top } .top_cars .sep { WIDTH: 20% } .top_cars .cont { padding-left: 5px } .top_cars .price { BACKGROUND: url(//r.drom.ru/img_tpl/bg_price.gif?update=1.0) no-repeat left top; margin: 8px 0; padding: 0 0 0 10px; COLOR: #FFF; HEIGHT: 14px; FONT-SIZE: 10px } .top_cars .date { margin: 0 0 20px 0; PADDING:0; FONT-SIZE: 10px; COLOR: #929292 } .top_cars .name { margin: 0 0 10px 0; COLOR: #000 } .top_cars .top .img1 { BACKGROUND: url(//r.drom.ru/img_tpl/top_cars_top1.png?update=1.0) no-repeat left bottom; font-size: 10px } .top_cars .top .img2 { BACKGROUND: url(//r.drom.ru/img_tpl/top_cars_top2.png?update=1.0) repeat-x left bottom; width: 100% } .top_cars .top .img2 span { BACKGROUND: #FFF; padding: 0 3px 0 5px } .top_cars .top .img3 { BACKGROUND: url(//r.drom.ru/img_tpl/top_cars_top3.png?update=1.0) no-repeat right bottom; font-size: 10px } .top_cars .top TD { HEIGHT: 15px; VERTICAL-ALIGN: top; COLOR: #C2C2C2 } .top_cars .top p { margin: 0 0 0 10px; padding: 0 3px 0 3px; BACKGROUND: #FFF; DISPLAY: inline; font-size: 12px } .top_cars .bottom .img1 { BACKGROUND: url(//r.drom.ru/img_tpl/top_cars_bottom1.png?update=1.0) no-repeat left top; font-size: 10px } .top_cars .bottom .img2 { BACKGROUND: url(//r.drom.ru/img_tpl/top_cars_top2.png?update=1.0) repeat-x left top } .top_cars .bottom .img3 { BACKGROUND: url(//r.drom.ru/img_tpl/top_cars_bottom3.png?update=1.0) no-repeat right top; font-size: 10px } .top_cars .imgL { BACKGROUND: url(//r.drom.ru/img_tpl/top_cars_left.png?update=1.0) repeat-y left top; font-size: 10px } .top_cars .imgR { BACKGROUND: url(//r.drom.ru/img_tpl/top_cars_right.png?update=1.0) repeat-y right top; font-size: 10px } .top_cars .bottom { background: none } .top_cars ul { margin: /*10px 4px 10px 4px*/ 0px 4px; padding: 0 0 16px 0; list-style: none } .top_cars ul li { float: left; padding: 0 12px 0 0 } .top_cars ul h4 { margin: 0 0 6px 0; padding: 10px 0 0 } .top_cars_foto .imgL { padding: 10px 0 } .top_cars_foto .cont { padding-top: 5px; padding-bottom: 2px } .top_cars_foto h2 { padding: 0; margin: 0 } .top_cars_foto ul { float: left; margin: 0; padding: 3px 0 1px 0; // padding: 3px 0 10px 0; } .top_cars_foto li { margin: 0 0 9px 0 } .top_cars_foto { margin-bottom: 8px } .automarkets-links { line-height: 24px; max-width: 85%; white-space: normal; } .automarkets-span { color:#bbb; font-size: 14px; } .vote form table { margin: 10px 0 15px 0 } .vote form table H4 { MARGIN-TOP: 10px } .vote p { margin: 5px 0 0 0 } .vote td { padding: 2px 0 2px 3px; // padding: 0 } .foto_album { COLOR: #000; WIDTH: 100% } .foto_album img { MARGIN-BOTTOM: 3px } .foto_album TD { VERTICAl-ALIGN: top; WIDTH: 23%; padding: 0 2% 7px 0; LINE-HEIGHT: 16px } .foto_album span { COLOR: #6A6A73 } .foto_album .foto_name { margin: 0 0 10px 0 } .foto_album_spacer TD { PADDING-BOTTOM: 25px } .foto_album .alt { margin: 0 0 8px 0 } .bread_bit { MARGIN-BOTTOM: 25px; FONT-WEIGHT: bold } .bread_bit a { margin: 0 3px } .bread_bit .left { background: url('//r.drom.ru/img_tpl/full_arrow.gif?update=1.0') left 4px no-repeat; width: 20px; padding: 0 4px; text-decoration: none } .bread_bit .left:hover { background: url('//r.drom.ru/img_tpl/full_arrow.gif?update=1.0') left -12px no-repeat } .bread_bit .right { background: url('//r.drom.ru/img_tpl/full_arrow.gif?update=1.0') right -28px no-repeat; width: 20px; padding: 0 4px; text-decoration: none } .bread_bit .right:hover { background: url('//r.drom.ru/img_tpl/full_arrow.gif?update=1.0') right -44px no-repeat } .bread_bit span { margin: 0 3px } .lined { background: url(//r.drom.ru/img_tpl/lined.gif?update=1.0) 0 36px repeat-x } .lined span { background: #FFF; padding: 0 7px; margin-left: 8px } .edit_panel { width: 100px; margin: 3px 0 0 0 } .edit_panel img { margin: 0 3px 0 0 } .labeled_from label { padding: 0 0 5px 0; display: block } .news_item { float: left } .news_item td { vertical-align: top; padding-bottom: 33px } .news_item img { margin: 0 16px 7px 6px } .news_item span { color: #a4a4a4 } .news_item h4 { margin: 3px 0 2px 0 } .news_item .label { padding-left: 10px; vertical-align: top; padding-bottom: 13px } .news_item p { float: left } .clear { clear: left } .clear2 { clear: both } #table_class_header { background: #fff } #table_class_header td { border-collapse: collapse } #table_class_1 td { border-collapse: collapse } #table_class_2 td { border-collapse: collapse } #table_class_header td { padding: 2px 0 6px 0; background: #fff; color: #aaaeb8; border-bottom: 2px solid #a7aab2; font-size: 11px; height: 30px } #table_class_header b { font-weight: normal } #table_class_header a { color: #aaaeb8 } #table_class_1 td { text-align: left; padding: 2px 5px; background: #fff; color: #000; border-bottom: 1px solid #d1d3db; height: 30px } #table_class_2 td { text-align: left; padding: 2px 5px; background: #fff; color: #000; border-bottom: 1px solid #d1d3db; height: 30px } #table_class_gray td { text-align: left; padding: 2px 5px; background: #e0e0e0; color: #000; border-bottom: 1px solid #d1d3db; height: 30px } #table_class_yellow td { text-align: left; padding: 2px 5px; background: #ffffb0; color: #000; border-bottom: 1px solid #d1d3db; height: 30px } .top_cars .news_photo { padding: 7px 2px } .top_cars .news_text { padding: 4px 0 4px 18px; font-size: 16px; line-height: 26px;} .news_img { float: left; margin: 10px 5% 11px } .news_img img { width: 240px } .news_img div { width: 240px; color: #7f7f7f; border-left: 1px solid #d3d3d3; margin: 14px 0 30px 4px; padding-left: 8px } .news_source { clear: both; padding: 1px 0 0 20%; BACKGROUND: url(//r.drom.ru/img_tpl/grey_line.gif?update=1.0) repeat-x left 9px; margin: 10px 0 0 0; COLOR: #b9b9b9 } .news_source p { padding: 0 0 0 4px; BACKGROUND: #fff; FLOAT: left; margin: 0 0 0 2px } .news_source div { clear: both; margin-left: 7px } .text td { padding: 2px 3px;} #sales_string_ads td { border-collapse: collapse } #sales_string_ads td { text-align: left; padding: 2px 2px; background: #fff; color: #000; border-bottom: 1px solid #d1d3db;} .forums ul { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0 } .forums li { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 8px; background: url(//r.drom.ru/img_tpl/comment.gif?update=1.0) 1px 4px no-repeat; padding-left: 20px; list-style-image:url("//r.drom.ru/img_tpl/1.gif?update=1.0");} .sales_image img { margin: 5px } #.news_comm_first_page { padding-left: 17px; background: url(//r.drom.ru/img_tpl/comment_small.gif?update=1.0) 2px 3px no-repeat } .news_date_top { position: relative; font-size: 12px; color: #181718 } .news_date_top span { color: #cecece } .news_bottom_block { width: 100%; margin: 48px 0 0 0 } .news_bottom_block h4 { color: #000 } .news_bottom_block td { vertical-align: top } .news_bottom_block .left { width: 250px; padding: 0 10px 0 0 } .news_bottom_block .left a { display: block; margin: 0 0 7px 11px } .news_bottom_block .right { } .news_bottom_block .left h4 a { display: inline; margin: 0 } .news_bottom_block .right h4 a { display: inline; margin: 0 } .news_bottom_block .date { FONT-SIZE: 10px; COLOR: #989898; margin: 16px 0 0 11px } .auctions_final_price { font-size: 0.85em; color: #c4c4c4 } .foto_album .album_pre { background: url(//r.drom.ru/img_tpl/alpbu_pre_b.gif?update=1.0) left bottom repeat-x; margin: 0 0 7px 0; width: 110px } .foto_album .album_pre td { padding: 0; width: 0 } .foto_album .album_pre img { margin: 0; padding: 0; float: left; border-top: 1px solid #cecece; border-left: 1px solid #cecece } .foto_album .album_pre .t .r { width: 7px; background: url(//r.drom.ru/img_tpl/alpbu_pre_t_r.gif?update=1.0) left top no-repeat } .foto_album .album_pre .b .l { height: 7px; background: url(//r.drom.ru/img_tpl/alpbu_pre_b_l.gif?update=1.0) left bottom no-repeat } .foto_album .album_pre .b .r { background: url(//r.drom.ru/img_tpl/alpbu_pre_b_r.gif?update=1.0) left bottom no-repeat } .right_info .h1 { display: block; clear: left; color: #cecece; background: url(//r.drom.ru/img_tpl/lined.gif?update=1.0) left 18px repeat-x; padding: 10px 0 0 9px; font-size: 0.87em} .right_info .h1 a { color: #cecece; background: #fff; padding: 0 5px } .right_info .items { margin: 22px 0 6px 10px } .right_info .items td { padding: 0 0 8px 0; margin: 0; font-size: 0.87em; vertical-align: top } .right_info .items .img { padding-right: 19px; padding-left: 4px; width: 50px } .right_info .items .descr2 { } .right_info .br { float: left; clear: left; height: 10px; font-size: 2px } .imgFull { height: 100%; border-collapse: collapse; padding-bottom: 10px; width: 100% } .imgFull td { text-align: center; padding: 0; border-collapse: collapse } .imgFull .l { padding-top: 23px; text-align: left; vertical-align: top; font-size: 0.87em; color: #000; padding-left: 16px } .imgFull .r { padding-top: 23px; text-align: right; vertical-align: top } .imgFull .a { width: 38px; height: 68px; text-decoration: none; display: block } .imgFull .a_l { float: left; background: #fff url(//r.drom.ru/img_tpl/a_next_l_i.gif?update=1.0) center center no-repeat } .imgFull .a_r { float: right; background: #fff url(//r.drom.ru/img_tpl/a_next_r_i.gif?update=1.0) center center no-repeat } .imgFull .h_l { float: left; background: #fff url(//r.drom.ru/img_tpl/a_next_l_a.gif?update=1.0) center center no-repeat } .imgFull .h_r { float: right; background: #fff url(//r.drom.ru/img_tpl/a_next_r_a.gif?update=1.0) center center no-repeat } .imgFull .h_l:hover { background-image: url(//r.drom.ru/img_tpl/a_next_l_ah.gif?update=1.0) } .imgFull .h_r:hover { background-image: url(//r.drom.ru/img_tpl/a_next_r_ah.gif?update=1.0) } #seeother { margin-top: 60px; } #seeother .top_cars_new { margin: 0 auto 9px auto; width:580px; /*BORDER: 1px solid #D3D3D3;*/ } #seeother .top_cars_new TD { vertical-align: top; } #seeother .top_cars_new .sep { width: 0px; } #seeother .top_cars_new .top p { margin: 0 0 0 10px; padding: 0 3px 0 3px; background: #FFF; DISPLAY: inline; font-size: 12px; float: left; } .tiresome_block { margin: -4px 0 0 0; color: #44444b } .tiresome_block .top .img1 { background: url(//r.drom.ru/img_tpl/tire_top1.gif?update=1.0) no-repeat left bottom; font-size: 10px } .tiresome_block .top .img2 { background: url(//r.drom.ru/img_tpl/tire_top2.gif?update=1.0) repeat-x left bottom; width: 100%; text-align: right } .tiresome_block .top .img3 { background: url(//r.drom.ru/img_tpl/tire_top3.gif?update=1.0) no-repeat right bottom; font-size: 10px } .tiresome_block .top td { height: 1px; font-size: 0px; padding: 0 } .tiresome_block .bottom td { height: 1px; font-size: 0px; padding: 0 } .tiresome_block .bottom .img1 { background: url(//r.drom.ru/img_tpl/tire_bottom1.gif?update=1.0) no-repeat left top; font-size: 10px } .tiresome_block .bottom .img2 { background: url(//r.drom.ru/img_tpl/tire_top2.gif?update=1.0) repeat-x left top } .tiresome_block .bottom .img3 { background: url(//r.drom.ru/img_tpl/tire_bottom3.gif?update=1.0) no-repeat right top; font-size: 10px } .tiresome_block .imgL { background: url(//r.drom.ru/img_tpl/tire_left.gif?update=1.0) repeat-y left top; font-size: 10px } .tiresome_block .imgR { background: url(//r.drom.ru/img_tpl/tire_right.gif?update=1.0) repeat-y right top; font-size: 10px } .tiresome_block .t { font-size: 11px; padding: 0 9px 5px 9px } .tiresome_block .t a { font-weight: bold; margin: 1px 0 5px 0; display: block } .tiresome_block2 { margin: -1px 0 3px 0;background: #0d74c4; color: #fff } .tiresome_block2 a, .tiresome_block2 a:hover { color: #fff } .tiresome_block2 .top .img1 { background-image: url(//r.drom.ru/img_tpl/tire2_top1.gif?update=1.0) } .tiresome_block2 .top .img2 { background-image: url(//r.drom.ru/img_tpl/tire2_top2.gif?update=1.0) } .tiresome_block2 .top .img3 { background-image: url(//r.drom.ru/img_tpl/tire2_top3.gif?update=1.0) } .tiresome_block2 .bottom .img1 { background-image: url(//r.drom.ru/img_tpl/tire2_bottom1.gif?update=1.0) } .tiresome_block2 .bottom .img2 { background-image: url(//r.drom.ru/img_tpl/tire2_bottom2.gif?update=1.0) } .tiresome_block2 .bottom .img3 { background-image: url(//r.drom.ru/img_tpl/tire2_bottom3.gif?update=1.0) } .tiresome_block2 .imgL { background-image: none } .tiresome_block2 .imgR { background-image: none } #tireTopFull { margin: 0 -20px } @media all and (min-width: 0px) { #tireTopFull { width: 104% } } .tire_add { text-align: right; margin: 4px 0 14px 0 } .top_cars_new ul { margin: 10px 4px 10px 4px; padding: 0 0 16px 0; list-style: none } .top_cars_new ul li { float: left; padding: 0 12px 0 0 } .top_cars_new ul h4 { margin: 0 0 6px 0 } .photoSearch td {vertical-align: middle} .photoSearch { background: #eaeaea url(//r.drom.ru/img_tpl/s_left.gif?update=1.0) left top no-repeat; height: 31px; color: #000; width: 100% } .photoSearch .c1 { padding-left: 15px; width: 150px } .photoSearch .c2 { padding-right: 8px } .photoSearch .c2 input { width: 99%; height: 14px } .photoSearch .c3 { width: 123px; background: #eaeaea url(//r.drom.ru/img_tpl/s_right.gif?update=1.0) right top no-repeat; text-align: right; padding: 0 8px 0 7px } .photoSearch .c3 input { width: 123px; font-size: 0.95em; height: 22px } .videoSearch { background: #eaeaea url(//r.drom.ru/img_tpl/s_left.gif?update=1.0) left top no-repeat; height: 31px; color: #000; width: 100%; margin: 0 0 25px 0 } .videoSearch h2 { padding: 0; margin: 0 } .videoSearch h2 span { color: #db4600 } .videoSearch .c1 { padding-left: 15px } .videoSearch .c1 { padding-right: 8px; vertical-align: middle} .videoSearch .c1 input { width: 99%; height: 14px } .videoSearch .c2 { width: 100px; text-align: center; vertical-align: middle } .videoSearch .c2 input { width: 90px; font-size: 0.95em; height: 22px; margin: 0 } .videoSearch .c3 { width: 253px; background: #eaeaea url(//r.drom.ru/img_tpl/s_right.gif?update=1.0) right top no-repeat; text-align: right; padding: 0 8px 0 7px; vertical-align: middle;} .videoSort { margin: 15px 0 10px 0 } .videoSort p { margin: 0; padding: 14px 0 15px 13px } .videoItems { width: 100%; margin: 22px 0 10px 0 } .videoItems td { vertical-align: top; padding: 0 0 16px 0 } .videoItems .i { width: 122px; padding: 0 30px 16px 20px } .videoItems .i img { width: 122px } .videoItems .h1 { font-weight: bold; display: block } .videoItems .a { width: 155px; line-height: 18px; padding: 0 0 16px 20px } .videoItems .a div { border-left: 1px solid #cecece; font-size: 11px; padding: 0 0 8px 16px } .videoItems h4 { margin: 2px 0 0 0; padding: 0; font-weight: bold } .videoItems .a .rate { margin: 0; padding: 0 0 0 64px; border: 0; background-repeat: no-repeat; background-position: left center } .rate0 { background-image: url(//r.drom.ru/img/r0.gif?update=1.0) } .rate1 { background-image: url(//r.drom.ru/img/r1.gif?update=1.0) } .rate2 { background-image: url(//r.drom.ru/img/r2.gif?update=1.0) } .rate3 { background-image: url(//r.drom.ru/img/r3.gif?update=1.0) } .rate4 { background-image: url(//r.drom.ru/img/r4.gif?update=1.0) } .rate5 { background-image: url(//r.drom.ru/img/r5.gif?update=1.0) } .videoItemFull p { line-height: 14px; margin-bottom: 12px } .videoItemFull .a .tire { border-bottom: 1px solid #cecece; padding: 0 0 8px 0; line-height: 14px; margin: 0 0 14px 0 } .videoItemFull .a div { border-left: 0 } .videoItemFull h4 { margin: 5px 0 12px 0 } .videoItemFull .form { margin: 14px 0 0 0 } .videoItemFull .form select { font-size: 11px } .videoItemFull .form .ok { font-size: 11px; width: 100px; margin: 5px 0 0 0 } .videoAdd .add { margin: 10px 20px 10px 12px; width: 99% } .videoAdd .add td { padding: 0 23px 18px 0 } .videoAdd .l { width: 115px; padding: 3px 0 0 0 } .videoAdd .g { color: #6a6a73; font-size: 70%; margin: 5px 0 0 0 } .videoAdd .i, .videoAdd .t { width: 95% } .videoAdd .t { height: 60px } .videoAdd .embed { width: 100% } .videoAdd .embed td { padding: 0 } .videoAdd .embed .des { width: 180px; padding: 4px 0 0 16px } .videoAdd .time { width: 100% } .videoAdd .time td { padding: 0 } .videoAdd .time .inp { width: 100px } .videoAdd .time .i { width: 80px; font-size: 18px; text-align: center } .videoAdd .firm { } .videoAdd .firm td { width: 0; padding: 0 5px 0 0 } .videoAdd .firm select { display: block; font-size: 90%; margin: 0 3px 5px 0; padding: 0 } .videoAdd .sub { margin: 0 0 0 162px; width: 95px; font-size: 12px; height: 26px } .backwards { unicode-bidi: bidi-override; direction: rtl; } input.text { font-size: 11px; padding: 2px 0 1px 2px } .ny2007 { color: #ff8585 } .ny2007 .t { position: absolute; padding: 10px 14px 0 0 } .ny2007 .t[class] { min-width: 200px } .ny2007 .l { background: #f00 url(//r.drom.ru/img_tpl/2007l.gif?update=1.0) left top no-repeat; margin: 10px 0 30px 0 } .ny2007 .r { background: url(//r.drom.ru/img_tpl/2007r.gif?update=1.0) right top no-repeat; font-size: 0.7em; text-align: center; padding: 4px 0; height: 12px } .ny2007 a { color: #fff } .ny2007 a:hover { color: #dddb40 } span.candy { background: #FF99FF; } p.textads_service { margin-bottom: 0px; font-size: 11px; color: #FF6600 } .top_cars .category2 { margin-bottom: 0; padding-bottom: 0px; /*10px*/ } .top_cars .category2 li { float: none } .auto_search { width: 100%; margin: 10px 0 16px 0 } .auto_search .i { width: 92% } .auto_search .c1 { width: 75%; // width: 75% } .auto_search .ok { padding: 3px 8px 2px 8px; // padding: 2px 3px 0 3px } .auto_search_city { margin: 12px 0 11px 10px; font-size: 11px } .auto_search_city span { font-weight: bold } .auto_search_category h4 span { font-size: 16px } .auto_search_cars { font-size: 11px; margin: 10px 0 10px 12px } .auto_search_cars .all { display: block; margin: 11px 0 0 0 } .auto_search_cars span { font-weight: bold } .auto_search_options { margin: 20px 0 0 12px } .auto_search_options .op_price { margin: 0 0 0 40px } .auto_search_options #c1 { margin-left: -5px } .auto_search_options #l_c1 { margin-right: 30px } .auto_search_options #l_c2 { margin-right: 31px } .auto_search_options .c { margin: 0 8px 0px 6px; // padding-bottom: -2px } .auto_search_options .ok { margin: 0 0 0px 15px; // margin-bottom: -5px } #table { width: 100%; border: 0; border-collapse: collapse } #table th { font-weight: normal; font-size: 11px; color: #aaaeb8; border-bottom: 2px solid #a7aab2; padding: 0 10px 6px 10px; text-align: left } #table th a { font-weight: normal; font-size: 11px; color: #aaaeb8 } #table td { vertical-align: top; padding: 8px 10px 6px 10px } #table td img { margin-top: 5px } #table .blend { color: #aaaeb8; font-size: 11px } #table .blend a { color: #aaaeb8 } .new_car { margin: -2px 0 20px 0 } .new_car .i { margin: 0px 10px 10px 12px } .new_car .t { margin: 4px 0 0 7px; // display: block; position: absolute } .new_car_h2 { margin-top: -10px } #new_vote { font-size: 14px; padding-left: 24px; padding: 0; width: auto;} #new_vote label { padding: 0;} #new_vote h3 { font-size: 85%; font-size: 13px; font-weight:bolder; padding: 0 0 10px 0; } #new_vote .res { width: 280px; padding: 0 0 0 5px; padding-left: 10px } #new_vote td { height: 18px; padding-bottom: 10px; } #new_vote tr:last-child td { padding-bottom: 0;} #new_vote span { background: #85b73e; display: block; height: 7px; font-size: 1px; margin: 8px 3px 0 0; float: left;} #new_vote small { font-size: 90% } #new_vote .t { color: #8a8c93; } #new_vote .red span { background: #db001b;} #new_vote .blue { color: #0968bd } #new_vote .blue span { background: #0968bd } #new_vote input { margin: 0 3px -2px 0; // margin: 0 1px -2px 0 } #new_vote_h1 td { font-size: 110%; font-weight: bold; padding: 0 0 1px 4px; color: #44444b } #new_vote { padding:0} #selectionForm.fixSelection { padding: 0; float: none;} .selectionForm__label { font-size: 14px; position: relative; margin: 0 0 20px 0; line-height: 24px; font-weight: bold;} .aa_t1_b { margin-top: -11px } .aa_type { padding: 13px 5px } .aa_type a, .aa_type span { margin: 0 5px } .aa_t1 { width: 100%; margin: 18px 10px 4px 10px } .aa_t1 td { vertical-align: middle; padding-bottom: 8px } .aa_t1 .i { width: 57px } .aa_t1 .c1 { width: 16% } .aa_t1 .c2 { width: 24% } .aa_t1 .c3 { width: 14% } .aa_t1 label { display: inline } .aa_t1 .t, .aa_t1 .t td { vertical-align: top } .aa_t1 .t .c1, .aa_t1 .t .c3 { padding-top: 2px } .form .aa_t1 textarea { width: 90%; height: 126px } .form .small { font-size: 70%; color: #6a6a73; margin: 6px 0 0 2px } .form .small1 { margin-bottom: 10px } .aa_t2 { width: 100%; margin: 18px 10px 0 10px } .aa_t2 .c1 { width: 16%; padding-top: 3px } .aa_t2 .i { width: 57px } .aa_t2 .im { width: 111px } .aa_t2 .ib1 { width: 254px } .aa_t2 .ib2 { width: 164px } .aa_t2 .small { margin-bottom: 12px; margin-top: 5px } .aa_t1 td { padding-bottom: 8px } .aa_form .ok_div { padding-left: 16% } .aa_form .ok_div2 { padding-left: 77px; margin-top: -7px } .aa_form .ok { margin-left: 15px; width: 250px; padding: 2px 0 1px 0; } .aa_form .ok_div2 .ok { width: 168px } .aa_t3 { margin: 10px 10px 14px 10px } .aa_t4 { margin: 10px 10px 14px 10px; width: 84% } .aa_t4 .small { margin-bottom: 6px } .aa_t4 img { display: block; margin: 8px 0 8px 0 } .aa_t4 a, .aa_t4 b { font-size: 85%; display: block; margin-bottom: 3px } .aa_t4 .f { padding: 23px 0 0 0 } .aa_t4 .f input { width: 50% } #tiresomeTopMany td { text-align: right } #tiresomeTopMany td, #tiresomeTopMany a { font-size: 12px; text-decoration: none; color: #44444b } #tiresomeTopMany div { float: right; text-align: center; padding: 0 8px 8px 0 } #tiresomeTopMany span { display: block; padding: 3px 0 0 0 } #tiresomeTopMany2 { margin: -24px 0 4px 0; position: relative; _margin-bottom: 0 } #tiresomeTopMany2 td { text-align: center; width: 90px; padding: 0 0 0 16px; height: 0; vertical-align: middle } #tiresomeTopMany2 td, #tiresomeTopMany2 a { font-size: 11px; text-decoration: none; color: #313237; line-height: 10px } #tiresomeTopMany2 .mt2 a { display: block } #tiresomeTopMany2 .mt2 td { _height: 30px; min-height: 30px; padding: 4px 0 6px 16px; _padding: 2px 0 4px 16px; } .pager_video { padding: 0 0 0 20px } .pager_video h4 { margin: 0 0 14px 0 } .pager_video a, .pager_video span { padding: 2px 3px } .pager_video span { font-weight: bold } .videoSort .sort_desc { background: url(//r.drom.ru/img/arr_desc.gif?update=1.0) right 7px no-repeat; padding-right: 14px } .videoSort .sort_asc { background: url(//r.drom.ru/img/arr_asc.gif?update=1.0) right 7px no-repeat; padding-right: 14px } .pages_right { BACKGROUND: url(//r.drom.ru/img_tpl/tab_right.png?update=1.0) no-repeat right top; WIDTH: 13px } .pages_left { BACKGROUND: url(//r.drom.ru/img_tpl/tab_left.png?update=1.0) no-repeat left top; WIDTH: 13px } .comments_fs { margin-bottom:15px; border-bottom-width:1px; border-style:solid; border-color:#DDDDDD; } .comments_fs .signature { padding:0px; font-size:11px; color:#7D7D7D; } .comments_fs .info { padding:0px; margin-right:10px; font-size:11px; color:#7D7D7D; background:url(//r.drom.ru/img_tpl/comment.gif?update=1.0) 1px 3px no-repeat; padding-left:20px; } .comments_fs .nick { font-size: 12px; } .comments_vote_plus, .comments_vote_minus { padding: 0 0 0 7px; background: none no-repeat; line-height: 13px; font-size: 13px; text-decoration: none; } .comments_vote_plus { background-image: url(//r.drom.ru/img_tpl/comment_vote_gplus1.gif?update=1.0); } .comments_vote_minus { background-image: url(//r.drom.ru/img_tpl/comment_vote_gminus1.gif?update=1.0); } a.comments_vote_plus:hover { background-image: url(//r.drom.ru/img_tpl/comment_vote_plus1.gif?update=1.0); } a.comments_vote_minus:hover { background-image: url(//r.drom.ru/img_tpl/comment_vote_minus1.gif?update=1.0); } /* */ .tireCatC { background: url(//r.drom.ru/img_tpl/tireCatB3.gif?update=1.0) left top repeat-x } .tireCatR { background: url(//r.drom.ru/img_tpl/tireCatB2.gif?update=1.0) right top no-repeat; height: 204px } .tireCatL { background: url(//r.drom.ru/img_tpl/tireCatB1.gif?update=1.0) left top no-repeat } .tireCat h4 { color: #808080; font-size: 18px; padding: 0; margin: 4px 0 9px 0 } .tireCat table { width: 100% } .tireCat .c1, .tireCat .c2 { width: 14px; vertical-align: middle; padding: 0 1px } .tireCat .c1 a, .tireCat .c2 a { display: block; height: 100px; width: 14px; text-decoration: none; background: url(//r.drom.ru/img_tpl/tireA1.gif?update=1.0) left center no-repeat; outline: none } .tireCat .c1 a:hover { background-image: url(//r.drom.ru/img_tpl/tireA11.gif?update=1.0) } .tireCat .c2 a { background: url(//r.drom.ru/img_tpl/tireA2.gif?update=1.0) right center no-repeat } .tireCat .c2 a:hover { background-image: url(//r.drom.ru/img_tpl/tireA22.gif?update=1.0) } .tireCat .labels { font-size: 11px; color: #808080; padding: 4px 0 0 12px } .tireCat .labels div { color: #C3C3C3 } .tireCat .links { font-size: 11px; height: 19px } .tireCat .links span { float: left; display: block; padding: 3px 0 0 0 } .tireCat .links a { float: right; display: block; padding: 1px 8px 3px 8px; background: #DDDEE1; position: relative; margin: 0 -1px 0 0; z-index: 2 } .tireCat .items div { width: 144px; height: 148px; float: left; padding: 1px 1px 0 0; font-size: 11px; vertical-align: top; background: url(//r.drom.ru/img_tpl/tireCatLine.gif?update=1.0) right 112px no-repeat; overflow: hidden } .tireCat .items img { display: block; width: 144px; margin: 0 0 5px 0 } .tireCat .items span { display: block; padding: 1px 4px 1px 6px } .tireCat .items a { display: block } .tireCat .items .p { color: #fff; padding: 3px 5px 3px 6px; background: url(//r.drom.ru/img_tpl/price.gif?update=1.0) left 1px repeat-x; position: absolute; top: 13px; text-decoration: none } .tireCat .scrollable { position: relative; overflow: hidden; height: 148px } .tireCat .scrollable .items { width: 20000em; position: absolute } .tireCatShort .tireCatR { background-image: url(//r.drom.ru/img_tpl/tireCatB2S.gif?update=1.0); height: 170px; //height: 167px } .tireCatShort .tireCatL { background-image: url(//r.drom.ru/img_tpl/tireCatB1S.gif?update=1.0) } /* */ .sticky { background-color: #C2C2C2 } .block_left .nav_new { background: url(//r.drom.ru/img_tpl/nav_new.gif?update=1.0) left top no-repeat; width: 24px; height: 9px; position: absolute; margin: 4px 0 0 -29px; display: block; text-decoration: none } .news_comm_first_page { padding: 0 0 2px 4px; line-height: 18px; background: #fff url(//r.drom.ru/img_tpl/comments_count.gif?update=1.0) left 1px no-repeat; font-size: 10px; color: #fff; margin: 0 4px 0 2px } .news_comm_first_page span { padding: 0 3px 0 0; background: url(//r.drom.ru/img_tpl/comments_count.gif?update=1.0) right 1px no-repeat } .news_city { color: #000; font-size: 11px } @media screen and (-webkit-min-device-pixel-ratio:0){ .news_comm_first_page { background-position: left top } .news_comm_first_page span { background-position: right top } .block_left .nav_new { margin: 9px 0 0 -28px; color: #fff } } .minSize { min-width: 955px; width: 100%; //width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 995)? "995px" : "100%") } .visited a[href]:visited, .b-visited .b-link:visited, .b-visited a[href]:visited, .visitedT td a:visited { color: #b906b8;} .newCatList { width: 100% } .newCatList th { font-size: 12px; font-weight: normal; color: #a7aab2; border-bottom: 1px solid #d0d3db; text-align: left; padding: 0 0 7px 5px; vertical-align: bottom } .newCatList th a { color: #a7aab2; outline: none } .newCatList td { padding: 4px 5px; font-size: 12px; vertical-align: middle; border-bottom: 1px solid #d0d3db; color: #000 } .newCatList .upped, .newCatList .pinned { display: block; margin: 10px 0 } .newCatList .f14 { font-size: 14px } .newCatList .rangeRow { font-size: 14px; height: 81px; } .newCatList .bannerRow { padding: 0; font-size: 0;} .newCatList .c_i { width: 100px; height: 75px; border: 1; } .newCatList .c_n { font-size: 14px } .newCatList .h td { background: #d8e9f6; } .newCatList .engine { min-width: 95px;} .newCatList .h .c_n { font-weight: bold } .newCatList .sort1, .newCatList .sort2 { background: url(//r.drom.ru/img_tpl/sort.gif?update=1.0) left 5px no-repeat; display1: block; padding: 0 0 0 15px } .newCatList .sort2 { background-position: left -40px } .newCatList .curr { height: 13px; width: 89px; overflow: hidden; background: #4c93e8 url(//r.drom.ru/img_tpl/curr.gif?update=1.0) left top no-repeat; margin: 5px 0 0 0 } .newCatList .curr a { font-size: 10px; color: #fff; text-decoration: none; width: 29px; text-align: center; display: block; float: left; line-height: 12px; } .newCatList .curr1 { background-position: left -14px } .newCatList .curr2 { background-position: left -28px } .newCatList .curr3 { background-position: left -42px } .newCatList.newCatList_v2 td { vertical-align: top;} .newCatList.newCatList_v2 .engine { min-width: 0;} .newCatList.newCatList_v2 .picContainer { display: inline-block; position: relative; height: 165px;} .newCatList:not(.sms) tr[data-bull-id] { cursor: pointer;} .drom-notouch .newCatList:not(.sms) tr[data-bull-id]:hover, .drom-touch .newCatList:not(.sms) tr[data-bull-id]:active { background: #EEE !important;} /* AD custom styles */ #candy_105 img {width:240px;} /*Нижний отступ для ирк.ру*/ #irkru {margin-bottom:25px;} .top_cars .top { position: static; height: auto } .bread_bit_new { margin-bottom: 25px; font-weight: bold;} .bread_bit_new a { margin: 0; height: 23px; width: 23px; line-height: 23px; max-height: 23px; display: inline-block; } .bread_bit_new span { margin: 0; height: 23px; width: 23px; line-height: 23px; max-height: 23px; display: inline-block; } .bread_bit_new .right { background: url("//r.drom.ru/img_tpl/full_arrow.gif?update=1.0") no-repeat scroll right -23px transparent; padding: 0 4px; text-decoration: none; width: 20px; } .bread_bit_new .right:hover { background: url("//r.drom.ru/img_tpl/full_arrow.gif?update=1.0") no-repeat scroll right -39px transparent; } .bread_bit_new .left{ background: url("//r.drom.ru/img_tpl/full_arrow.gif?update=1.0") no-repeat scroll left 9px transparent; padding: 0 4px; text-decoration: none; width: 20px; } .bread_bit_new .left:hover { background: url("//r.drom.ru/img_tpl/full_arrow.gif?update=1.0") no-repeat scroll left -7px transparent; } .catalog-fix-table { table-layout: auto !important;} @font-face { font-family: 'Rouble'; src: url('//r.drom.ru/fonts/rouble.eot'); src: url('//r.drom.ru/fonts/rouble.eot?#iefix') format('embedded-opentype'), url('//r.drom.ru/fonts/rouble.woff') format('woff'), url('//r.drom.ru/fonts/rouble.ttf') format('truetype'), url('//r.drom.ru/fonts/rouble.svg#ALSRubl') format('svg'); font-weight: normal; font-style: normal; } .rouble { font-family: Rouble; } .auto .price span.rouble { display: inline; position: relative; right: 0; top: 0; height: auto; width: auto; background: none; } .tireScroll .items span.rouble { color: white !important; display: inline; text-decoration: none; line-height: 12px; font-size: 12px; margin-top: 0; } .school-filials-modal.w2 { width: 642px;} .school-filials-modal .bottom { background: none; padding: 0px;} .blackButtons-add { float: right; width: 161px; height: 21px; margin-right: 20px;} .blackButtons-add .r_add { background: url("//r.drom.ru/skin/add-review.png") no-repeat; display: block; color: #ffffff; height: 21px; padding-left: 40px; font-size: 12px;} .blackButtons-add .r_add:hover { color: #ffffff !important; text-decoration: none; background-position: 0px -23px;} .school-filials-modal .school-modal-title { color: #555555;} .school-photos-block, .school-photos-sm { overflow: hidden;} .school-photos-block { margin-bottom: 18px;} .school-full-img { margin-bottom: 1px; cursor: pointer;} .school-sm { float: left; margin-right: 1px; cursor: pointer;} .school-active-photo { opacity: 0.5; filter: alpha(opacity=50);} .school-sm:hover { opacity: 0.5; filter: alpha(opacity=50);} .grade-types { margin-top: 18px;} .grade-types .red, .grade-types .black, .grade-types .gray { font-weight: bold;} .grade-types .red { color: #ec0000;} .grade-types .black { color: #313232;} .grade-types .gray { color: #a4a4a4;} .grade-ico { background: url("//r.drom.ru/skin/grade-sprite-types.png") no-repeat;} .grade-theory, .grade-practice, .grade-work { padding-left: 19px; position: relative;} .grade-theory .grade-ico { width: 13px; height: 12px; position: absolute; left: 0px; top: 6px;} .grade-practice .grade-ico { width: 13px; height: 14px; position: absolute; left: 0px; top: 3px; background-position: 0px -13px;} .grade-work .grade-ico { width: 13px; height: 14px; position: absolute; left: 0px; top: 3px; background-position: 0px -30px;} .dashed-link { border-bottom: 1px dashed #0072bc; } .drom-notouch .dashed-link:hover, .drom-touch .dashed-link:hover { text-decoration: none; border-color: #f00000;} .school { line-height: 20px;} .school .school-sticker { background: url("//r.drom.ru/skin/school-bg.png") no-repeat; width: 61px; height: 24px; margin-bottom: 19px;} .school .t { margin-right: 0px;} .school .qu { line-height: 20px;} .school .f { text-align: right; width: 100%; margin-top: 20px;} .school .a { width: 125px;} .school .a div { color: #555555;} .school .q { position: inherit; display: block; clear: both;} .school .q + .f { margin-top: 5px;} .school-review { font-size: 12px;} .review-line { overflow: hidden; clear: both; margin-bottom: 28px;} .review-line .review-block { float: left; margin-right: 20px;} .review-line .review-block:last-child { margin-right: 0px;} .review-line.fixMargin { margin-bottom: 0px;} .school-review .w1 { width: 259px !important;} .school-review .w2 { width: 199px !important;} .school-review .w3 { width: 170px !important;} .school-review .sw1 { width: 209px;} .school-review .tw1 { width: 626px; height: 158px;} .review-line input[type="checkbox"] { position: relative; top: 2px;} .review-line .title { margin-bottom: 4px; overflow: hidden;} .review-line .review-gray { color: #a3a3a3;} .review-line .review-title { display: inline-block; margin-bottom: 5px;} .comments .bottom.fix { padding-top: 0px !important;} .pdd-question-block .pdd-stroked img { opacity: 0.3; filter: alpha(opacity=30);} .pdd-question-block .pdd-x { display: none;} .pdd-question-block .pdd-stroked .pdd-x { background: url("//r.drom.ru/skin/pdd_stroke.png") no-repeat; width: 100px; height: 100px; position: absolute; left: 190px; top: 40px; display: block;} /*БМШ - 2014*/ .bm-message { background: #79ae36; border-radius: 6px; position: relative; color: #ffffff; padding: 17px 55px 17px 20px; margin-bottom: 39px;} .bm-close { background: url('//r.drom.ru/skin/commentsFilesDel.gif') no-repeat; width: 19px; height: 19px; position: absolute; right: 11px; top: 11px; display: block;} .bm-close:hover { background: url('//r.drom.ru/skin/commentsFilesDel.gif') 0px -19px no-repeat;} .bm-counter, .bm-bid-l, .bm-bid-r, .bm-text, .bm-form-block, .bm-form1, .bm-image-upload { float: left;} .bm-counter { position: relative; box-shadow: 0px 6px 8px -5px #000000; margin-right: 20px; margin-bottom: 32px;} .bm-corner-left, .bm-corner-right, .bm-counter-content { background: url("//r.drom.ru/skin/bmsh2014/bm-counter.png") no-repeat; height: 81px;} .bm-corner-left, .bm-corner-right { position: absolute; top: 0px; width: 5px;} .bm-corner-right { background-position: 0px -82px; right: 0px;} .bm-counter-content { background-position: 0px -164px; width: 100%; background-repeat: repeat-x;} .bm-bid-l, .bm-bid-r { color: #ffffff; margin-top: 15px; font-size: 12px;} .bm-bid-l { margin-left: 16px; margin-right: 25px;} .bm-bid-r { background: url("//r.drom.ru/skin/bmsh2014/bm-counter-line.png") no-repeat; padding: 0px 0px 0px 19px; margin-right: 20px;} .bm-left-counter, .bm-right-counter { font-size: 30px; line-height: 34px;} .bm-left-counter .bm-counter-icon { background: url("//r.drom.ru/skin/bmsh2014/bm-icons.png") no-repeat; width: 14px; height: 18px; display: inline-block; position: relative; bottom: 2px; margin-right: 7px;} .bm-right-counter .bm-counter-icon { background: url("//r.drom.ru/skin/bmsh2014/bm-icons.png") no-repeat -19px 0px; width: 21px; height: 16px; display: inline-block; position: relative; bottom: 3px;} .bm-text { width: 40%; margin-bottom: 32px;} .bm-form { border-radius: 3px; padding: 0px; width: 692px;} .bm-form-wrp { margin-bottom: 31px;} .bm-no-margin { margin-bottom: 0px;} .bm-dtpAddBg { border: none; overflow: hidden; padding: 15px; font-size: 12px;} .bm-form1 { width: 369px;} .bm-form-block { margin-right: 18px;} .bm-form-line { clear: both; overflow: hidden; margin-bottom: 8px;} .bm-form-line .bm-form-block:last-child { margin-right: 0px;} .bm-form-line .clone { padding: 0px 28px 7px 0px;} .bm-form-line .clone.files { margin: 0px;} .bm-form-line .add-photo input { cursor: pointer;} .bm-label { display: inline-block; padding-bottom: 6px;} .bm-label.block { display: block;} .bm-form-info-text { background: #eaeaea; padding: 19px; border-radius: 3px; margin: 31px 0px 39px 0px;} .bm-form-big { width: 339px;} .bm-form-sm { width: 99px;} .bm-form-smb { width: 119px;} .bm-form-mid { width: 210px;} .bm-form-car-mid { width: 279px;} .bm-form-area-big { width: 646px; height: 85px;} .bm-form-select-sm { width: 99px !important;} .bm-form-select-mid { width: 183px !important;} .bm-form-error { color: #f00000;} .bm-form-error .i { border-color: #e4060a;} .bm-form-gray { color: #aaaaaa;} .bm-w1 { width: 111px;} .bm-w2 { width: 221px;} .bm-sep-w1 { width: 19px; display: inline-block;} .bm-button-next, .bm-button-prev { background: url("//r.drom.ru/skin/commentsOk.png") repeat-x; text-align: center; color: #ffffff; font-size: 18px; overflow: hidden; padding: 9px 17px; display: inline-block; cursor: pointer;} .bm-button-next:hover,.bm-button-prev:hover { background-position: 0px -39px;} .bm-button-next .bm-button-text { float: left; margin-right: 15px;} .bm-button-prev .bm-button-text { float: left;} .bm-button-next .bm-button-arrow { background: url("//r.drom.ru/skin/bmsh2014/bm-arrow.png") no-repeat; width: 21px; height: 16px; position: relative; float: left; top: 3px;} .bm-button-prev .bm-button-arrow { background: url("//r.drom.ru/skin/bmsh2014/bm-arrow-l.png") no-repeat; width: 21px; height: 16px; position: relative; float: left; top: 3px; margin-right: 15px;} .bm-button-inactive, .bm-button-inactive:hover { background: url("//r.drom.ru/skin/bmsh2014/bm-inactive-button.png") repeat-x;} .bm-form-status { clear: both; overflow: hidden; margin-bottom: 42px;} .bm-status-block a:hover { text-decoration: none; border-bottom: 1px dashed #F00000;} .bm-about-icon, .bm-car-icon, .bm-status-block, .bm-additional-icon { background: url("//r.drom.ru/skin/bmsh2014/bm-icons.png") no-repeat;} .bm-about-icon, .bm-car-icon, .bm-additional-icon { display: inline-block; position: relative; margin-right: 5px;} .bm-status-block { float: left; margin-right: 19px; background-position: left -58px; padding-left: 39px;} .bm-status-block:first-child { background: none; padding-left: 0px;} .bm-about-icon { background-position: 0px -23px; width: 15px; height: 16px; top: 2px;} .bm-additional-icon { background-position: -39px -23px; width: 14px; height: 14px; top: 2px;} .bm-car-icon { background-position: -18px -24px; width: 18px; height: 14px; top: 1px;} .bm-status-active { color: #f00000;} .bm-status-active .bm-about-icon { background-position: 0px -43px;} .bm-status-active .bm-car-icon { background-position: -18px -43px;} .bm-status-active .bm-additional-icon { background-position: -39px -43px;} .bm-image-upload { width: 140px;} .bm-upload-info { color: #aaaaaa;} .bm-image-upload .person, .bm-image-upload .extended { background: url("//r.drom.ru/skin/bmsh2014/bm-upload-sprite.png") no-repeat !important;} .bm-image-upload .person { width: 100px; height: 43px; padding-top: 0px; position: relative; padding-top: 90px;} .bm-image-upload .extended { background-position: -36px -141px !important; left: 36px !important; top: 38px !important; width: 27px !important; height: 28px !important;} .bm-image-upload .add-photo input { width: 108px; height: 141px; cursor: pointer; margin-right: 0px;} .add-photo.person:hover .extended { background-position: 0px -141px !important;} .bm-members { margin-bottom: 10px; overflow: hidden; margin-bottom: 30px;} .bm-member { float: left; width: 169px; height: 192px; margin-right: 1px; overflow: hidden; margin-bottom: 8px; position: relative;} .bm-member a { font-size: 14px;} .bm-member a:first-child { display: block; padding-bottom: 6px;} .bm-links { font-size: 12px;} .bm-links tr td:first-child { width: 49%;} .bm-links td { padding-bottom: 7px;} .bm-inner-article { font-size: 12px; color: #555555;} .bm-inner-article .about { margin-bottom: 33px;} .bm-date { color: #aaaaaa; clear: both; margin-bottom: 30px;} .bm-car-block { display: block; width: 420px;} .bm-car-block img { width: 100%;} .bm-no-pad { padding-top: 0px;} .bm-nominations { margin-bottom: 5px;} .bm-nominations .bm-ico { background: url("//r.drom.ru/skin/bmsh2014/bmsh2014-sprite.png?v=2") no-repeat;} .bm-style, .bm-engin, .bm-moto, .bm-off-road, .bm-retro, .bm-project, .bm-sound, .bm-lada, .bm-stance { position: relative; padding-left: 19px; margin-bottom: 1px;} .bm-style .bm-ico, .bm-engin .bm-ico, .bm-moto .bm-ico, .bm-off-road .bm-ico, .bm-retro .bm-ico, .bm-project .bm-ico, .bm-sound .bm-ico, .bm-lada .bm-ico, .bm-stance .bm-ico { width: 15px; position: absolute; left: 0px;} .bm-style .bm-ico { height: 13px; top: 4px;} .bm-engin .bm-ico { height: 16px; top: 4px; background-position: -17px 0px;} .bm-moto .bm-ico { height: 15px; top: 5px; background-position: -33px -2px;} .bm-off-road .bm-ico { height: 12px; top: 5px; background-position: -51px -2px;} .bm-retro .bm-ico { height: 9px; top: 7px; background-position: -70px -5px;} .bm-project .bm-ico { height: 13px; top: 4px; background-position: -87px -1px;} .bm-sound .bm-ico { height: 16px; width: 14px; background-position: -105px 0px; top: 2px;} .bm-lada .bm-ico { height: 14px; width: 12px; background-position: -123px 0px; top: 3px;} .bm-stance .bm-ico { height: 15px; width: 16px; background-position: -140px 0px; top: 2px;} .bm-inner-article .votes { margin-top: 20px; width: 240px;} .bm-gallery { overflow: hidden; clear: both; margin-bottom: 40px;} .bm-gallery a { display: block; float: left; width: 169px; height: 127px; margin: 0px 1px 1px 0px;} .bm-gallery a img { width: 100%;} .bm-add-application { overflow: hidden; clear: both; background: #f5f5f5; border: 1px solid #e3e8ef; border-radius: 3px; padding: 20px; margin-bottom: 40px;} .bm-add-application.with-mar { margin-top: 30px;} .bm-add-application .bm-application-button { float: right; cursor: pointer;} .bm-add-application .bm-application-button { background: url("//r.drom.ru/skin/bmsh2014/bm-button-sprite.png") 0px -60px repeat-x; font-size: 18px; line-height: 60px; width: 221px; color: #ffffff; text-align: center;} .bm-add-application .bm-application-ico { background: url("//r.drom.ru/skin/bmsh2014/bm-btn-ico.png") left center no-repeat; padding-left: 32px;} .bm-add-application .bm-application-button:hover { background-position: 0px 0px;} .bm-add-application table .pp1 { width: 57.971014492753623188405797101449%; vertical-align: middle;} .bm-add-application table .pp2 { width: 32.028985507246376811594202898551%;} /*БМШ - 2014*/ /* Счетчик(с пальцем)*/ .finger-wrp { position: absolute; right: 13px; top: 15px;} .finger-counter { display: inline-block; /*background: url("//r.drom.ru/skin/red-gradient-sm.png") repeat-x;*/ font-size: 11px; line-height: 17px; border-radius: 5px; color: #ffffff; padding: 1px 5px;} .finger-counter .finger { display: inline-block; width: 13px; height: 13px; background: url("//r.drom.ru/skin/like.png") left top no-repeat; position: relative; top: 1px;} .finger-counter.big { font-size: 12px; line-height: 20px; height: 21px; padding: 0px 15px; cursor: pointer; display: block; float: left; margin-right: 20px;} .finger-counter.not-active { background: url("//r.drom.ru/skin/gray-gradient-sm.png") left top repeat-x !important; cursor: default;} .finger-counter.big .finger { padding-right: 4px;} /* Счетчик(с пальцем) */ /*Плашка с уголком*/ .counter-with-corner { background: #f5f5f5 repeat-x; height: 20px; line-height: 20px; font-size: 12px; position: relative; float: left; color: #555555; border-radius: 3px; padding: 0px 7px; border: 1px solid #dce2e6;} .counter-with-corner .corner { background: url("//r.drom.ru/skin/gray-corner.png") no-repeat; width: 4px; height: 5px; position: absolute; left: -4px; top: 7px;} /*Плашка с уголком*/ /* Тест драйвы */ .test-drive-main { clear: both; overflow: hidden; position: relative;} .test-drive-main .test-drive-header { font-size: 30px; color: #ffffff; line-height: 1.3; position: absolute; top: 0px; left: 0px; z-index: 2; padding: 20px; background: url('//r.drom.ru/skin/test-drive-header-bg.png') repeat-x; height: 171px; text-shadow: #000000 0px 1px 1px; width: 100%; box-sizing: border-box;} .test-drive-main > img { width: 100%;} .test-drive-info { clear: both; overflow: hidden; background: #373837; padding: 19px; margin-top: -7px;} .author-info { float: right; font-size: 11px; color: #ffffff;} .author-info a { color: #ffffff; text-decoration: underline;} .author-info span { color: #808080;} .test-drive-vote { float: left; color: #555555; width: 65%;} .test-drive-vote form { float: left;} .test-drive-vote .head { font-size: 12px; font-weight: bold; color: #ffffff;} .test-drive-vote .vote-get { font-size: 11px; color: #807f7f; margin-top: 5px;} .test-drive-vote .vote-table { margin-top: 8px; width: auto;} .vote-table td { font-size: 11px; color: #ffffff; line-height: 16px; padding-bottom: 10px;} .vote-table .button { padding: 0px 8px 10px 0px;} .vote-table .button input { position: relative; top: 2px;} .vote-table .status { padding: 0px 5px 0px 10px; width: 200px;} .vote-table .line-block { height: 6px; overflow: hidden; margin: 6px 0px 0px 0px; float: left;} .vote-table .line-block .line { height: 6px; background: #e78080;} .vote-table .line-block .line.green { background: #c2db9f;} .vote-table .line-block .line.white { background: #ffffff;} .vote-table .count-line { float: left; margin-left: 10px; color: #e78080;} .vote-table .count-line.green { color: #c2db9f;} .vote-table .count-line.white { color: #ffffff;} .incut { font-size: 14px; line-height: 22px; color: #000000; padding: 15px 54px 36px 54px; margin-bottom: 29px; background: url('//r.drom.ru/skin/incut_cone_bg.png') center bottom no-repeat; text-align: center;} .incut_single { padding: 0px 40px 0px 39px;} .incut .top-bound { background: url('//r.drom.ru/skin/incut_cone_bg.png') center top no-repeat; margin: 6px 0 18px 0; height: 13px;} .incut-text { margin: 0px auto 20px auto; font-size: 14px; line-height: 22px; color: #020000;} .incut-text .left-bord, .incut-text .right-bord, .incut-text .text { display: inline-block;} .incut-text .left-bord, .incut-text .right-bord { width: 122px; height: 1px; background: #030608; position: relative; top: 12px; } .incut-text .text { margin: 0px 7px;} .incut-text.conclusion { width: 320px;} .incut-text.opinion { width: 380px;} p + .incut-text.opinion, p + .incut-text.conclusion, .ph-block + .incut-text.opinion, .ph-block + .incut-text.conclusion { margin-top: 29px;} .author-opinion { overflow: hidden; font-size: 11px; margin-bottom: 42px;} .author-opinion .author, .author-opinion .author-text { float: left;} .author-opinion .author { width: 14.637681159420289855072463768116%; /* 101/690 */ margin-right: 20px;} .author-opinion .author img { width: 100%;} .author-opinion .author-who { color: #000000;} .author-opinion .gray { color: #a3a3a3;} .author-opinion .author-text { width: 82.463768115942028985507246376812%; font-size: 12px; /* 590/690 */} .ph-block { margin-bottom: 20px; background: #f5f5f5; overflow: hidden;} .ph-block-random-photo { margin: 0 auto; margin-bottom: 20px; } .ph-block-random-photo-description { background: #f5f5f5; font-size: 13px; padding: 20px; line-height: 20px; } .drom-mobile .ph-block-random-photo-description { padding: 10px; } .ph-block:hover .like-block { opacity: 1;} .ph-like { position: relative;} .like-block { background: #ebebeb; padding: 0px 13px 0px 13px; position: absolute; right: 20px; bottom: 20px; cursor: pointer; opacity: 0; transition: opacity 0.3s ease; box-sizing: border-box; line-height: 40px; height: 40px;} .like-block .like { background: url("//r.drom.ru/skin/fancybox-controlls/save-like.png?v=1") -32px 50% no-repeat; width: 15px; height: 100%; display: inline-block; float: left;} .like-block .like-counter { display: inline-block; position: relative; top: 2px; margin-left: 5px;} .like-block:hover { background: #ffffff;} .like-block:hover .like { background-position: -49px 50%;} .like-block.inactive { cursor: default;} .like-block.inactive:hover { background: #ebebeb;} .like-block.inactive .like { background-position: -66px 50%;} .ph-block img { max-width: 100%; max-height: 800px; display: block; } .ph-description { font-size: 12px; line-height: 20px; margin-top:20px; padding: 0px 20px 20px;} .ph-block .image-set .im { margin-bottom: 20px; float: left; margin-right: 20px;} .ph-block .image-set .im:nth-child(2n) { margin-right: 0px;} .ph-block.inline { display: inline-block; clear: both;} .ph-block .drom-table { margin-bottom: 0;} .ph-video { overflow: hidden; margin-bottom: 20px;} .ph-video iframe { width: 100% !important;} .ph-video[data-count="2"] iframe { width: 48.550% !important; float: left;} .drom-mobile .ph-video[data-count="2"] iframe { width: 100% !important;} .ph-video[data-count="2"] iframe:first-child { margin-right: 20px;} .article { margin-top: 25px; font-size: 12px;} .article-gallery { margin-bottom: 48px;} .article .article-head-block { overflow: hidden; margin: 0px 0px 22px 0px;} .article .article-header { font-size: 24px; color: #f00000; float: left; line-height: 30px;} .article .gallery-opener { float: right; color: #0072bc; cursor: pointer; background: url("//r.drom.ru/skin/gl-opener.png") left 6px no-repeat; padding-left: 16px;} .article .gallery-opener.close { background: url("//r.drom.ru/skin/gl-close.png") left 6px no-repeat;} .article .gallery-opener span { border-bottom: 1px dashed #0072bc;} .article .gl-main-photo img, .article .gl-photo img { max-width: 100%; width: 100%;} .article .gl-photo { margin-bottom: 29px;} .article .description { background: #373837; font-family: georgia; clear: both; font-size: 14px; line-height: 20px; color: #ffffff; font-style: italic; padding: 17px 20px 24px 20px; position: relative;} .article .tireScroll { background: #ffffff;} .article .tireScroll .scrollable { height: 102px;} .article .tireScroll .items a { background: none; width: auto; height: auto;} .article .tireScroll .items a:hover { opacity: 0.5; filter:alpha(opacity=50);} .article .tireScroll .items a img { max-width: 100%; width: 100%;} .article .tireScroll .arr { top: 35%;} .marked-block { padding: 20px 20px 20px 20px; border: 1px solid #d1d7da; margin-bottom: 40px;} .marked-block.marked-block_theme_winter { background: #d8e8f5; border: 0;} .marked-block h3 { padding-top: 0;} .marked-block > p:last-child, .marked-block .article-competitors, .marked-block .article-competitors .competitor { margin-bottom: 0;} .article-gallery-tile { overflow: hidden; margin-bottom: 42px; /* 688/690 */ ;} .article-gallery-tile a { display: block; /*width: 33.236714975845410628019323671498%*/ /* 229,3 / 690 */; /*margin-right: 0.14492753623188405797101449275362%; margin-bottom: 0.14492753623188405797101449275362%;*/ /*margin: 0px 1px 1px 0px;*/ float: left; margin-bottom: 20px;} .article-gallery-tile a img { width: 100%;} .article-competitors { margin-bottom: 12px;} .article-competitors, .article-competitors .competitor { overflow: hidden;} .article-competitors .competitor { margin-bottom: 30px;} .article-competitors .competitor-img, .article-competitors .about-competitor { float: left;} .article-competitors .competitor-img { width: 28.985507246376811594202898550725% /* 200/690 */; margin-right: 20px;} .competitor-img img { width: 100%;} .article-competitors .about-competitor { width: 68.115942028985507246376811594203%; /* 480/690 */} .marked-block .article-competitors .about-competitor { width: 67.115942028985507246376811594203%;} .about-competitor .competitor-name { font-weight: bold;} /* Тест драйвы */ /*Tile-Gallery*/ .images-random-set { clear: both; overflow: hidden; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; background: #f5f5f5; } .drom-mobile .images-random-set {padding-bottom: 10px;} .images-random-set_margin-no { margin: 0px;} .images-random-set a { display: block; float: left;} .images-random-set a img { width: 100%; display: block;} .images-random-set .ph-description { padding-bottom: 0px; } /*Tile-Gallery*/ /*FIFA WORLD CUP 2014*/ .ratings-and-legal-notice-wrap.fifa { float: none; width: 240px; margin-bottom: 20px;} .olympic-user-ratings.fifa { width: 210px; padding: 17px 9px 17px 17px; margin-bottom: 0px;} .olympic-user-ratings.fifa .red-bar { left: auto; right: 10px; padding-top: 10px; height: 52px;} .olympic-user-ratings.fifa .text { margin: 2px 0px 0px 0px;} .olympic-user-ratings.fifa .text span { display: inline-block; padding: 6px 0px 6px 0px;} .main-auth-widget.fifa { width: 650px;} .fifa-groups-nav { clear: both; font-size: 12px; margin: 7px 0px 0px 3px; overflow: hidden; margin-bottom: 20px;} .fifa-groups-nav.with-border { border-bottom: 1px solid #0376c1;} .fifa-groups-nav.bull-margin-fix { margin-bottom: 0px; margin: 7px 0px 0px 0px;} .fifa-groups-nav a { display: block; float: left; line-height: 41px; padding: 0px 13px 0px 13px; border: 1px solid transparent;} .fifa-groups-nav .active { cursor: text; background: url("//r.drom.ru/skin/fifa-menu-bg.png") repeat-x; color: #ffffff; border: 1px solid #0b85d5 !important;} .fifa-groups-nav .active:hover { color: #ffffff !important;} .fifa-groups-nav .active > span { border: none;} .fifa-groups-nav a:hover { border: 1px solid #f00000;} .fifa-groups-nav.with-border a:hover { border: 1px solid transparent;} .fifa-table { font-size: 14px; width: 690px; margin-bottom: 20px;} .fifa-table th { color: #aaaaaa; font-size: 12px; font-weight: normal; padding: 0px 0px 10px 0px;} .fifa-table td { padding: 10px 0px 10px 0px;} .fifa-table .firstTH { text-align: left; padding-left: 10px;} .fifa-table .c { text-align: center; /*width: 8.840579710144927536231884057971%;*/ width: 61px;} .fifa-table .f-country { /*width: 38.115942028985507246376811594203%;*/ width: 260px;} .fifa-table th, .fifa-table td { border-bottom: 1px solid #aaaaaa;} .fifa-table .c { border-left: 1px solid #ececec;} .fifa-table .c-name { color: #0070BA; border-bottom: 1px dashed #0070BA; cursor: pointer;} .fifa-table td > span:hover > .c-name, .fifa-table td .active .c-name { color: #f00000;} .fifa-table td > span:hover > .arrow { background-position: -7px -0px; transform: rotate(0deg); transition: transform 1s ease; -webkit-transform: rotate(0deg); -webkit-transition: -webkit-transform 1s ease;} .fifa-table td .arrow { background: url("//r.drom.ru/skin/arrows-sprite.png") no-repeat; width: 7px; height: 4px; display: inline-block; position: relative; transform: rotate(180deg); transition: transform 1s ease; -webkit-transform: rotate(180deg); transition: -webkit-transform 1s ease; -moz-transform: rotate(180deg); -moz-transition: -moz-transform 1s ease;} .fifa-table td .active .arrow { background-position: -7px -4px !important; transform: rotate(180deg); transition: transform 1s ease; -webkit-transform: rotate(180deg); transition: -webkit-transform 1s ease; -moz-transform: rotate(180deg); -moz-transition: -moz-transform 1s ease;} .fifa-table td .active:hover > .arrow { transform: rotate(0deg); transition: transform 1s ease; -webkit-transform: rotate(0deg); transition: -webkit-transform 1s ease; -moz-transform: rotate(0deg); -moz-transition: -moz-transform 1s ease;} .fifa-table td .active .c-name { border-color: #f00000;} .fifa-table .fifa-line div { float: left;} .fifa-table .sub-coll { padding: 0px; display: table-cell;} .fifa-table .sub-coll.closed { display: none;} .fifa-sub-table, .fifa-prediction { width: 690px;} .fifa-sub-table tr td:first-child { width: 149px; font-size: 12px;} .fifa-sub-table .fifa-result { width: 100px; text-align: center; padding: 10px 6px;} .fifa-sub-table .fifa-result a { font-size: 11px;} .fifa-sub-table td { width: 153px; border-color: #e3e8ef;} .fifa-sub-table tr:last-child td { border: none;} .fifa-sub-table .fifa-result a, .fifa-prediction td .link-pred, .fifa-groups-nav a span, .olympic-quizes.ext .quizes-close { border-bottom: 1px dashed #0070BA;} .fifa-groups-nav .active:hover, .fifa-groups-nav a:hover, .fifa-sub-table .fifa-result a:hover, .fifa-prediction td .link-pred, .olympic-quizes.ext .quizes-close:hover { text-decoration: none;} .fifa-prediction td .link-pred:hover, .fifa-sub-table .fifa-result a:hover, .fifa-table td > span:hover > .c-name, .fifa-groups-nav a:hover > span, .olympic-quizes.ext .quizes-close:hover { border-color: #f00000;} .fifa-description { color: #aaaaaa; width: 690px; font-size: 12px; margin-bottom: 40px;} .fifa-prediction { font-size: 12px;} .fifa-prediction .fifa-group { border: 1px solid #067bc8; color: #067cc9; display: inline-block; text-transform: uppercase; line-height: 19px; padding: 0px 6px; margin-right: 13px;} .fifa-prediction tr:first-child td { border-top: 1px solid #dfe2e4;} .fifa-prediction td { padding: 0px 0px 13px 0px; border-bottom: 1px solid #dfe2e4;} .fifa-prediction .row-head td { border: none; padding-top: 20px;} .fifa-prediction .fifa-result { font-size: 18px; text-align: center;} .fifa-prediction .fifa-result span { color: #79ae36;} .fifa-prediction .fifa-country { width: 178px;} .fifa-prediction tr td:nth-child(4n) { padding-left: 20px;} .fifa-prediction .row-result td { padding-bottom: 25px;} .fifa-prediction .f-predict { width: 100px;} .fifa-prediction .f-predict, .fifa-prediction .gray { color: #a6a6a6;} .fifa-prediction .next-info td { border: none; padding-bottom: 13px;} .fifa-prediction .row-result.ext .f-predict { width: 80px;} .fifa-prediction .row-result.ext .fifa-country { padding: 0px 0px 0px 20px;} .fifa-prediction .row-result.ext td { padding-bottom: 7px;} .fifa-prediction .row-result.ext td { border: none;} .fifa-prediction .row-result.ext.predict td { padding: 14px 0px 5px 20px; border-bottom: 1px solid #e3e8ef;} .fifa-prediction .row-result.ext.predict .f-predict, .fifa-prediction .row-result.ext.predict .fifa-result { padding-left: 0px;} .fifa-prediction .row-result.ext.predict .fifa-country, .fifa-prediction .row-result.ext.predict .fifa-result { background: #f5f5f5;} .fifa-prediction .row-result.ext:last-child { border-bottom: 1px solid #e3e8ef;} .fifa-prediction.future .row-result.ext .fifa-country { padding: 0px;} .fifa-prediction.future .row-result.ext td { border-bottom: 1px solid #e3e8ef;} .olympic-quizes.ext { margin-bottom: 40px;} .olympic-quizes.ext .quizes-list .fifa-img { margin-bottom: 40px;} .olympic-quizes.ext .quizes-list .prediction-block { width: 690px;} .olympic-quizes.ext .olympic-quizes-header.open { border-bottom: none;} .olympic-quizes.ext .quizes-close { padding-top: 13px; display: inline-block;} .olympic-quizes.ext p + .quizes-close { padding-top: 0px;} .fifa-prediction.popup { width: 620px;} .fifa-prediction.popup .row-result td { vertical-align: middle;} .fifa-prediction.popup .fifa-country { width: 177px;} .fifa-prediction.popup .fifa-result { width: 130px;} .fifa-prediction.popup tr td:nth-child(4n) { padding-left: 17px;} .fifa-prediction.popup td { border: none !important; padding-bottom: 20px;} .fifa-prediction.popup tr:first-child td { padding-top: 8px;} .fifa-send-btn { font-size: 18px; line-height: 41px; height: 41px; text-align: center; border: none; background: url("//r.drom.ru/skin/buttton_bg.png") repeat-x left top; padding: 0px 20px; color: #ffffff; cursor: pointer;} .fifa-send-btn:hover { background-position: 0px -41px;} .fifa-playoff { position: relative; font-size: 12px; margin-bottom: 40px;} .fifa-playoff .teams { width: 235px; position: relative; z-index: 4;} .fifa-playoff .teams.firstRound { margin-bottom: 20px;} .fifa-playoff .teams.firstRound:nth-child(2) { margin-bottom: 40px;} .fifa-playoff .teams.secondRound { margin-bottom: 179px;} .fifa-playoff .teams.lastRound { margin-bottom: 40px;} .fifa-playoff .teams .date { color: #a5a5a5;} .fifa-playoff .teams .head { font-weight: bold; margin-bottom: 29px;} .fifa-playoff .teams.firstRound .sep-sm { background: url("//r.drom.ru/skin/fifa_sep_sm.png") no-repeat; width: 109px; height: 70px; margin: 6px 0px 3px 41px;} .fifa-playoff .teams.secondRound .sep-mid { background: url("//r.drom.ru/skin/fifa_sep_mid.png") no-repeat; width: 109px; height: 150px; margin: 5px 0px 3px 80px;} .fifa-playoff .teams.thirdRound .sep-big { background: url("//r.drom.ru/skin/fifa_sep_big.png") no-repeat; width: 29px; height: 390px; margin: 5px 0px 3px 40px;} .fifa-playoff .playoff-table { width: 100%;} .fifa-playoff .playoff-table .team-name { width: 180px;} .fifa-playoff .playoff-table .score { font-size: 14px;} .fifa-playoff .playoff-table .score span { border-bottom: 1px dashed; cursor: pointer;} .fifa-playoff .playoff-table .team-name img { margin-right: 6px;} .fifa-playoff .playoff-table .team-name .empty-team { border-bottom: 1px solid #dce2e6; display: inline-block; width: 77.777777777777777777777777777778%; height: 15px;} .fifa-playoff .quarter-final, .fifa-playoff .semifinal, .fifa-playoff .final { position: absolute;} .fifa-playoff .quarter-final { top: 71px; left: 161px;} .fifa-playoff .semifinal { top: 173px; left: 361px;} .fifa-playoff .final { top: 316px; left: 438px;} .playoff-headers { position: relative; margin-bottom: 20px; font-size: 12px;} .playoff-headers .first, .playoff-headers .second, .playoff-headers .third { position: relative; display: inline-block; font-weight: bold;} .playoff-headers .first { top: 0px; left: 0px;} .playoff-headers .second { top: 0px; left: 74px;} .playoff-headers .third { top: 0px; left: 187px;} /*FIFA WORLD CUP 2014*/ /*FIFA-2014 menu*/ .fifa-menu { background: url("//r.drom.ru/skin/fifa_menu/gradient.png") repeat;} .fifa2014 { background: url("//r.drom.ru/skin/fifa_menu/fifa_main.bg.png") center top no-repeat;} .fifa2014 tr > td > div > a { text-shadow: 0 1px 0px #000000;} .menu.fifa2014 div { background: url("//r.drom.ru/skin/fifa_menu/fifa_sep.png") right top no-repeat;} .menu.fifa2014 .divSel { background: none !important;} .menu.fifa2014 a { background: none;} .menu.fifa2014 .last div { background: none;} .fifa2014-top { background: url("//r.drom.ru/skin/fifa_menu/fifa_top_big_bg.png") center top no-repeat; width: 100%; height: 100%; position: relative; left: 53px; top: 8px;} .fifa-top-fix { overflow: hidden;} .fifa-top-fix .logo { z-index: 2;} .fifa-and, .fifa-dns, .fifa-prom { position: absolute;} .fifa-and, .fifa-prom { top: 28px; font-size: 16px;} .fifa-and { left: 181px;} .fifa-dns { top: 19px; left: 198px;} .fifa-prom { left: 378px;} /*FIFA-2014 menu*/ /*Новый попап*/ .overlay { position: fixed; width: 100%; height: 100%; background: #000000; opacity: 0; filter: alpha(opacity=0); z-index: 999; display: none; left: 0px; top: 0px;} .popup-block { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-sizing: border-box; position: absolute; top: 100px; left: 100px; background: #ffffff; padding: 20px; z-index: 1000; display: block; transition: transform 0.2s; transform: scale(0); -webkit-transition: -webkit-transform 0.2s; -webkit-transform: scale(0); -ms-transform: scale(0); -ms-transition: -ms-transform 0.2s; -ms-transform: scale(0); line-height: 20px;} .popup-block .popup-block-wrap { position: relative;} .popup-block .close { text-decoration: none; position: absolute; top: 0px; right: 0px; background: url('//r.drom.ru/skin/fBlClose.gif') left bottom no-repeat; width: 19px; height: 19px;} .popup-block .close:hover { background-position: left top;} .popup-block .popup-content-wrp { margin-top: 23px;} .popup-content-wrp_type_margin { margin-top: 40px;} .popup-content-wrp__link-btn { font-size: 14px; } .popup-content-wrp-ext { margin-bottom: 40px;} .popup-line { margin-bottom: 20px;} .popup-line:last-child { margin-bottom: 0px;} .popup-block-wrap, .popup-block-wrap-ext { position: relative; padding: 27px 20px 20px; background: #ffffff;} .popup-block-wrap-ext { padding: 17px 20px 20px; line-height: 20px;} .popup-block-wrap .title { width: 90%; padding: 0px; margin-bottom: 40px;} .popup-content-wrp-ext a, .popup-block-wrap .link { color: #0070ba !important;} .popup-content-wrp-ext a:hover, .popup-block-wrap .link:hover { color: #F00000 !important;} /*Новый попап*/ /*Слайдер для каталога сравнений(изменения)*/ .compare-slider { width: auto;} .compare-slider td, .compare-slider th { font-size: 12px; line-height: 20px;} .compare-slider td, .compare-slider .comp { width: 21.739130434782608695652173913043%} .compare-slider .comp, .compare-slider .left-arrow, .compare-slider .comp-empty { padding: 0px 20px 0px 0px;} .compare-slider td { padding: 9px 20px 9px 0px;} .compare-slider .comp, .compare-slider .comp-empty { border: none;} .compare-slider .compare-photo .text-block { margin-top: 15px;} .compare-slider .compare-photo .text-block, .compare-slider .compare-photo .compare-photo-image { position: relative;} .compare-slider .compare-photo .compare-photo-image { width: 135px; height: 90px;} .compare-slider .compare-photo img { max-width: 114px; max-height: 76px; width: auto; height: auto;} .compare-slider .compare-photo .delete { background: url("//r.drom.ru/skin/delete.png?u=2") 0px -20px no-repeat; width: 19px; height: 19px; position: absolute; top: 11px; right: 11px; cursor: pointer; z-index: 2;} .compare-slider .compare-photo .delete:hover { background-position: 0px 0px;} .compare-slider .c1, .compare-slider .comp-empty { width: 200px; min-width: 200px;} .compare-slider .leftC, .compare-slider .rightC { display: inline-block; width: 8px; height: 13px; position: relative; text-decoration: none; background: url('//r.drom.ru/skin/slider_controls.gif') left top no-repeat;} .compare-slider .leftC { top:45px; background-position: 0px -13px;} .compare-slider .leftC:hover { background-position: 0px 0px;} .compare-slider .rightC { top: 45px; background-position: -8px 0px;} .compare-slider .rightC:hover { background-position: -8px -13px;} .compare-slider .left-arrow { width: 8px; min-width: 8px; border: none; padding-right: 0px;} .compare-slider .comp-empty { text-align: right;} .compare-slider .comp .sum { color: #555555; margin-top: 10px;} .compare-slider .comp a { min-height: 60px; display: inline-block; padding-right: 20px;} .compare-slider .col-img { margin-top: 10px;} /*Слайдер для каталога сравнений(изменения)*/ .payment-flash.successful { background: #79af37; border-color: #79af37; color: white; } .payment-flash { border-radius: 5px; background: #f5f5f5; border: 1px solid #e3e8ef; padding: 8px 20px 11px 19px; margin-bottom: 19px; } .payment-flash.error { background: #ea0001; border-color: #ea0001; color: white; } /*Слайдер для каталога сравнений(изменения)*/ /*Авторизация/смена пароля/потверждение пароля*/ .inp, .p-code { width: 100%; box-sizing: border-box; height: 35px;} .inp-b { font-size: 16px; width: 100%; box-sizing: border-box; text-align: center; line-height: 20px; height: 35px; cursor: pointer;} .inp-error { border: 1px solid #E4060A;} .auth-wrapper { font-size: 12px; border: 1px solid #e3e8ef; padding: 20px;} .auth-wrapper .auth-block { background: #f5f5f5; padding: 20px; overflow: hidden;} .auth-wrapper .normal-notification { margin-bottom: 40px;} .auth-wrapper .auth-text { margin-bottom: 40px;} .auth-wrapper .inp, .auth-wrapper .p-code { line-height: 20px; font-size: 18px; padding: 0px 5px 0px 5px; color: #555555;} .auth-wrapper .p-code { padding: 3px 5px;} .auth-wrapper h3 { padding-top: 0px;} .auth-block .f, .auth-block .f2 { width: 370px; float: left; margin-bottom: 20px;} .auth-block .f a, .auth-block .f2 a { margin-right: 40px;} .auth-block .f2 { width: auto;} .auth-block .t { width: 180px; float: left; margin-bottom: 20px; padding-top: 8px;} .auth-block .t.w { width: 46px;} .auth-block .t.w2 { width: auto; margin: 0 20px 0 0; line-height: 40px; padding: 0; display: inline-block;} .auth-block .f-pass { width: 267px; float: left; margin-bottom: 16px; margin-right: 20px;} .auth-block .f-select { float: left; margin-right: 20px;} .auth-block .f-phone, .auth-block .f-num { float: left; width: 160px; margin-right: 20px;} .auth-block .f-num { width: 95px;} .auth-block .f-btn { float: left; width: 92px; height: 35px;} .auth-block .f-btn-bigger, .auth-block .f-btn-bigger2 { float: left; width: 198px; height: 35px;} .auth-block .f-btn-bigger2 { width: 160px;} .auth-block .f-btn-pass { width: 200px; margin-left: 180px; height: auto;} .auth-block .fixMargin { margin-bottom: 20px;} .auth-block .noMar { margin-bottom: 0px;} /*Авторизация/смена пароля/потверждение пароля*/ /*Обновленный виджет кабинета*/ .user-icon, .star-favour, .settings-ico, .logout-ico { background-image: url("//r.drom.ru/skin/cabinet_sprite_icons.png?verion=3.0"); background-repeat: no-repeat; display: inline-block;} .user-icon, .settings-ico, .logout-ico { width: 16px; height: 16px;} .star-favour { background-position: 0px -18px; width: 15px; height: 16px;} .logout-ico { background-position: 0px -54px;} .settings-ico { background-position: 0px -36px;} .auth-cabinet-links a { vertical-align: middle; margin: 0px; line-height: 39px; height: 39px; display: block; text-decoration: none !important; padding: 0px 11px; border: 1px solid #dcdcdc; color: #4a4949 !important; background: none; float: left; position: relative;} .auth-cabinet-links a:nth-child(n + 2) { margin-left: -1px;} .auth-cabinet-links .star-favour, .auth-cabinet-links .settings-ico, .auth-cabinet-links .logout-ico, .authCabinet .user-icon { position: relative;} .auth-cabinet-links .star-favour { top: 3px;} .auth-cabinet-links .star-favour.empty { top: 11px;} .auth-cabinet-links .settings-ico { top: 12px;} .auth-cabinet-links .logout-ico { top: 12px; left: -1px;} .auth-cabinet-links a:hover { border-color: #c6c6c6; background: #ffffff; z-index: 100;} .auth-cabinet-links a:hover > .star-favour { background-position: 0px -72px;} .auth-cabinet-links a:hover > .settings-ico { background-position: 0px -90px;} .auth-cabinet-links a:hover > .logout-ico { background-position: 0px -109px} /*.auth-cabinet-links { margin-top: 20px;}*/ .authCabinet { line-height: 20px; padding-bottom: 5px; padding-top: 0px; padding-left: 0px; background: none;} .authLinks { font-size: 18px; background: none; padding-left: 0px; padding-bottom: 0px; color: #a3a3a3;} .auth-cabinet-links a:hover { text-decoration: underline;} .authCabinet .user-icon { top: 2px;} /*Обновленный виджет кабинета*/ /*Избранное*/ .favorite { padding: 13px 13px 13px 20px; margin-top: 6px;} .favorite .pp1 { vertical-align: top !important;} .favorite .favor-info-img { position: relative; float: right;} .favorite .favor-info-img .arrow-fav { background: url("//r.drom.ru/skin/arrow_favor.png") no-repeat; width: 38px; height: 12px; position: absolute; top: 56px; left: -28px;} .sticker-favorite { background: url("//r.drom.ru/skin/favorite.png") no-repeat; width: 19px; height: 19px; position: absolute; right: 0px; top: 0px;} .newCatList .c_i a { display: block; position: relative;} .favorite-banner { padding: 20px; border: 1px solid #dfe2e4;} .favorite-close { background: url("//r.drom.ru/skin/fBlClose.gif") left bottom no-repeat; width: 19px; height: 19px; display: block;} .favorite-close:hover { background-position: left top;} .user-favorite { position: relative;} .user-favorite .del-header { border-bottom: 1px dashed #0070ba;} .user-favorite .del-header:hover { text-decoration: none; border-bottom: 1px dashed #f00000;} .user-favorite .user-favorite-del { position: absolute; z-index: 2; display: none; opacity: 0;} .user-favorite .user-favorite-del { background: url('//r.drom.ru/skin/favorite-bg-nf.png'); text-align: center;} .user-favorite .user-favorite-del table { width: 100%; height: 100%;} .user-favorite .user-favorite-del table td { vertical-align: middle; text-align: center; border-bottom: 1px solid #D0D3DB;} .user-favorite .user-favorite-del table td span { background: #ffffff; padding: 0px 6px; display: inline-block;} .auto .actions .action { clear: both; overflow: hidden;} .auto .actions .action a { float: left;} /*Избранное*/ /* Удаленные вопросы ответы, добавил временно, пока нету верстальщиков) */ .deleted_question { opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ } .deleted_question:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* Удаленные вопросы ответы, добавил временно, пока нету верстальщиков) */ /* ================================================ * Лайк для комментариев * ================================================ */ .vote-like { color: #000 !important; top: 12px !important; } .vote-like .p a, .vote-like .p i { background: url('//r.drom.ru/skin/all-icons.svg?v=41') -128px -209px no-repeat !important; } .drom-notouch .vote-like .p a:hover, .drom-touch .vote-like .p a:active { background-position: -128px -287px !important; } .vote-like .p i { background-position: -128px -261px !important; } /* */ .b-popup { position: absolute; top: -20px; left: -20px; right: -20px; padding: 20px; max-width: 350px;} .b-popup_theme_vin { top: -83px; } .b-popup_hidden { display: none; } .b-popup__close-btn { position: absolute; top: 20px; right: 20px; height: 16px; width: 16px;}