/* $Id: style.css 305 2010-05-19 07:48:25Z kaarel $ */ html, body {width: 100%; min-height: 100%; height: auto !important; height: 100%;} body {color: #333333; font: normal 13px Arial, Helvetica, sans-serif; margin: 0; padding: 0;} a {color: #D00000; text-decoration: none; outline: none} a:hover {text-decoration: underline} form {margin: 0; padding: 0;} button, input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; outline: none} input, textarea {margin: 0; padding: 0;} hr {color: #C0C0C0; height: 1px} img {border: 0; display: block} .formbutton {border: 1px solid #C6C6C6; height: 23px; padding: 1px 4px 2px 4px; background: url(../img/button/formbutton.gif) repeat-x bottom center; color: #333; width: auto} .formbutton_hover {border: 1px solid #C6C6C6; height: 23px; padding: 1px 4px 2px 4px; background: url(../img/button/formbutton_hover.gif) repeat-x top center} /* Header */ #header {width: 100%; height: 80px; overflow: hidden; background-color: #ffffff; position: fixed; top: 0px; z-index: 110;} *html #header {position: absolute; top: 0px;} #header .red_line {width: 100%; height: 5px; overflow: hidden; background-color: #d42e35;} .header_content {width: 980px; height: 80px; overflow: hidden; margin: 0 auto;} .header_content .logo {float: left;} /* Header > Shadow */ #top_shadow {width: 100%; height: 34px; overflow: hidden; position: fixed; top: 80px; z-index: 108; background: url('../img/content.png') top center no-repeat;} #top_shadow2 {width: 100%; height: 34px; overflow: hidden; position: fixed; top: 161px; z-index: 108; background: url('../img/content.png') top center no-repeat;} *html #top_shadow {position: absolute; top: 80px;} *html #top_shadow2 {position: absolute; top: 161px;} /* Mainmenu */ #mainmenu {float: left; width: 727px; height: 75px; overflow: hidden; margin: 0 0 0 65px;} #mainmenu ul {list-style: none; margin: 0; padding: 0;} #mainmenu ul li {float: left; height: 75px; margin: 0 9px 0 0; padding: 0;} #mainmenu ul li.separator {width: 1px; height: 40px; overflow: hidden; margin: 17px 0 0 0; background-color: #808285;} #mainmenu ul li a {float: left; height: 58px; margin: 17px 0 0 0; cursor: default;} #mainmenu ul li a img {cursor: pointer;} #mainmenu ul li a.active {background: url('../img/mainmenu/arrow.gif') bottom center no-repeat;} #mainmenu ul li.last {float: right;} /* Submenu */ #submenu {width: 100%; height: 81px; overflow: hidden; position: fixed; top: 80px; z-index: 109;} *html #submenu {position: absolute; top: 80px;} .sub_type1 {background: url('../img/submenu/bg.gif') repeat-x;} .sub_type2 {background: url('../img/submenu/type2_bg.gif') top center no-repeat;} #submenu .inline {width: 982px; height: 81px; overflow: hidden; margin: 0 auto; background: url('../img/submenu/bg.gif') repeat-x;} #submenu ul {list-style: none; margin: 0; padding: 0;} #submenu ul li {float: left; margin: 0; padding: 0;} #submenu ul li.right {float: right; position: relative;} #submenu ul li.right a {color: #fff;} /* Submenu > Used cars links */ #submenu ul li.right a .used_cars_link1_est {position: absolute; top: 50px; left: 24px; float: left; height: 15px; padding: 0 0 0 19px; background: url('../img/submenu/link_arrow.png') 0px 1px no-repeat; cursor: pointer;} #submenu ul li.right a .used_cars_link2_est {position: absolute; top: 50px; left: 120px; float: left; height: 15px; padding: 0 0 0 19px; background: url('../img/submenu/link_arrow.png') 0px 1px no-repeat; cursor: pointer;} *html #submenu ul li.right a .used_cars_link1_est {position: absolute; top: 50px; left: 24px; float: left; height: 15px; padding: 0 0 0 19px; background: url('../img/submenu/link_arrow.gif') 0px 1px no-repeat; cursor: pointer;} *html #submenu ul li.right a .used_cars_link2_est {position: absolute; top: 50px; left: 120px; float: left; height: 15px; padding: 0 0 0 19px; background: url('../img/submenu/link_arrow.gif') 0px 1px no-repeat; cursor: pointer;} #submenu ul li.right .used_cars_link1_est span:hover, #submenu ul li.right .used_cars_link2_est span:hover {text-decoration: underline;} #submenu ul li.right a .used_cars_link1_est span.active, #submenu ul li.right a .used_cars_link2_est span.active {text-decoration: underline;} #submenu ul li.right a .used_cars_link1_rus {position: absolute; top: 50px; left: 24px; float: left; height: 15px; padding: 0 0 0 19px; background: url('../img/submenu/link_arrow.png') 0px 1px no-repeat; cursor: pointer;} #submenu ul li.right a .used_cars_link2_rus {position: absolute; top: 50px; left: 150px; float: left; height: 15px; padding: 0 0 0 19px; background: url('../img/submenu/link_arrow.png') 0px 1px no-repeat; cursor: pointer;} *html #submenu ul li.right a .used_cars_link1_rus {position: absolute; top: 50px; left: 24px; float: left; height: 15px; padding: 0 0 0 19px; background: url('../img/submenu/link_arrow.gif') 0px 1px no-repeat; cursor: pointer;} *html #submenu ul li.right a .used_cars_link2_rus {position: absolute; top: 50px; left: 150px; float: left; height: 15px; padding: 0 0 0 19px; background: url('../img/submenu/link_arrow.gif') 0px 1px no-repeat; cursor: pointer;} #submenu ul li.right .used_cars_link1_rus span:hover, #submenu ul li.right .used_cars_link2_rus span:hover {text-decoration: underline;} #submenu ul li.right a .used_cars_link1_rus span.active, #submenu ul li.right a .used_cars_link2_rus span.active {text-decoration: underline;} /* Submenu > Textlinks */ #submenu ul.txtlink {float: left; list-style: none; margin: 0 15px 0 14px; padding: 8px 0 0 0;} #submenu ul.txtlink li {float: none; margin: 0; padding: 3px 0 4px 21px; background: url('../img/submenu/link_arrow.png') 0px 4px no-repeat;} #submenu ul.txtlink li.active {margin: 0; padding: 3px 0 4px 21px; background: url('../img/submenu/link_a_arrow.png') 0px 4px no-repeat;} #submenu ul.txtlink li a, #submenu ul li.active a {color: #fff; line-height: normal;} #submenu ul.txtlink li.active a:hover {text-decoration: none;} *html #submenu ul.txtlink li {float: none; margin: 0; padding: 3px 0 4px 21px; background: url('../img/submenu/link_arrow.gif') 0px 4px no-repeat;} *html #submenu ul.txtlink li.active {margin: 0; padding: 3px 0 4px 21px; background: url('../img/submenu/link_a_arrow.gif') 0px 4px no-repeat;} /* Front */ #front {width: 100%; overflow: hidden; padding: 80px 0 30px 0; position: relative; z-index: 1; background: url('../img/content/bottom_shadow.gif') bottom center no-repeat;} #front #front-content {width: 980px; position: absolute; z-index: 15; top: 436px; left: 50%; margin: 0 0 0 -490px;} #front-left {float: left; width: 696px; overflow: hidden;} /* Front > Advertise */ #front-adv {width: 100%; height: 350px; overflow: hidden; position: absolute; z-index: 12;} #front-adv-items {width: 100%; height: 320px; overflow: hidden; position: relative;} #front-adv-items .f-adv-bg {width: 100%; height: 320px; overflow: hidden; position: absolute; visibility: hidden;} #front-adv-items .f-adv-text {width: 980px; overflow: hidden; margin: 0 auto;} #front-adv-items .f-adv-text .inline {float: left; width: 696px; height: 320px; overflow: hidden;} /* Front > Advertise > Controls */ .f-adv-c-pos {width: 980px; margin: 0 auto; position: relative; z-index: 150;} .f-adv-c-pos-inline {float: left; width: 696px; position: relative; z-index: 151;} #f-adv-controls-wrapper {float: right; height: 36px; padding: 0 13px 0 0; background: url('../img/front/f-adv-controls-bg-right.png') no-repeat top right; position: absolute; z-index: 152; top: -16px; right: 15px;} *html #f-adv-controls-wrapper {padding-right: 12px;} #f-adv-controls-wrapper .f-adv-c-inline {float: left; height: 36px; padding: 0 8px 0 17px; background: url('../img/front/f-adv-controls-bg-left.png') no-repeat;} #f-adv-controls-wrapper ul {float: left; list-style: none; margin: 12px 0 0 0; padding: 0;} #f-adv-controls-wrapper ul li {float: left; padding: 0 6px;} #f-adv-controls-wrapper ul li a {float: left;} #f-adv-controls-wrapper ul li a.prev {width: 6px; height: 11px; background: url('../img/front/f-adv-controls.gif') no-repeat;} #f-adv-controls-wrapper ul li a.next {width: 6px; height: 11px; background: url('../img/front/f-adv-controls.gif') no-repeat -6px 0;} #f-adv-controls-wrapper ul li a.dot {width: 10px; height: 11px; background: url('../img/front/f-adv-controls.gif') no-repeat -12px 0;} #f-adv-controls-wrapper ul li a.selected {width: 10px; height: 11px; background: url('../img/front/f-adv-controls.gif') no-repeat -22px 0;} /* Front > Campaigns */ #front-campaigns {clear: both; width: 100%; overflow: hidden; padding: 0 0 30px 0; position: relative; top: -4px; background: url('../img/front/f-c-shadow.gif') no-repeat bottom center;} #front-campaigns .row {padding: 0 20px 19px 165px; overflow: hidden;} #front-campaigns .row .f-c-pic {float: left; position: relative; left: -165px; margin-right: -150px;} #front-campaigns h2 {width: 100%; overflow: hidden; font-size: 20px; color: #333; font-weight: normal; margin: 0; padding: 0 0 2px 0;} #front-campaigns .text {width: 100%; overflow: hidden; line-height: 17px;} #front-campaigns .text p {margin: 0; padding: 0 0 5px 0;} #front-campaigns .text .button_left, #front-campaigns .text .button_left_est, #front-campaigns .text .button_left_rus {float: right; margin: 5px 0 0 0;} #front-campaigns .f-c-links {padding: 0 0 0 159px; overflow: hidden;} #front-campaigns .f-c-links ul {list-style: none; margin: 0; padding: 0;} #front-campaigns .f-c-links ul li {float: left; padding: 0 15px 0 0; color: #333;} #front-campaigns .f-c-links ul li a {color: #333;} #front-campaigns .f-c-links ul li span.active {font-weight: bold;} #front-campaigns .f-c-links ul li a.arrow {padding: 0 0 0 20px; background: url('../img/arrow.gif') no-repeat 0 2px;} /* Front > Fresh */ #fresh-news {clear: both; float: left; width: 482px; overflow: hidden; padding: 20px 55px 0 159px;} .f-n-label-est {background: url('../img/front/fresh-news-label-est.gif') no-repeat 0 19px;} .f-n-label-rus {background: url('../img/front/fresh-news-label-rus.gif') no-repeat 0 19px;} #fresh-news ul {float: left; list-style: none; margin: 0; padding: 0 0 8px 0;} #fresh-news ul li {clear: both; float: left; width: 100%; padding: 0 0 10px 0;} #fresh-news ul li a {padding: 0 15px 0 0; font-size: 15px; color: #333; font-weight: bold; line-height: 19px; background: url('../img/arrow2-red.gif') no-repeat right;} *html #fresh-news ul li a {background: none;} #fresh-news ul li a:hover {color: #D00000; text-decoration: none;} #fresh-news .link-more {clear: both; float: left; white-space: nowrap; padding: 0 0 0 20px; color: #333; background: url('../img/arrow.gif') no-repeat 0 2px;} /* Front > Right box */ #front-right {float: right; width: 284px; overflow: hidden; margin: 0 0 20px 0; padding: 0 0 0 8px; background: url('../img/front/front-right-bg.png') no-repeat bottom left; position: absolute; top: -356px; right: 0; z-index: 16;} #front-right .f-r-inline {widh: 100%; background: #fff;} #front-right h2 {font-size: 20px; color: #333; font-weight: normal; margin: 0; padding: 0;} /* Front > Right box > Uued autod */ #front-right .new-cars {width: 277px; overflow: hidden; margin: 0 0 0 5px; padding: 0 0 20px 0;} #front-right .new-cars h2 {padding: 17px 0 8px 9px;} #front-right .new-cars h1 {margin: 0; padding: 5px 0 7px 19px;} #front-right .new-cars ul {list-style: none; margin: 0 0 0 2px; padding: 0;} #front-right .new-cars ul li {float: left; margin: 0; padding: 0;} #front-right .new-cars ul li.separator {width: 100%; height: 1px; background: url('../img/front/line1.gif') no-repeat;} /* Front > Right box > Teenindus */ #front-right .gray-box {clear: both; float: left; display: inline; width: 263px; height: 135px; overflow: hidden; margin: 0 0 4px 14px; background: url('../img/front/gray-box-bg.jpg') no-repeat;} #front-right .gray-box h2 {padding: 26px 9px 4px 1px; text-align: center;} #front-right .gray-box .button_left_est, #front-right .gray-box .button_left_rus {float: left; height: 32px; margin: 0 0 0 54px; color: #fff; font-weight: bold; text-transform: uppercase; background: url('../img/front/button-red-left.gif') no-repeat;} #front-right .gray-box .button_left_rus {margin: 0 0 0 33px;} #front-right .gray-box .button_left_est span, #front-right .gray-box .button_left_rus span {float: left; height: 32px; line-height: 32px; padding: 0 25px; background: url('../img/front/button-red-right.gif') no-repeat top right;} #front-right .gray-box .info {float: left; display: inline; font-size: 12px; margin: 5px 0 0 67px; padding: 0 0 0 19px; background: url('../img/front/info-icon.gif') no-repeat 0 1px;} /* Front > Right box > Kasutatud autod */ #front-right .f-used-cars {width: 255px; overflow: hidden; margin: 0 0 0 14px; padding: 5px 0 0 0;} #front-right .f-used-cars h2 {padding: 0 0 8px 0;} #front-right .f-used-cars .row {clear: both; float: left; width: 185px; margin: 0 0 14px 0; padding: 0 0 12px 85px; overflow: hidden; background: url('../img/front/line1.gif') no-repeat bottom;} #front-right .f-used-cars .last {background: none; margin: 0 0 7px 0;} #front-right .f-used-cars .row h3 {font-size: 13px; font-weight: normal; margin: 0; padding: 0;} #front-right .f-used-cars .row h3 a {display: block; margin: 0 0 1px 0; padding: 0 0 1px 0; border-bottom: 1px #c2c2c2 solid; position: relative; top: -3px;} #front-right .f-used-cars .row h3 a:hover {text-decoration: none; border-bottom: 1px #fff solid;} #front-right .f-used-cars .row span.price {display: block; font-size: 20px; color: #333;} #front-right .f-used-cars .u-c-pic {float: left; position: relative; left: -85px; margin-right: -75px;} #front-right .f-used-cars .link-more {clear: both; float: left; white-space: nowrap; margin: 0 0 5px 0; padding: 0 0 0 20px; color: #333; background: url('../img/arrow.gif') no-repeat 0 2px;} #front-right .shadow {width: 100%; height: 10px; overflow: hidden; background: url('../img/front/right-side-shadow.gif') no-repeat;} /* Front > Right box > Meie teenindame */ #front-right .we-serve {clear: both; float: left; width: 270px; padding: 0 0 20px 14px; overflow: hidden;} #front-right .we-serve h2 {padding: 8px 0 9px 0;} #front-right .we-serve ul {clear: both; float: left; list-style: none; margin: 0 0 8px 3px; padding: 0;} #front-right .we-serve ul li {float: left; width: 87px; padding: 0 0 4px 0;} #front-right .we-serve ul li a {float: left; border-bottom: 1px #c2c2c2 solid;} #front-right .we-serve ul li a:hover {text-decoration: none; border-bottom: 1px #fff solid;} #front-right .we-serve .link-more {clear: both; float: left; white-space: nowrap; margin: 0 0 0 2px; padding: 0 0 0 20px; color: #333; background: url('../img/arrow.gif') no-repeat 0 2px;} /* Front > Red buttons */ #front-adv a.button_left, #front-left a.button_left, #body_text_adv a.button_left, #front-adv a.button_left_est, #front-adv a.button_left_rus {clear: both; float: left; margin: 12px 0 0 0; padding: 0; font-size: 13px; color: #474a4d; font-weight: bold; text-transform: uppercase; cursor: pointer; background: url('../img/content/button-gray-left.gif') repeat-x; border: 0;} #front-adv a.button_left span, #front-left a.button_left span, #body_text_adv a.button_left span, #front-adv a.button_left_est span, #front-adv a.button_left_rus span {float: left; height: 26px; line-height: 26px; padding: 0 30px 0 10px; color: #474a4d; background: url('../img/content/button-gray-arrow.gif') no-repeat center right;} #front-adv a:hover, #front-left .button_left:hover, #body_text_adv a.button_left:hover {text-decoration: none;} #front-left a.button_left_est, #body_text_adv a.button_left_est {clear: both; float: left; margin: 12px 0 0 0; padding: 0; font-size: 13px; color: #474a4d; font-weight: bold; text-transform: uppercase; cursor: pointer; background: url('../img/content/button-gray-left.gif') repeat-x; border: 0;} #front-left a.button_left_est span, #body_text_adv a.button_left_est span {float: left; height: 26px; line-height: 26px; padding: 0 30px 0 10px; color: #474a4d; background: url('../img/content/button-gray-arrow.gif') no-repeat center right;} #front-left a.button_left_est:hover, #body_text_adv a.button_left_est:hover {text-decoration: none;} #front-left a.button_left_rus, #body_text_adv a.button_left_rus {clear: both; float: left; margin: 12px 0 0 0; padding: 0; font-size: 13px; color: #474a4d; font-weight: bold; text-transform: uppercase; cursor: pointer; background: url('../img/content/button-gray-left.gif') repeat-x; border: 0;} #front-left a.button_left_rus span, #body_text_adv a.button_left_rus span {float: left; height: 26px; line-height: 26px; padding: 0 30px 0 10px; color: #474a4d; background: url('../img/content/button-gray-arrow.gif') no-repeat center right;} #front-left a.button_left_rus:hover, #body_text_adv a.button_left_rus:hover {text-decoration: none;} /* Content */ #content {width: 100%; overflow: hidden; padding: 161px 0 0 0;} #content .bottom_shadow {width: 100%; overflow: hidden; background: url('../img/content/bottom_shadow.gif') bottom center no-repeat;} #content .inline {width: 980px; overflow: hidden; margin: 0 auto; padding: 0 0 18px 0; position: relative; z-index: 1;} /* Body_text */ #body_text {width: 100%; margin: 16px 0 0 0;} #body_text .row {float: left; padding: 4px 0 0 0; line-height: 17px; position: relative;} #body_text .row_separator {float: left; width: 1px; overflow: hidden; margin: 0 15px; background-color: #808285;} #body_text .row p {margin: 0; padding: 3px 0 7px 0;} #body_text .row p.date {margin: -10px 0 0 0; padding: 0px 0 15px 0;} #body_text .row h1 {font-size: 30px; font-weight: normal; margin: 0; padding: 70px 0 15px 0; line-height: normal;} #body_text .row h1.two_row {font-size: 30px; font-weight: normal; margin: 0; padding: 40px 0 15px 0; line-height: normal;} #body_text .row h1.three_row {font-size: 30px; font-weight: normal; margin: 0; padding: 10px 0 15px 0; line-height: normal;} #body_text .row h2 {font-size: 20px; font-weight: normal; margin: 0; padding: 0 0 5px 0; line-height: normal;} #body_text .row h3 {font-size: 15px; font-weight: bold; margin: 0; padding: 0 0 5px 0; line-height: normal;} #body_text .row .line1, #body_text .row .line2 {clear: both; width: 100%; overflow: hidden; background: url('../img/content/line1.gif') center no-repeat;} #body_text .row .line1 {height: 46px;} #body_text .row .line2 {height: 38px;} #body_text .row .line3 {clear: both; width: 100%; height: 38px; overflow: hidden; background: url('../img/content/line3.gif') center no-repeat;} #body_text .row .line_wide {clear: both; width: 100%; height: 38px; overflow: hidden; background: url('../img/body/line1.gif') center left no-repeat;} #body_text .row .special_gift {float: left; height: 28px; line-height: 28px; margin: -5px 0 0 0; padding: 0 43px 6px 0; color: #d2232a; background: url('../img/body/gift.gif') top right no-repeat;} #body_text .row1_pad {padding: 0 0 0 18px;} #body_text .body_text_wide {margin: -16px 0 0 0;} #body_text .body_text_wide h1 {font-size: 30px; font-weight: normal; margin: 0; padding: 30px 0 15px 0; line-height: normal;} #body_text .body_text_wide h2 {padding: 20px 0 5px 0;} #body_text .body_text_wide h3 {padding: 15px 0 5px 0;} /* Body_text > Price list */ #body_text .row .pricelist_button, #front .pricelist_button {width: 100%; clear: both; position: relative;} #body_text .row .open_down .pricelist_select, #front .open_down .pricelist_select {position: absolute; z-index: 21; top: 40px; right: 0px; background-color: #fff; border: 2px #dbdbdb solid;} #body_text .row .open_down a.button_left span.arrow, #front .open_down a.button_left span.arrow {background: url('../img/content/button-gray-arrow-down.gif') no-repeat center right;} #body_text .row .open_up .pricelist_select, #front .open_up .pricelist_select {position: absolute; z-index: 21; bottom: -10px; right: 0px; background-color: #fff; border: 2px #dbdbdb solid;} #front .open_up .pricelist_select {bottom: -3px;} #body_text .row .open_up a.button_left span.arrow, #front .open_up a.button_left span.arrow {background: url('../img/content/button-gray-arrow-up.gif') no-repeat center right;} #body_text .row .pricelist_select .title, #front .pricelist_select .title {width: 131px; overflow: hidden; padding: 3px 0 4px 10px; font-size: 12px; font-weight: bold; background-color: #dbdbdb;} #body_text .row .pricelist_select ul, #front .pricelist_select ul {margin: 6px 20px 5px 10px; padding: 0 0 0 15px; font-size: 12px; color: #59595e;} /* Campaigns > Price list */ #campaigns .pricelist_button {width: 100%; clear: both; position: relative;} #campaigns .open_down .pricelist_select {position: absolute; z-index: 21; top: 44px; right: 0px; background-color: #fff; border: 2px #dbdbdb solid;} #campaigns .open_down a.button_left span.arrow, #campaigns .open_down a.button_left_est span.arrow, #campaigns .open_down a.button_rus span.arrow {background: url('../img/content/button-gray-arrow-down.gif') no-repeat center right;} #campaigns .open_up .pricelist_select {position: absolute; z-index: 21; bottom: -4px; right: 0px; background-color: #fff; border: 2px #dbdbdb solid;} #campaigns .open_up a.button_left span.arrow, #campaigns .open_up a.button_left_est span.arrow, #campaigns .open_up a.button_left_rus span.arrow {background: url('../img/content/button-gray-arrow-up.gif') no-repeat center right;} #campaigns .pricelist_select .title {width: 131px; overflow: hidden; padding: 3px 0 4px 10px; font-size: 12px; font-weight: bold; background-color: #dbdbdb;} #campaigns .pricelist_select ul {margin: 6px 20px 5px 10px; padding: 0 0 0 15px; font-size: 12px; color: #59595e;} /* Body_text > Random pic */ #body_text .body_rand_pic {float: left; width: 617px; height: 104px; overflow: hidden; padding: 0 0 12px 0;} /* Body_text > Links & buttons */ #body_text .row a {border-bottom: 0;} #body_text .row a:hover {border-bottom: 1px #c2c2c2 solid; text-decoration: none;} #body_text .row .link_more {border-bottom: 1px #c2c2c2 solid;} #body_text .row .link_more:hover {border-bottom: 0; text-decoration: none;} #body_text .row .link_more2 {border-bottom: 0;} #body_text .row .link_mor2e:hover {border-bottom: 1px #c2c2c2 solid; text-decoration: none;} .form .row .button {float: right; margin: 5px 0 0 0; padding: 0; font-size: 14px; color: #474a4d; font-weight: bold; text-transform: uppercase; cursor: pointer; background: url('../img/content/button-gray-right.gif') no-repeat top right;} .form .row .button span {float: left; height: 30px; line-height: 30px; padding: 0 30px 0 10px; color: #474a4d; background: url('../img/content/button-gray-left.gif') no-repeat;} #body_text .row a.button_left {clear: both; float: right; margin: 12px 0 0 0; padding: 0; font-size: 13px; color: #474a4d; font-weight: bold; text-transform: uppercase; cursor: pointer; background: url('../img/content/button-gray-left.gif') repeat-x; border: 0;} #body_text .row a.button_left span {float: left; height: 26px; line-height: 26px; padding: 0 30px 0 10px; color: #474a4d; background: url('../img/content/button-gray-arrow.gif') no-repeat center right;} #body_text .row a.button_left:hover {text-decoration: none; border: 0;} #body_text .row a.button_left_est {clear: both; float: right; margin: 12px 0 0 0; padding: 0; font-size: 13px; color: #474a4d; font-weight: bold; text-transform: uppercase; cursor: pointer; background: url('../img/content/button-gray-left.gif') repeat-x; border: 0;} #body_text .row a.button_left_est span {float: left; height: 26px; line-height: 26px; padding: 0 30px 0 10px; color: #474a4d; background: url('../img/content/button-gray-arrow.gif') no-repeat center right;} #body_text .row a.button_left_est:hover {text-decoration: none; border: 0;} #body_text .row a.button_left_rus {clear: both; float: right; margin: 12px 0 0 0; padding: 0; font-size: 13px; color: #474a4d; font-weight: bold; text-transform: uppercase; cursor: pointer; background: url('../img/content/button-gray-left.gif') repeat-x; border: 0;} #body_text .row a.button_left_rus span {float: left; height: 26px; line-height: 26px; padding: 0 30px 0 10px; color: #474a4d; background: url('../img/content/button-gray-arrow.gif') no-repeat center right;} #body_text .row a.button_left_rus:hover {text-decoration: none; border: 0;} /* Body_text > Other */ #body_text .page_up {clear: both; float: left; margin: 10px 0 20px 0; padding: 0 0 0 38px; color: #58595b; background: url('../img/content/page_up.gif') 18px 1px no-repeat;} #body_text .row .clear, #front_content .clear, #body_text_adv .clear {width: 100%; overflow: hidden; clear: both;} #body_text .row .break15 {clear: both; width: 100%; height: 15px; overflow: hidden;} #body_text .row .break30 {clear: both; width: 100%; height: 30px; overflow: hidden;} #body_text .row ul, #body_text .row ol {margin: 3px 0 5px 0; padding: 0 0 0 20px;} #body_text .row ul li, #body_text .row ol li {padding: 0 0 3px 0;} #body_text .news_pic_position {float: right; margin: 0 0 20px 20px;} /* Body_text > Kampaania */ #body_text_adv {float: left; width: 696px; overflow: hidden; padding: 0 0 24px 0;} #body_text_adv_news {float: left; width: 696px; overflow: hidden; margin: -7px 0 0 0; padding: 0 0 24px 0;} #body_text_adv .row2 {overflow: hidden; padding: 0 0 0 18px; line-height: 17px; position: relative;} #body_text_adv .row2 p {margin: 0; padding: 3px 0 7px 0;} #body_text_adv .row2 h2 {font-size: 20px; font-weight: normal; margin: 0; padding: 20px 0 5px 0; line-height: normal;} #body_text_adv .row2 h3 {font-size: 15px; font-weight: bold; margin: 0; padding: 15px 0 5px 0; line-height: normal;} #body_text_adv .row2 a {border-bottom: 0;} #body_text_adv .row2 a:hover {border-bottom: 1px #c2c2c2 solid; text-decoration: none;} #body_text_adv .row2 .link_more {border-bottom: 1px #c2c2c2 solid;} #body_text_adv .row2 .link_more:hover {border-bottom: 0; text-decoration: none;} #body_text_adv .row2 ul, #body_text_adv .row2 ol {margin: 3px 0 5px 0; padding: 0 0 0 20px;} #body_text_adv .row2 ul li, #body_text_adv .row2 ol li {padding: 0 0 3px 0;} .bron_ankeet {width: 100%; height: 215px; overflow: hidden;} .bron_ankeet_rus {width: 100%; height: 220px; overflow: hidden;} /* Body_text > Tabelid */ #body_text .t_gray, #campaigns .t_gray {border-top: 1px #b2b5b9 solid; border-left: 1px #b2b5b9 solid;} #body_text .t_gray td, #campaigns .t_gray td {border-bottom: 1px #b2b5b9 solid; border-right: 1px #b2b5b9 solid; padding: 3px 6px;} /* Head text */ #cat_head_text {float: left; width: 462px; margin: 25px 0 0 0; padding: 0 15px 0 18px; line-height: 17px;} #cat_head_text p {margin: 0; padding: 0;} #cat_head_text .link_more {border-bottom: 1px #c2c2c2 solid;} #cat_head_text .link_more:hover {border-bottom: 0; text-decoration: none;} #cat_head_text .used_cars_icon {float: left; height: 106px; margin: 0 20px 0 0; border-right: 1px #808285 solid;} #cat_head_text .used_cars_icon img {padding: 11px 34px 16px 23px;} #cat_head_text_rus {float: left; width: 438px; margin: 25px 0 0 0; padding: 0 15px 0 0px; line-height: 17px;} #cat_head_text_rus p {margin: 0; padding: 0;} #cat_head_text_rus .link_more {border-bottom: 1px #c2c2c2 solid;} #cat_head_text_rus .link_more:hover {border-bottom: 0; text-decoration: none;} #cat_head_text_rus .used_cars_icon {float: left; height: 120px; margin: 0 20px 0 0; border-right: 1px #808285 solid;} #cat_head_text_rus .used_cars_icon img {padding: 11px 34px 16px 23px;} /* Title */ #title {width: 100%; overflow: hidden; clear: both;} #title .title {float: left; width: 355px; height: 126px; position: relative;} #title .title h1 {font-size: 30px; font-weight: normal; margin: 0; padding: 0 0 0px 18px; line-height: normal; position: absolute; bottom: 0px; left: 0px;} #title .body_rand_pic {float: right; width: 617px; height: 104px; overflow: hidden; padding: 16px 6px 14px 0;} #title .attributes {clear: both; margin: 0 6px 0 18px; height: 45px; border-top: 1px #808285 solid;} #title .attributes .print_button {float: right; padding: 13px 5px 0 0;} #title .attributes .history_button {float: left; margin: 15px 0 0 0; padding: 0 0 0 20px; background: url('../img/content/back.gif') 0px 1px no-repeat;} #title .attributes .history_button a {color: #58595b;} #title2 {width: 100%; overflow: hidden; clear: both;} #title2 .title {width: 100%; padding: 20px 0 0 0;} #title2 .title h1 {font-size: 30px; font-weight: normal; margin: 0; padding: 0 0 4px 18px; line-height: normal;} #title2 .body_rand_pic {display: none;} #title2 .attributes {clear: both; margin: 0 6px 0 18px; height: 45px; border-top: 1px #808285 solid;} #title2 .attributes .print_button {float: right; padding: 13px 5px 0 0;} #title2 .attributes .history_button {float: left; margin: 15px 0 0 0; padding: 0 0 0 20px; background: url('../img/content/back.gif') 0px 1px no-repeat;} #title2 .attributes .history_button a {color: #58595b;} #news_title {width: 100%; overflow: hidden; clear: both;} #news_title .title {width: 100%; padding: 20px 0 0 0;} #news_title .title h1 {font-size: 30px; font-weight: normal; margin: 0; padding: 0 0 4px 18px; line-height: normal;} #news_title .body_rand_pic {display: none;} #news_title .attributes {clear: both; margin: 0 6px 0 18px; height: 45px; border-top: 1px #808285 solid;} #news_title .attributes .print_button {float: right; padding: 13px 5px 0 0;} #news_title .attributes .history_button {float: left; margin: 15px 0 0 0; padding: 0 0 0 20px; background: url('../img/content/back.gif') 0px 1px no-repeat;} #news_title .attributes .history_button a {color: #58595b;} .title_print {width: 100%; padding: 10px 0 10px 0;} .title_print h1 {font-size: 30px; font-weight: normal; margin: 0; padding: 0 0 0 18px; line-height: normal;} /* Used Cars */ #used_cars {float: right; width: 284px; padding: 19px 0 20px 8px; background: url('../img/front/front-right-bg.png') no-repeat bottom left; position: absolute; right: 0;} #used_cars .uc-inline {float: left; width: 100%; background: #fff;} #used_cars .title {clear: both; float: left; height: 36px; margin: 0 0 17px 0; padding: 0 0 0 4px; background: url('../img/content/used-cars-title-bg.gif') no-repeat; position: relative; left: -4px;} #used_cars .title h2 {float: left; height: 34px; line-height: 32px; font-size: 20px; color: #fff; font-weight: normal; margin: 0; padding: 0 18px 0 22px; background: #d2232a;} *html #used_cars .title h2 {height: 28px; line-height: normal; padding-top: 6px;} *:first-child+html #used_cars .title h2 {height: 28px; line-height: normal; padding-top: 6px;} #used_cars .cars {clear: both; float: left; width: 264px; padding: 0 0 0 20px; overflow: hidden;} #used_cars .row {margin: 0 0 14px 0; padding: 0 0 12px 85px; overflow: hidden; background: url('../img/front/line1.gif') no-repeat bottom;} #used_cars .row h3 {font-size: 13px; font-weight: normal; margin: 0; padding: 0;} #used_cars .row h3 a {display: block; margin: 0 0 1px 0; padding: 0 0 1px 0; border-bottom: 1px #c2c2c2 solid; position: relative; top: -3px;} #used_cars .row h3 a:hover {text-decoration: none; border-bottom: 1px #fff solid;} #used_cars .row span.price {display: block; font-size: 20px; color: #333;} #used_cars .u-c-pic {float: left; position: relative; left: -85px; margin-right: -75px;} /* Car buyers > Campaigns */ #buyers-campaigns {width: 100%; overflow: hidden; padding: 15px 0 10px 0;} #buyers-campaigns .row {padding: 13px 20px 15px 165px; overflow: hidden; background: url('../img/content/line3.gif') no-repeat bottom center;} #buyers-campaigns .row .f-c-pic {float: left; position: relative; left: -165px; margin-right: -150px;} #buyers-campaigns h2 {width: 100%; overflow: hidden; font-size: 20px; color: #333; font-weight: normal; margin: 0; padding: 0 0 2px 0;} #buyers-campaigns .text {width: 100%; overflow: hidden; line-height: 17px;} #buyers-campaigns .text p {margin: 0; padding: 0;} #buyers-campaigns .text .button_left, #buyers-campaigns .text .button_left_est, #buyers-campaigns .text .button_left_rus {float: right; margin: 15px 0 0 0;} /* Catalog */ #cat_head_pic {float: left; width: 549px; margin: 19px 0 0 0;} #cat_head_pic_rus {float: left; width: 625px; overflow: hidden; margin: 19px 0 0 0;} #cat_menu {float: left; width: 431px; font-size: 12px;} #cat_menu2 {float: left; width: 485px; font-size: 12px;} #cat_menu ul, #cat_menu2 ul {float: left; list-style: none; height: 86px; margin: 25px 32px 0 20px; padding: 0;} #cat_menu ul.list2, #cat_menu2 ul.list2 {margin: 25px 0px 0 20px;} #cat_menu ul.list3, #cat_menu2 ul.list3 {margin: 25px 0px 0 20px;} #cat_menu ul li, #cat_menu2 ul li {width: auto; margin: 0; padding: 4px 0 4px 0;} *html #cat_menu ul li {display: inline;} *html #cat_menu2 ul li {display: inline;} #cat_menu ul.list2 li {width: 155px;} #cat_menu2 ul.list2 li {width: 130px;} #cat_menu ul.list3 li, #cat_menu2 ul.list3 li {width: 150px;} #cat_menu ul li a, #cat_menu2 ul li a {display: block; padding: 0 0 0 20px; color: #58595b; background: url('../img/front/arrow.gif') 0px 1px no-repeat;} *html #cat_menu ul li a, *html #cat_menu2 ul li a {margin: 7px 0 7px 0;} #cat_menu ul li a.active, #cat_menu2 ul li a.active {text-decoration: underline;} #cat_menu_rus {float: left; width: 355px; font-size: 12px;} #cat_menu_rus ul {float: left; list-style: none; height: 86px; margin: 25px 25px 0 0; padding: 0;} #cat_menu_rus ul.list1 {width: 170px;} #cat_menu_rus ul.list2 {width: 160px; margin: 25px 0 0 0;} #cat_menu_rus ul li {margin: 0; padding: 4px 0 4px 0;} *html #cat_menu_rus ul li {display: inline;} #cat_menu_rus ul li a {display: block; padding: 0 0 0 20px; color: #58595b; background: url('../img/front/arrow.gif') 0px 1px no-repeat;} *html #cat_menu_rus ul li a {margin: 7px 0 7px 0;} #cat_menu_rus ul li a.active {text-decoration: underline;} #cat_menu2_rus {float: left; width: 525px;} #cat_menu2_rus ul {float: left; list-style: none; height: 86px; margin: 25px 25px 0 0; padding: 0;} #cat_menu2_rus ul.list1 {width: 145px;} #cat_menu2_rus ul.list2 {width: 185px; margin: 25px 0 0 0;} #cat_menu2_rus ul.list3 {width: 145px;} #cat_menu2_rus ul li {margin: 0; padding: 4px 0 4px 0;} *html #cat_menu2_rus ul li {display: inline;} #cat_menu2_rus ul li a {display: block; padding: 0 0 0 20px; color: #58595b; background: url('../img/front/arrow.gif') 0px 1px no-repeat;} *html #cat_menu2_rus ul li a {margin: 7px 0 7px 0;} #cat_menu2_rus ul li a.active {text-decoration: underline;} #cat_list {clear: both; width: 100%; overflow: hidden; padding: 0 0 24px 0;} #cat_list .row {float: left; width: 245px; height: 185px; overflow: hidden; position: relative;} /* Catalog > Background */ #cat_list .r_left {background: url('../img/catalog/r_left.gif') no-repeat;} #cat_list .r_center {background: url('../img/catalog/r_center.gif') no-repeat;} #cat_list .r_right {background: url('../img/catalog/r_right.gif') no-repeat;} /* Catalog > Background - Peugeot */ .cat_peugeot .r_left_a {background: url('../img/catalog/r_left_peugeot.gif') no-repeat;} .cat_peugeot .r_center_a {background: url('../img/catalog/r_center_peugeot.gif') no-repeat;} .cat_peugeot .r_right_a {background: url('../img/catalog/r_right_peugeot.gif') no-repeat;} /* Catalog > Background - Lexus */ .cat_lexus .r_left_a {background: url('../img/catalog/r_left_lexus.gif') no-repeat;} .cat_lexus .r_center_a {background: url('../img/catalog/r_center_lexus.gif') no-repeat;} .cat_lexus .r_right_a {background: url('../img/catalog/r_right_lexus.gif') no-repeat;} /* Catalog > Background - Hyundai */ .cat_hyundai .r_left_a {background: url('../img/catalog/r_left_hyundai.gif') no-repeat;} .cat_hyundai .r_center_a {background: url('../img/catalog/r_center_hyundai.gif') no-repeat;} .cat_hyundai .r_right_a {background: url('../img/catalog/r_right_hyundai.gif') no-repeat;} /* Catalog > Background - Toyota */ .cat_toyota .r_left_a {background: url('../img/catalog/r_left_toyota.gif') no-repeat;} .cat_toyota .r_center_a {background: url('../img/catalog/r_center_toyota.gif') no-repeat;} .cat_toyota .r_right_a {background: url('../img/catalog/r_right_toyota.gif') no-repeat;} /* Catalog > Background - Chevrolet & Opel */ .cat_chevrolet .r_left_a, .cat_opel .r_left_a {background: url('../img/catalog/r_left_opel.gif') no-repeat;} .cat_chevrolet .r_center_a, .cat_opel .r_center_a {background: url('../img/catalog/r_center_opel.gif') no-repeat;} .cat_chevrolet .r_right_a, .cat_opel .r_right_a {background: url('../img/catalog/r_right_opel.gif') no-repeat;} #cat_list .row .text {position: absolute; left: 0px; bottom: 0px;} #cat_list .row .model {display: block; padding: 0 0 0 15px; line-height: 14px;} #cat_list .row .model_name {display: block; padding: 0 0 0 15px;} #cat_list .row .model_name a {font-size: 18px; font-weight: bold; color: #58595b; border-bottom: 1px #808285 solid;} #cat_list .row .model_name a:hover {text-decoration: none; border-bottom: 0;} #cat_list .row .price {display: block; padding: 3px 0 0 15px;} #cat_list .row .price span {color: #d2232a; font-weight: bold;} #cat_list .row .campaign_est {position: absolute; right: 4px; bottom: 1px; width: 74px; height: 70px; background: url('../img/kataloog/campaign_est.png') no-repeat;} #cat_list .row .campaign_rus {position: absolute; right: 4px; bottom: 1px; width: 70px; height: 70px; background: url('../img/kataloog/campaign_rus.png') no-repeat;} #cat_list .row .car_new_est {background: url('../img/kataloog/car_new_est.png') no-repeat 7px 21px;} #cat_list .row .car_new_rus {background: url('../img/kataloog/car_new_rus.png') no-repeat 7px 21px;} #cat_list .row .car_coming_est {background: url('../img/kataloog/car_coming_est.png') no-repeat 9px 17px;} #cat_list .row .car_coming_rus {background: url('../img/kataloog/car_coming_rus.png') no-repeat 9px 17px;} /* Text styles */ span.red, b.red {color: #d2232a;} /* News */ #b_overlay .news_list {float: left; width: 855px; overflow: hidden; margin: 0; padding: 0 0 0 25px; line-height: 16px; border-left: 1px #808285 solid;} .news_list {overflow: hidden; padding: 10px 0 18px 18px;} .news_list .n_row {width: 100%; overflow: hidden; margin: 0 0 12px 0; padding: 0 0 10px 0; background: url('../img/body/line1.gif') bottom left no-repeat;} .news_list .n_row .news_pic {float: left; margin: 0 15px 0 0;} .news_list .n_row h1 {font-size: 16px; font-weight: normal; margin: 0 0 7px 0; padding: 0;} .news_list .n_row h1 a {color: #d2232a; border-bottom: 1px #c2c2c2 solid;} .news_list .n_row h1 a:hover {text-decoration: none; border-bottom: 0;} .news_list .n_row .text2 {clear: both; width: 100%;} .news_list .pagging {width: 100%; overflow: hidden; padding: 10px 0 0 0;} .news_list .pagging .left {float: left;} .news_list .pagging .right {float: right;} .news_adv {margin: 0; padding: 15px 0 0 0; background: url('../img/body/line2.gif') top left no-repeat;} .news_adv .n_row {width: 100%; overflow: hidden; margin: 0 0 12px 0; padding: 0 0 10px 0; background: url('../img/body/line2.gif') bottom left no-repeat;} .news_adv .n_row .text_pad {padding: 0 0 0 20px;} .news_adv .n_row h1 {display: inline; font-size: 16px; font-weight: normal; margin: 0 padding: 0;} .news_adv .n_row h1 a {color: #d2232a; border-bottom: 1px #c2c2c2 solid;} .news_adv .n_row h1 a:hover {text-decoration: none; border-bottom: 0;} .news_adv .n_row .text {display: block; padding: 5px 0 0 0;} .news_adv .news_pic_position {float: left; margin: 0 20px 0 20px;} /* Gallery */ .gallery {clear: both; padding: 10px 0 10px 0; width: 100%; overflow: hidden} .gallery .item {float: left; width: 156px; height: 180px; padding: 5px 10px} .gallery .separator {float: left; width: 10px; height: 10px} .gallery .item img {padding: 2px; border: 1px solid #D0CDC6} .gallery .item .description {padding: 4px 0 10px 0; text-align: center; overflow: hidden} .gallery .layout {} .gallery .layout .description {padding: 8px 0 26px 0} /* pagging */ .pagging {width: 100%; overflow: hidden} .pagging .pages {float: left; font-weight: normal} .pagging .pages ul {list-style: none; margin: 0; padding: 0} .pagging .pages ul li {float: left; margin: 0 4px 0 0; padding: 0; border: 1px solid #E1E1E1; background: #FFF} .pagging .pages ul li a {display: block; float: left; padding: 0 6px; line-height: 20px; height: 20px} .pagging .pages ul li a:hover {background: #E1E1E1; text-decoration: none; color: #000} .pagging .pages ul li.active {padding: 0 6px; background: #E1E1E1; color: #000; line-height: 20px; height: 20px} .pagging .pages ul li a .direction {font-size: 16px; line-height: 16px} .pagging .pagecount {float: right; line-height: 20px} .topbrd {border-top: 1px solid #D0CDC6; padding: 6px 0 0 0} .bottompbrd {border-bottom: 1px solid #D0CDC6; padding: 0 0 6px 0} /* Ankeet */ .ankeet {width: 100%; overflow: hidden; color: #58595b; font: normal 12px Arial, Helvetica, sans-serif;} .ankeet td {padding: 2px 0;} .ankeet td.left {width: 150px; padding: 2px 10px 2px 0; text-align: left; font-weight: bold;} .ankeet td.field {width: 250px; text-align: left;} .ankeet td.field select {text-align: left; width: 250px; padding: 2px; border: 1px #58595b solid; background: url('../img/body/input1.gif') no-repeat;} .ankeet td.field .input {width: 248px; padding: 3px 0; border: 1px #58595b solid; background: url('../img/body/input1.gif') no-repeat;} .ankeet td.field .textarea {width: 248px; height: 80px; padding: 3px 0; border: 1px #58595b solid; background: url('../img/body/input1.gif') no-repeat;} #body_text .ankeet {width: 100%; overflow: hidden; color: #58595b; font: normal 12px Arial, Helvetica, sans-serif;} #body_text .ankeet td {padding: 2px 0;} #body_text .ankeet td.left {width: 160px; padding: 2px 10px 2px 0; text-align: left; font-weight: bold;} #body_text .ankeet td.field {width: 200px;} #body_text .ankeet td.field .input {width: 198px; padding: 3px 0; border: 1px #58595b solid; background: url('../img/body/input1.gif') no-repeat;} #body_text .ankeet td.field select {width: 200px; padding: 2px; border: 1px #58595b solid; background: url('../img/body/input1.gif') no-repeat;} #body_text .ankeet td.field .textarea {width: 198px; height: 80px; padding: 3px 0; border: 1px #58595b solid; background: url('../img/body/input1.gif') no-repeat;} #body_text .ankeet h2 {display: none;} #b_ankeet .ankeet h2 {display: block;} #b_ankeet .ankeet {width: 100%; overflow: hidden; color: #58595b; font: normal 12px Arial, Helvetica, sans-serif;} #b_ankeet .ankeet td {padding: 2px 0;} #b_ankeet .ankeet td.left {width: 150px; padding: 2px 10px 2px 0; text-align: left; font-weight: bold;} #b_ankeet .ankeet td.field {width: 250px;} #b_ankeet .ankeet td.field .input {width: 248px; padding: 3px 0; border: 1px #58595b solid; background: url('../img/body/input1.gif') no-repeat;} #b_ankeet .ankeet td.field .textarea {width: 248px; height: 80px; padding: 3px 0; border: 1px #58595b solid; background: url('../img/body/input1.gif') no-repeat;} #body_text #b_ankeet a:hover {text-decoration: none; border: 0px;} #b_ankeet .ankeet .row {clear: both; width: 260px;} #TB_ajaxContent h2 {color: #58595b; font-size: 20px; font-weight: normal; margin: 0; padding: 12px 0 5px 0; line-height: normal;} #TB_ajaxContent p {color: #58595b; margin: 0; padding: 3px 0 7px 0;} #TB_ajaxContent .ankeet {padding: 0 0 0 5px;} #TB_ajaxContent .ankeet .agency_address {overflow: hidden; padding: 2px 0 2px 0;} .ankeet a.button {float: right; margin: 5px 0 0 0; padding: 0; font-size: 14px; color: #474a4d; font-weight: bold; text-transform: uppercase; cursor: pointer; background: url('../img/content/button-gray-right.gif') no-repeat top right;} .ankeet a.button span { white-space: nowrap; float: left; height: 30px; line-height: 30px; padding: 0 30px 0 10px; color: #474a4d; background: url('../img/content/button-gray-left.gif') no-repeat;} .ankeet a.button:hover {text-decoration: none;} #body_text .ankeet a.button_left {clear: both; float: left; height: 16px; line-height: 16px; overflow: hidden; margin: 0; padding: 0; color: #D00000; border: 0; background: none;} #body_text .ankeet a.button_left span {float: left; color: #D00000; font-size: 12px; height: 16px; line-height: 16px; margin: 0; padding: 0; background: none;} #body_text .ankeet .pricelist .pricelist_arrow_bottom {display: none;} #body_text .ankeet .pricelist_arrow_bottom {top: 7px; left: 54px;} #body_text .ankeet .pricelist_select_bottom {position: absolute; z-index: 1; top: 19px; left: 0px; padding: 8px 20px 3px 10px; background-color: #fff; border: 2px #ccc solid; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;} /* Esindused */ #esindused {width: 100%; overflow: hidden; padding: 0 0 20px 0;} /* Esindused > Kõik */ #esindused_koik {float: left; width: 685px; overflow: hidden; padding: 20px 0 0 11px;} #esindused_koik .rows {width: 100%; overflow: hidden;} #esindused_koik .row {float: left; color: #58595b;} #esindused_koik .e_top {height: 140px;} #esindused_koik .e_center {height: 143px;} #esindused_koik .e_bottom {height: 134px;} #esindused_koik .e_left {width: 217px; padding: 0 0 0 4px;} #esindused_koik .e_center_center {width: 214px; padding: 0 0 0 14px;} #esindused_koik .e_right {width: 210px; padding: 0 0 0 14px;} #esindused_koik .separator_top {float: left; width: 1px; height: 140px; overflow: hidden; background: url('../img/esindused/separator_top.gif') no-repeat;} #esindused_koik .separator_center {float: left; width: 1px; height: 143px; overflow: hidden; background-color: #d3d5d9;} #esindused_koik .separator_bottom {float: left; width: 1px; height: 134px; overflow: hidden; background: url('../img/esindused/separator_bottom.gif') no-repeat;} #esindused_koik .separator_h, #esindused_koik .separator_h2 {clear: both; width: 675px; height: 1px; overflow: hidden; background: url('../img/esindused/separator_h.gif') no-repeat;} #esindused_koik .separator_h2 {margin: 14px 0 9px 0;} #esindused_koik .row h2 {font-size: 18px; font-weight: normal; margin: 0; padding: 8px 0 6px 0;} #esindused_koik .row h2 a {color: #d2232a; border-bottom: 1px #c2c2c2 solid;} #esindused_koik .row h2 a span {color: #58595b;} #esindused_koik .row h2 a:hover {text-decoration: none; border-bottom: none;} #esindused_koik .row span.address {display: block; padding: 0 0 5px 0;} #esindused_koik .row .options {width: 100%; overflow: hidden; padding: 11px 0 0 2px;} #esindused_koik .row .options img {float: left; margin: 0 14px 0 0;} #esindused_koik .opt_info {margin: 0 0 0 6px;} /* Esindused > Mudelid */ #esindused_mudel {float: left; width: 696px; overflow: hidden; padding: 19px 0 0 0;} #esindused_mudel .rows {overflow: hidden; padding: 17px 0 0 11px;} #esindused_mudel .row {float: left; color: #58595b;} #esindused_mudel .e_top {height: 114px;} #esindused_mudel .e_center {height: 117px;} #esindused_mudel .e_bottom {height: 125px;} #esindused_mudel .e_left {width: 217px; padding: 0 0 0 4px;} #esindused_mudel .e_center_center {width: 214px; padding: 0 0 0 14px;} #esindused_mudel .e_right {width: 210px; padding: 0 0 0 14px;} #esindused_mudel .separator_top {float: left; width: 1px; height: 114px; overflow: hidden; background: url('../img/esindused/separator_top.gif') no-repeat;} #esindused_mudel .separator_center {float: left; width: 1px; height: 117px; overflow: hidden; background-color: #d3d5d9;} #esindused_mudel .separator_bottom {float: left; width: 1px; height: 125px; overflow: hidden; background: url('../img/esindused/separator_bottom.gif') bottom left no-repeat;} #esindused_mudel .separator_h, #esindused_koik .separator_h2 {clear: both; width: 675px; height: 1px; overflow: hidden; background: url('../img/esindused/separator_h.gif') no-repeat;} #esindused_mudel .row h2 {font-size: 18px; font-weight: normal; margin: 0; padding: 8px 0 6px 0;} #esindused_mudel .row h2 a {color: #d2232a; border-bottom: 1px #c2c2c2 solid;} #esindused_mudel .row h2 a span {color: #58595b;} #esindused_mudel .row h2 a:hover {text-decoration: none; border-bottom: none;} #esindused_mudel .row span.address {display: block; padding: 0 0 5px 0;} #esindused_mudel .row ul {float: left; width: 100px; list-style: none; margin: 0; padding: 1px 0 0 0;} #esindused_mudel .row ul li {padding: 3px 0 2px 18px; background: url('../img/esindused/li2.gif') 2px 6px no-repeat;} #esindused_mudel .row .options {float: left; width: 82px; overflow: hidden; padding: 8px 0 0 4px;} #esindused_mudel .row .options img {float: left; margin: 0 19px 0 0;} #esindused_mudel .opt_info {margin: 0 0 0 6px;} /* Esindused > Right side */ #right_side {float: right; width: 284px; overflow: hidden; padding: 7px 0 0 0; background: url('../img/esindused/right_side_bg.gif') repeat-y;} #right_side .bottom {width: 100%; overflow: hidden; padding: 17px 0 10px 0; background: url('../img/esindused/right_side_bottom.gif') bottom left no-repeat;} #right_side .line {width: 100%; height: 1px; overflow: hidden; margin: 11px 0 9px 0; background: url('../img/content/used_cars_line.gif') no-repeat;} #right_side .list {width: 100%; padding: 0 0 0 16px; overflow: hidden;} #right_side h2 {font-size: 20px; font-weight: normal; margin: 0; padding: 0;} #right_side h3 {font-size: 16px; color: #d2232a; font-weight: normal; line-height: normal; margin: 0; padding: 0 0 1px 0;} #right_side .agency-rus h3 {font-size: 13px; color: #d2232a; font-weight: normal; line-height: normal; margin: 0; padding: 0 0 1px 0;} #right_side .list ul {float: left; width: 115px; list-style: none; margin: 9px 9px 4px 5px; padding: 0;} #right_side .list ul.ul2 {margin: 4px 9px 6px 3px;} #right_side .list ul.ul2 li {padding: 1px 0 1px 11px; background-position: 0px 7px;} #right_side .list ul.right {float: left; margin-left: 15px;} #right_side .list ul li {padding: 2px 0 2px 10px; font-size: 12px; line-height: 14px; background: url('../img/esindused/li.gif') 0px 8px no-repeat;} #right_side .list ul li.title {margin: 0; padding: 0; background: none;} #right_side .list span.info {padding: 0 0 0 4px;} #right_side .clear {clear: both; width: 100%; height: 1px; overflow: hidden;} /* Esindus */ #esindus {width: 100%; overflow: hidden;} #esindus .left_side {float: left; width: 492px; padding: 24px 0 0 15px;} #esindus .left_side h1 {font-size: 26px; color: #58595b; margin: 0; padding: 0 0 12px 0; font-weight: normal; line-height: normal;} #esindus .left_side h1 span {color: #d2232a;} #esindus .left_side a {border-bottom: 1px #c2c2c2 solid;} #esindus .left_side a:hover {text-decoration: none; border-bottom: 0px;} #esindus .left_side .tabel1 td.left {width: 264px;} #esindus .left_side .tabel1 td.right {width: 196px;} #esindus .left_side .tabel1 td.left p {margin: 0; padding: 0 0 4px 0;} #esindus .left_side .tabel1 td.right p {margin: 0; padding: 0 0 1px 0;} #esindus .left_side .tabel2 td.left2 {padding: 0 5px 0 0;} #esindus .left_side .tabel3 td.left3 {width: 274px; padding: 15px 0 0 0;} #esindus .left_side .tabel3 td.right3 {width: 186px; padding: 15px 0 0 0;} #esindus .left_side .line {clear: both; width: 100%; height: 27px; background: url('../img/esindused/line.gif') 0px 15px no-repeat;} #esindus .left_side .line2 {clear: both; width: 100%; height: 24px; background: url('../img/esindused/line.gif') 0px 12px no-repeat;} #esindus .left_side .persons {width: 460px; overflow: hidden;} #esindus .left_side .persons .button {clear: both; overflow: hidden; padding: 15px 15px 0 0;} #esindus .left_side .persons .button a {float: right; color: #58595b; padding: 0 21px 0 0; border-bottom: 0px;} #esindus .left_side .persons .button a.down {background: url('../img/esindused/arrow_down.gif') top right no-repeat;} #esindus .left_side .persons .button a.up {background: url('../img/esindused/arrow_up.gif') top right no-repeat;} #esindus .left_side .persons .list {clear: both; overflow: hidden; margin: 10px 0 0 0; padding: 0px 10px 10px 10px; background-color: #f5f5f5;} #esindus .separator {float: left; width: 1px; height: 435px; overflow: hidden; margin: 39px 0 0 0; background: url('../img/esindused/right_side_separator.gif') no-repeat;} #esindus .right_side {float: left; width: 429px; overflow: hidden; padding: 39px 0 0 26px;} #esindus .right_side .tabs {width: 100%; height: 35px; overflow: hidden; border-bottom: 1px #58595b solid;} #esindus .right_side .tabs {list-style: none; margin: 0; padding: 0;} #esindus .right_side .tabs li {float: left; height: 35px; background: url('../img/esindused/tab_separator.gif') no-repeat top right;} #esindus .right_side .tabs li a {float: left; height: 21px; padding: 0 19px; line-height: 21px;} #esindus .right_side .tabs li.first a {padding: 0 12px;} #esindus .right_side .tabs li.tabs-selected a {color: #58595b; height: 35px; background: url('../img/esindused/tab_arrow.gif') bottom center no-repeat;} #esindus .right_side .tabs li a:hover {color: #58595b; text-decoration: none;} #esindus .right_side .tabcontent {width: 100%; overflow: hidden; padding: 10px 0 0 0;} @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .tabs-nav { display: none; } } .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } #esindus .right_side .teenused {padding: 5px 0 0 0;} #esindus .right_side .teenused h2 {font-size: 20px; font-weight: normal; margin: 0; padding: 0;} #esindus .right_side .teenused h3 {font-size: 16px; color: #d2232a; font-weight: normal; line-height: normal; margin: 0; padding: 0 0 1px 0;} #esindus .right_side .teenused ul {float: left; width: 160px; list-style: none; margin: 9px 9px 4px 5px; padding: 0;} #esindus .right_side .teenused ul li {padding: 2px 0 2px 10px; font-size: 12px; line-height: 14px; background: url('../img/esindused/li.gif') 0px 8px no-repeat;} #esindus .right_side .teenused ul li.title {margin: 0; padding: 0; background: none;} #esindus .right_side .teenused span.info {padding: 0 0 0 4px;} #esindus .right_side .clear {clear: both; width: 100%; height: 1px; overflow: hidden;} #esindus .right_side .prices p {margin: 0; padding: 5px 0 7px 5px;} #esindus .right_side .prices a {padding: 1px 0 2px 25px; background: url('../img/icons/pdf.gif') no-repeat;} .row_file {clear: both; width: 100%; margin: 0; padding: 10px 0 10px 5px;} .row_file a {padding: 1px 0 2px 25px; background: url('../img/icons/pdf.gif') no-repeat;} /* Auto24 > Vasak pool */ #carlist {clear: both; overflow: hidden; padding: 20px 0 0 18px;} #carlist .search {padding: 0 10px 0 0;} #carlist #searchContainer {padding: 15px; overflow: hidden; background-color: #e9e9e9; border: 1px #c6c6c6 solid;} #carlist #searchContainer td {padding: 2px 0 2px 0;} #carlist #searchContainer td.name {padding: 2px 7px 2px 0; white-space: nowrap;} #carlist #searchContainer select {width: 100%;} #carlist #searchContainer .trModel input {width: 105px;} #carlist #searchContainer .trPower input, #carlist #searchContainer .trYear input, #carlist #searchContainer .trMileage input, #carlist #searchContainer .trPrice input {width: 43px;} #carlist #searchContainer .a_button {clear: both; float: right; height: 35px; overflow: hidden; margin: 5px 0 0 0; color: #ffffff; cursor: pointer; background: url('../img/content/button_left.gif') no-repeat; border: 0;} #carlist #searchContainer .a_button input {float: left; height: 35px; font-size: 15px; color: #ffffff; padding: 0 20px; background: url('../img/content/button_right.gif') top right no-repeat; border: 0px;} /* Auto24 > Autode list */ #carlist .content {width: 727px; padding: 0 0 0 10px; border-left: 1px #c6c6c6 solid;} #carlist .content .vehicles_list {width: 100%;} #carlist .content .vehicles_list_row1 td {background-color: #f7f7f7; border-top: 1px #dadada solid; border-bottom: 1px #dadada solid;} #carlist .content .vehicles_list_row0 td, #carlist .content .vehicles_list_row1 td {padding: 13px 5px 13px 5px;} #carlist .content .vehicles_list_row0 .vehicles_list_img_cell, #carlist .content .vehicles_list_row1 .vehicles_list_img_cell {padding: 13px 10px 13px 10px;} #carlist .content .vehicles_list_row0 .vehicles_list_data_cell, #carlist .content .vehicles_list_row1 .vehicles_list_data_cell {line-height: 18px; padding: 13px 0 13px 10px;} #carlist .content .vehicles_list_row0 .vehicles_list_data_cell a, #carlist .content .vehicles_list_row1 .vehicles_list_data_cell a {font-weight: normal; text-decoration: underline;} #carlist .content .vehicles_list_row0 .vehicles_list_data_cell a:hover, #carlist .content .vehicles_list_row1 .vehicles_list_data_cell a:hover {text-decoration: none;} #carlist .content td.year, #carlist .content td.fuel, #carlist .content td.gearbox {text-align: center;} #carlist .content .vehicles_list th {background-color: #e9e9e9; border: 1px #d4d4d4 solid; padding: 5px 10px} #carlist .content .vehicles_list .foto {color: #e9e9e9;} #carlist .content .vehicles_list .make {text-align: left;} #carlist .content .naviLinks {padding: 10px 0 10px 0;} /* Auto24 > Detailvaade */ .detailContainer {clear: both; overflow: hidden; padding: 20px 0 0 18px;} .detailContainer .data {vertical-align: top;} #vehicleImagesContainerDiv img {padding: 0 0 3px 0;} .detailContainer .vehicle_details th {text-align: left; padding: 5px 10px 10px 0; font-size: 14px;} .detailContainer .vehicle_details td {padding: 2px 10px 2px 0; line-height: 16px;} .detailContainer .vehicle_details .name {width: 150px; font-weight: bold;} /* Hinnakiri */ #hinnakiri {padding: 8px 0 0 0;} #hinnakiri td {padding: 3px 0 4px 5px; border-top: 1px #ccc solid;} #hinnakiri td h3 {font-size: 12px; margin: 0; padding: 10px 0 0 0; text-transform: uppercase;} #hinnakiri td.name {text-transform: lowercase; font-weight: bold;} #hinnakiri td.name span {display: block; font-weight: normal; font-size: 11px;} #hinnakiri td.name2 span {font-weight: normal; font-size: 11px;} #hinnakiri td.price {width: 1%; text-align: right; white-space: nowrap; padding: 3px 10px 4px 20px;} #hinnakiri span.info {display: block; font-size: 11px; margin: 5px 0 0 0; padding: 5px 5px 0 5px; border-top: 1px #ccc solid;} #hinnakiri .tabel2 td {border-top: 0px; padding: 2px 0 2px 5px} #hinnakiri .tabel2 td.col1, #hinnakiri .tabel2 td.col2, #hinnakiri .tabel2 td.col3, #hinnakiri .tabel2 td.col4 {border-bottom: 1px #ccc solid;} #hinnakiri .tabel2 td.col3 {width: 50px;} /* B_banners */ #b_banners_box {width: 100%; height: 103px; padding: 0 0 45px 0; position: relative; z-index: 2;} #b_banners {width: 980px; height: 87px; margin: 3px auto 0 auto; padding: 7px 0 7px 0;} #b_banners .inline {width: 968px; height: 87px; margin: 0 auto;} #b_banners .inline ul {list-style: none; margin: 0; padding: 0;} #b_banners .inline ul li {float: left; margin: 0; padding: 0; position: relative;} .clear_banners {width: 100%; padding: 0 0 42px 0;} #banner_overlay {width: 314px; position: absolute; bottom: 0px; left: 0px; z-index: 30;} #banner_overlay .top_shadow {width: 100%; height: 20px; background: url('../img/bottom/banner_shadow_top.png') no-repeat;} #banner_overlay .bottom_shadow {width: 100%; height: 15px; overflow: hidden; background: url('../img/bottom/banner_shadow_bottom.png') top center no-repeat;} #banner_overlay .shadow {width: 100%; background: url('../img/bottom/banner_shadow_bg.png') repeat-y;} #banner_overlay .b_inline {padding: 6px 6px 0 6px; margin: 0 auto; width: 286px; overflow: hidden; position: relative; background-color: #fff;} #banner_overlay .b_inline .b_close2 {width: 28px; height: 25px; position: absolute; top: 13px; right: 13px; cursor: pointer;} #banner_overlay .b_inline p {margin: 0; padding: 0;} /* Bottom_overlay */ #bottom_overlay {width: 100%; position: fixed; bottom: 36px; z-index: 105;} *html #bottom_overlay {position: absolute; bottom: 36px;} #bottom_overlay .shadow_top {width: 998px; height: 14px; margin: 0 auto; background: url('../img/bottom/overlay_shadow_top.png') no-repeat;} #bottom_overlay .shadow {width: 998px; margin: 0 auto; background: url('../img/bottom/overlay_shadow_bg.png') repeat-y;} #bottom_overlay .shadow_bottom {width: 998px; height: 25px; margin: 0 auto; background: url('../img/bottom/overlay_shadow_bottom.png') no-repeat;} #bottom_overlay .inline {width: 925px; overflow: hidden; margin: 0 9px 0 9px; padding: 25px 23px 5px 32px; background-color: #fff; position: relative;} #bottom_overlay .inline #b_close {width: 28px; height: 25px; position: absolute; z-index: 106; top: 17px; right: 23px; cursor: pointer; background: url('../img/bottom/close.png') no-repeat;} #bottom_overlay .active_arrow {width: 19px; height: 8px; overflow: hidden; position: absolute; background: url('../img/bottom/a_arrow.png') no-repeat;} #b_overlay {width: 100%; overflow: hidden;} #b_overlay .left_topic {float: left;} #b_overlay #body_text {float: left; width: 855px; overflow: hidden; margin: 0; padding: 0 0 0 25px; line-height: 16px; border-left: 1px #808285 solid;} #b_overlay #b_ankeet {} #b_overlay .read_more_news {float: right;} /* Bottom */ #bottom_shadow {width: 100%; height: 67px; overflow: hidden; position: fixed; bottom: 0px; z-index: 99; background: url('../img/footer.png') bottom center no-repeat;} *html #bottom_shadow {position: relative; bottom: -31px; height: 35px;} #bottom {width: 100%; height: 27px; overflow: hidden; position: fixed; bottom: 0px; z-index: 100; background-color: #fff; border-bottom: 6px #d2232a solid;} *html #bottom {position: relative; bottom: 0px;} #bottom_content {width: 980px; height: 27px; overflow: hidden; margin: 0 auto;} #bottom_content .lang {float: left; height: 27px; overflow: hidden; list-style: none; margin: 0 6px 0 0; padding: 0;} #bottom_content .lang li {float: left; height: 27px; margin: 0; padding: 0;} #bottom_content .lang li a {float: left; padding: 0 10px; font-size: 12px; height: 27px; color: #454547; line-height: 27px;} #bottom_content .lang li a:hover {color: #d2232a; text-decoration: none;} #bottom_content .lang li a.active, #bottom_content .lang li a.active:hover {color: #fff; background: #d2232a;} #bottom_content .links {float: right; height: 26px; overflow: hidden; list-style: none; margin: 0 -1px 0 0; padding: 0;} #bottom_content .links li {float: left; height: 26px; margin: 0; padding: 0;} #bottom_content .links li a {float: left; height: 26px; color: #454547; line-height: 26px; padding: 0 13px;} #bottom_content .links li a:hover {color: #d2232a; text-decoration: none;} #bottom_content .links li a.active {color: #d2232a;} /* Model forward */ .model_forward {overflow: hidden; padding: 0 0 15px 5px;} .model_forward2 {overflow: hidden; padding: 20px 0 15px 5px;} .model_forward h1, .model_forward2 h1 {font-size: 20px; color: #d2232a; font-weight: normal; margin: 0; padding: 20px 0 5px 0; line-height: normal;} .model_forward p, .model_forward2 p {font-size: 15px; color: #58595b; font-weight: bold; margin: 0; padding: 0 0 0 0; line-height: normal;} .pleasewait {clear: both; overflow: hidden; padding: 50px 0 0 5px;} /* Campaigns */ #camp_content {width: 100%; overflow: hidden;} /* Campaigns > Left side */ #camp-left-side {float: left; width: 642px; overflow: hidden; padding: 23px 0 0 18px;} #camp-left-side .text-box {width: 100%; overflow: hidden; padding: 0 0 30px 0; font-size: 12px;} #camp-left-side .text-box .row {float: left; width: 290px; padding: 0 30px 0 0;} #camp-left-side .text-box h2 {font-size: 20px; color: #343537; font-weight: normal; margin: 0; padding: 0 0 3px 0;} #camp-left-side .text-box h2 a {color: #343537; padding: 0 12px 0 0; background: url('../img/arrow3-red.gif') no-repeat right;} #camp-left-side .text-box h2 a:hover {color: #d2232a; text-decoration: none;} #camp-left-side .text-box p {margin: 0; padding: 0 0 5px 0; line-height: 16px;} #camp-left-side .text-box p a {padding: 0 0 2px 0; border-bottom: 1px #c2c2c2 solid;} #camp-left-side .text-box p a:hover {text-decoration: none; border-bottom: 1px #fff solid;} /* Campaigns > Right side */ #camp-right-side {float: right; width: 300px; overflow: hidden; padding: 0 0 20px 8px; background: url('../img/front/front-right-bg.png') no-repeat bottom left;} /* Booking */ #booking {float: left; width: 290px; overflow: hidden; margin: 20px 0 0 10px; background: #d1d3d4; display: inline;} #booking-step1 {display: block;} #booking-step2 {display: none;} #booking-step3 {display: none;} #booking-step4 {display: none;} #booking-step5 {display: none;} /* Booking > Title */ #booking .title {width: 100%; height: 103px; overflow: hidden; background: url('../img/booking/theme-pic.jpg') no-repeat;} #booking .title h2 {font-size: 22px; color: #fff; margin: 0; padding: 65px 0 0 15px;} #booking .b-inline {padding: 0 9px; overflow: hidden;} #booking .b-inline p.description {margin: 0; padding: 9px 12px 11px 12px; line-height: 16px; font-size: 12px; color: #000;} /* Booking > Status */ #booking .status {clear: both; width: 100%; overflow: hidden; padding: 15px 0;} #booking .status ul {list-style: none; float: left; margin: 0; padding: 0 0 0 115px;} #booking .status ul li {float: left; padding: 0 2px;} /* Booking > Bottom */ #booking .bottom {width: 100%; height: 40px; overflow: hidden; background: url('../img/booking/bottom-bg.gif') no-repeat;} #booking .bottom .link {float: left; margin: 12px 0 0 11px; padding: 0 0 0 15px; font-size: 12px; color: #fff; background: url('../img/booking/arrow-link.gif') no-repeat 0px 2px;} #booking .bottom .link2 {float: right; margin: 12px 11px 0 0; padding: 0 15px 0 0; font-size: 12px; color: #fff; background: url('../img/booking/arrow-link3.gif') no-repeat right;} #booking .bottom .button {float: right; height: 26px; overflow: hidden; margin: 7px 9px 0 0; font-size: 14px; color: #fff; text-transform: uppercase; background: url('../img/booking/button-right.gif') no-repeat right;} #booking .bottom .button:hover {text-decoration: none;} #booking .bottom .button span {float: left; height: 26px; line-height: 26px; overflow: hidden; padding: 0 28px 0 14px; background: url('../img/booking/button-left.gif') no-repeat;} /* ankeedi buttonil class button ja sellest tekib error */ #booking .bottom .button-forward {float: right; height: 26px; overflow: hidden; margin: 7px 9px 0 0; font-size: 14px; color: #fff; text-transform: uppercase; background: url('../img/booking/button-right.gif') no-repeat right;} #booking .bottom .button-forward:hover {text-decoration: none;} #booking .bottom .button-forward span {float: left; height: 26px; line-height: 26px; overflow: hidden; padding: 0 28px 0 14px; background: url('../img/booking/button-left.gif') no-repeat;} /* Booking step 1 */ #booking-step1 .select {width: 270px; overflow: hidden; border: 1px #b7b7b8 solid; background: #fff;} #booking-step1 .select ul {list-style: none; margin: 0; padding: 0;} #booking-step1 .select ul li {border-bottom: 1px #d4d4d4 solid; cursor: pointer;} #booking-step1 .select ul li span {display: block; padding: 8px 40px 9px 30px; font-size: 14px; color: #333; font-weight: bold;} #booking-step1 .select ul li.active span {background: url('../img/booking/li-active.gif') no-repeat 249px 11px #e3e3e3;} #booking-step1 .select ul li ul {display: none; padding: 0 0 5px 0;} #booking-step1 .select ul li ul li {border-bottom: 1px #fff solid;} #booking-step1 .select ul li ul li span {padding: 4px 30px 4px 50px; font-size: 12px; color: #333; font-weight: normal;} #booking-step1 .select ul li ul li.active span {background: url('../img/booking/li-active.gif') no-repeat 249px 6px #e3e3e3;} #booking-step1 .select ul li span.multiple-closed {background: url('../img/booking/arrow.gif') no-repeat 13px 11px;} #booking-step1 .select ul li span.multiple-open {padding-bottom: 5px; background: url('../img/booking/arrow-down.gif') no-repeat 10px 13px;} /* Booking step 2 */ #booking-step2 .content {width: 270px; overflow: hidden; border: 1px #b7b7b8 solid; background: #e3e3e3;} #booking-step2 .content ul {list-style: none; margin: 0; padding: 9px 12px 10px 12px; background: #fff;} #booking-step2 .content ul li {padding: 3px 0 3px 21px; font-size: 14px; color: #333; font-weight: bold; background: url('../img/booking/li-active2.gif') no-repeat 0 5px;} #booking-step2 .content ul.sub li {font-size: 12px;} #booking-step2 .form {width: 100%; overflow: hidden; padding: 7px 10px 6px 10px; border-top: 1px #d4d4d4 solid;} #booking-step2 .form .row {width: 100%; overflow: hidden; padding: 0 0 9px 0;} #booking-step2 .form label {display: block; margin: 0; padding: 0 0 4px 0; font-size: 14px; color: #333;} #booking-step2 .form select {width: 250px; padding: 3px; border: 1px #aaabad solid;} #booking-step2 .form .input {width: 238px; height: 23px; line-height: 23px; border: 1px #aaabad solid;} /* Booking step 3 */ #booking-step3 .content {width: 270px; overflow: hidden; border: 1px #b7b7b8 solid; background: #e3e3e3;} #booking-step3 .content ul {list-style: none; margin: 0; padding: 9px 12px 10px 12px;} #booking-step3 .content ul li {padding: 3px 0 3px 21px; font-size: 14px; color: #333; font-weight: bold; background: url('../img/booking/li-active.gif') no-repeat 0 5px;} #booking-step3 .content ul li.error { color:#F00 } #booking-step3 .content ul.sub li {font-size: 12px;} #booking-step3 .content ul.choices li {font-size: 12px; font-weight:normal; background:none; padding: 0 0 0 21px;} #booking-step3 .content .link {float: left; margin: 2px 0 15px 35px; padding: 0 0 0 15px; font-size: 12px; color: #333; background: url('../img/booking/arrow-link2.gif') no-repeat 0px 2px;} #booking-step3 .content .time {clear: both; width: 100%; overflow: hidden; padding: 12px 0 12px 56px; border-top: 1px #d4d4d4 solid; background: url('../img/booking/icon-time.gif') no-repeat 17px 11px #fff;} #booking-step3 .content .time p {margin: 0; padding: 0; font-size: 14px; color: #333; font-weight: bold;} #booking-step3 .content .time span {display: block; font-size: 18px; color: #333;} #booking-step3 .content .cost {width: 100%; overflow: hidden; padding: 10px 0 12px 56px; border-top: 1px #d4d4d4 solid; background: url('../img/booking/icon-cost.gif') no-repeat 16px 10px #fff;} #booking-step3 .content .cost p {margin: 0; padding: 0; font-size: 14px; color: #333; font-weight: bold;} #booking-step3 .content .cost span {display: block; font-size: 18px; color: #333;} #booking-step3 .content .cost span.eur {font-size: 10px;} /* Booking step 4 */ #booking-step4 .content {width: 270px; overflow: hidden; border: 1px #b7b7b8 solid; background: #e3e3e3;} #booking-step4 .content h3 {margin: 0; padding: 10px 0 5px 14px; font-weight: normal; color: #333;} #booking-step4 .content ul {list-style: none; margin: 0; padding: 0px 12px 8px 19px;} #booking-step4 .content ul li {padding: 3px 0 3px 21px; font-size: 14px; color: #333; font-weight: bold; background: url('../img/booking/li-active.gif') no-repeat 0 5px;} #booking-step4 .content ul.sub li {font-size: 12px;} #booking-step4 .content ul.choices li {font-size: 12px; font-weight:normal; background:none; padding: 0 0 0 21px;} #booking-step4 .content .time {clear: both; width: 100%; overflow: hidden; padding: 8px 0 8px 56px; border-top: 1px #d4d4d4 solid; background: url('../img/booking/icon-time.gif') no-repeat 17px 11px #fff;} #booking-step4 .content .time p {margin: 0; padding: 0; font-size: 14px; color: #333; font-weight: bold;} #booking-step4 .content .time span {display: block; font-size: 18px; color: #333;} #booking-step4 .content .cost {width: 100%; overflow: hidden; padding: 8px 0 8px 56px; border-top: 1px #d4d4d4 solid; background: url('../img/booking/icon-cost.gif') no-repeat 16px 10px #fff;} #booking-step4 .content .cost p {margin: 0; padding: 0; font-size: 14px; color: #333; font-weight: bold;} #booking-step4 .content .cost span {display: block; font-size: 18px; color: #333;} #booking-step4 .content .cost span.eur {font-size: 10px;} #booking-step4 .form {width: 100%; overflow: hidden; padding: 8px 10px 4px 10px; border-top: 1px #d4d4d4 solid; background: #e3e3e3;} #booking-step4 .form .row {width: 100%; overflow: hidden; padding: 0 0 6px 0;} #booking-step4 .form label {display: block; margin: 0; padding: 0 0 2px 0; font-size: 14px; color: #333;} #booking-step4 .form select {width: 250px; padding: 3px; border: 1px #aaabad solid;} #booking-step4 .form .input {width: 238px; height: 23px; line-height: 23px; border: 1px #aaabad solid;} /* Booking step 5 */ #booking-step5 .content {width: 270px; overflow: hidden; margin: 12px 0 0 0; font-size: 14px; color: #333; border: 1px #b7b7b8 solid; background: #e3e3e3;} #booking-step5 .content .thankyou {padding: 9px 20px 8px 34px; line-height: 22px; background: url('../img/booking/li-active2.gif') no-repeat 13px 16px #fff;} #booking-step5 .content .row {padding: 10px 13px; overflow: hidden; line-height: 18px; border-top: 1px #b7b7b8 solid;} #booking-step5 .content .row p {margin: 0; padding: 0 0 10px 0; line-height: 18px; font-size: 14px;} #booking-step5 .content .row ul {list-style: none; margin: 5px 0 10px 0; padding: 0;} #booking-step5 .content .row ul li {font-weight: bold;} /* Campaigns > List */ #campaigns {width: 100%; overflow: hidden;} #campaigns .tab-nav {width: 100%; height: 30px; list-style: none; margin: 0; padding: 0; border-bottom: 1px #898a8b solid;} #campaigns .tab-nav li {float: left; height: 30px; line-height: 30px; border-right: 1px #fff solid;} #campaigns .tab-nav li a {float: left; padding: 0 12px; font-size: 15px; color: #fff; font-weight: bold; background: #898a8b;} #campaigns .tab-nav li a:hover, #campaigns .tab-nav li.tabs-selected a {color: #404142; background: none; text-decoration: none;} #campaigns .ui-tabs-hide {display: none;} #campaigns .tab-content {width: 100%; overflow: hidden; padding: 18px 0 0 0;} #campaigns .c-row {clear: both; width: 100%; overflow: hidden; padding: 9px 0 8px 0; border-bottom: 1px #d8dadc solid;} #campaigns .c-row .label-est, #campaigns .c-row .label-rus {float: right;} #campaigns .c-row .label-est div {float: left; width: 146px; height: 20px; line-height: 20px; font-size: 13px; color: #fff; text-align: center; text-transform: uppercase;} #campaigns .c-row .label-rus div {float: left; width: 172px; height: 20px; line-height: 20px; font-size: 11px; color: #fff; font-weight: bold; text-align: center; text-transform: uppercase;} #campaigns .c-row .label-yellow {background: url('../img/campaign/label-yellow-right.gif') no-repeat #faa61a top right;} #campaigns .c-row .label-yellow div {background: url('../img/campaign/label-yellow-left.gif') no-repeat;} #campaigns .c-row .label-red {background: url('../img/campaign/label-red-right.gif') no-repeat #d3242b top right;} #campaigns .c-row .label-red div {background: url('../img/campaign/label-red-left.gif') no-repeat;} #campaigns .c-row .c-topic {font-size: 15px; margin: 0; padding: 0;} #campaigns .c-row .c-topic a {color: #333; padding: 0 0 0 18px; background: url('../img/campaign/arrow.gif') no-repeat 1px 3px;} #campaigns .c-row .c-topic a.active {color: #d2232a; background: url('../img/campaign/arrow-active.gif') no-repeat 0px 6px;} #campaigns .c-row .c-topic a:hover {color: #d2232a; text-decoration: none;} /* Campaigns > Open */ #campaigns .clear-row {clear: both; width: 100%; overflow: hidden; padding: 10px 0 0px 0;} #campaigns .text2 {width: 100%; overflow: hidden;} #campaigns .text2 h3 {font-size: 15px; font-weight: bold; margin: 0; padding: 0 10px 10px 20px; line-height: normal;} #campaigns .text2 .camp_row {overflow: hidden; margin: 0 0 10px 0; padding: 10px 10px 0px 10px; /*background-color: #f5f5f5; border: 1px #dfdfdf solid;*/} #campaigns .text2 .camp_row .camp_pic {float: right; margin: 0 0 10px 10px; padding: 2px; background-color: #fff; /*border: 1px #dfdfdf solid;*/} #campaigns .text2 ul, #campaigns .text2 ol {margin: 3px 0 5px 0; padding: 0 0 0 20px;} #campaigns .text2 ul li, #campaigns .text2 ol li {padding: 0 0 3px 0;} #campaigns .clear {clear: both; width: 100%; overflow: hidden; margin: 0 0 10px 0;} #campaigns .text2 a {border-bottom: 1px #c2c2c2 solid;} #campaigns .text2 a:hover {border-bottom: 0; text-decoration: none;} #campaigns a.button_left_est, #campaigns a.button_left_rus {clear: both; float: right; margin: 6px 0 0 0; padding: 0; font-size: 13px; color: #474a4d; font-weight: bold; text-transform: uppercase; cursor: pointer; background: url('../img/content/button-gray-left.gif') repeat-x; border: 0;} #campaigns a.button_left_est span, #campaigns a.button_left_rus span {float: right; height: 26px; line-height: 26px; padding: 0 30px 0 10px; color: #474a4d; background: url('../img/content/button-gray-arrow.gif') no-repeat center right;} #campaigns a.button_left_est:hover, #campaigns a.button_left_rus:hover {text-decoration: none; border: 0;} #campaigns .text2 p {clear: both; margin: 0; padding: 0 0 10px 0; line-height: 17px;} #campaigns .text2 .f-c-pic {float: left; position: relative; left: -159px; margin-right: -150px;} #campaigns .text2 .button_left {float: right; margin: 34px 0 0 10px; border: 0;} /* Form */ .form .ankeet {} .form .row {width: 100%; overflow: hidden; padding: 0 0 8px 0; font-size: 13px; line-height: 16px;} .form .row label {float: left; display: block; padding: 0 0 3px 0; font-weight: bold;} .form .row .input {clear: both; float: left; width: 248px; height: 22px; line-height: 22px; margin: 0; padding: 0 5px; border: 1px #75787b solid;} .form .row .textarea {clear: both; float: left; width: 248px; height: 70px; margin: 0; padding: 5px; border: 1px #75787b solid;} .form .row select {clear: both; float: left; width: 260px; margin: 0; padding: 2px; border: 1px #75787b solid;} .form .row .agency-address {clear: both; width: 100%; overflow: hidden; padding: 3px 0 0 0; font-size: 12px;} .form .row .checkbox {float: left; margin: 2px 0 0 10px;} .form .row .button {float: right; margin: 5px 0 0 0; padding: 0; font-size: 14px; color: #474a4d; font-weight: bold; text-transform: uppercase; cursor: pointer; background: url('../img/content/button-gray-right.gif') no-repeat top right;} .form .row .button span {float: left; height: 30px; line-height: 30px; padding: 0 30px 0 10px; color: #474a4d; background: url('../img/content/button-gray-left.gif') no-repeat;} /* Accessory */ #accessory {padding: 0 0 0 18px;} #accessory .accessory_inline {width: 100%; overflow: hidden;} #accessory .ankeet {width: 226px; margin: 0 0 15px 0;} #accessory .ankeet .field select {width: 150px;} #accessory_table {border-top: 1px #dfdfdf solid; border-left: 1px #dfdfdf solid; border-right: 1px #dfdfdf solid;} #accessory_table th {padding: 3px 7px; font-size: 13px; text-align: left; border-bottom: 1px #dfdfdf solid;} #accessory_table th.maintopic {text-transform: uppercase; background-color: #dfdfdf;} #accessory_table th.left {padding-left: 27px;} #accessory_table th.t-center {text-align: center;} #accessory_table th.t-right {text-align: right;} #accessory_table td {padding: 3px 7px; border-bottom: 1px #dfdfdf solid;} #accessory_table td.left, #accessory_table th.left {width: 600px; border-right: 1px #dfdfdf solid;} #accessory_table td.left {padding-left: 27px;} #accessory_table td.left2, #accessory_table th.left2 {width: 200px; border-right: 1px #dfdfdf solid;} #accessory_table td.left a.expand_info {text-decoration: underline; margin: 0 0 0 -20px; padding: 0 0 0 20px; background: url('../img/campaign/arrow_down.gif') no-repeat 0px -6px;} #accessory_table td.left a.a_arrow_up {background: url('../img/campaign/arrow_up.gif') no-repeat 0px -6px;} #accessory_table tr.expand_td {background-color: #f5f5f5;} #accessory_table td img.pic_left {float: left; margin: 4px 15px 4px 0;} #accessory_table td p.pic_text {margin: 0; padding: 5px 0;} #accessory_table td.special {color: #d2232a;} #accessory_table tr.highlight, #accessory_table tr.highlight2 {background-color: #f5f5f5; cursor: default;} /* Admin */ #admin_area {position: fixed; top: 0; z-index: 150;} *html #admin_area {position: absolute} /* IE 6 */ #admin_box {float: left; height: 27px; padding: 7px 0 7px 7px; border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; background: url(../img/admin/admin_box_bg.gif) #FFF repeat-x top center} #admin_box .links {} #admin_box .links ul {margin: 0; padding: 0; list-style: none} #admin_box .links ul li {padding: 0; float: left; display: inline} #admin_box .links ul li a {display: block; float: left; height: 25px; line-height: 25px; padding: 0 5px} #admin_box .links ul li.button {margin: 0 7px 0 0; padding: 0; float: left; display: inline} #admin_box .links ul li.button a {border: 1px solid #CCC; color: #0B4FB0; background: #FCFCFC} #admin_box .links ul li.button a:hover {color: #0064CB; background: #EEE; text-decoration: none} #admin_box .links ul li.button a img, #admin_box .links ul li.stats a img {float: left; margin: 5px 5px 0 0} #admin_box .links ul li.structure a {border-right: 1px solid #DCDCDC} #admin_box .links ul li.stats a {border-right: 1px solid #DCDCDC; border-left: 1px solid #FFF} #admin_box .links ul li.refresh a {border-right: 1px solid #DCDCDC; border-left: 1px solid #FFF} #admin_box .links ul li.toggle a {border-left: 1px solid #FFF} #admin_box .links ul li.refresh a img, #admin_box .links ul li.toggle a img, #admin_box .links ul li.structure a img {margin: 5px 0px 0 0} /* Buttons */ .button, .button_left, .button_left_est, .button_left_rus {-moz-border-radius: 2px;} .button span, .button_left span, .button_left_est span, .button_left_rus span {-moz-border-radius: 0 2px 2px 0;} /* Model page */ .modelpage-background {width: 100%; height: 818px; overflow: hidden; position: relative; z-index: 109;} .modelpage {width: 988px; overflow: hidden; margin: 0 auto;} .modelpage .m-bottom {} /* Model page > Model scroll */ #model-scroll {width: 100%; overflow: hidden;} #model-scroll ul {list-style: none; margin: 0; padding: 0;} #model-scroll ul li {float: left;} #model-scroll ul li img {margin: 0 auto;} /* Model page > Toyota */ #toyota .modelpage-background {background: url('../img/modelpage/toyota/background.jpg') no-repeat;} #toyota .modelpage {font: 12px Verdana, Geneva, sans-serif; color: #666; padding: 0 0 15px 0; background: url('../img/modelpage/toyota/bottom-bg.png') no-repeat bottom} #toyota .modelpage .m-bottom {padding: 0 4px 10px 4px; overflow: hidden; background: url('../img/modelpage/toyota/content-bg.png') repeat-y;} /* Model page > Toyota > Header */ #toyota .modelpage .header {width: 100%; height: 80px; overflow: hidden; position: relative;} #toyota .modelpage .header .logo {float: left; padding: 0 6px 0 0; background: url('../img/modelpage/toyota/logo-shadow.png') no-repeat top right; position: absolute; top: 0; left: 0;} #toyota .modelpage .header .topic {float: left; font-size: 16px; color: #9a9a9a; font-weight: normal; margin: 0; padding: 19px 0 0 122px;} /* Model page > Toyota > Menu */ #toyota .modelpage .header .menu {float: right; width: 870px; height: 35px; overflow: hidden; background: url('../img/modelpage/toyota/menu-bg.gif') repeat-x;} #toyota .modelpage .header .menu ul {list-style: none; margin: 0; padding: 0;} #toyota .modelpage .header .menu ul li {float: left; height: 35px;} #toyota .modelpage .header .menu ul li a {float: left; height: 35px; line-height: 34px; font-size: 10px; color: #fff;} #toyota .modelpage .header .menu ul.menu1 {float: left;} #toyota .modelpage .header .menu ul.menu1 li {padding: 0 1px 0 0; background: url('../img/modelpage/toyota/menu-li-sep.gif') no-repeat top right;} #toyota .modelpage .header .menu ul.menu1 li a {padding: 0 10px; background: url('../img/modelpage/toyota/menu1-a-bg.gif') repeat-x;} #toyota .modelpage .header .menu ul.menu2 {float: right;} #toyota .modelpage .header .menu ul.menu2 li {padding: 0 0 0 1px; background: url('../img/modelpage/toyota/menu-li-sep.gif') no-repeat top left;} #toyota .modelpage .header .menu ul.menu2 li a {padding: 0 10px;} #toyota .modelpage .header .menu ul li a:hover, #toyota .modelpage .header .menu ul li a.active {color: #cc0033; text-decoration: none; background: url('../img/modelpage/toyota/menu-a-active-bg.gif') repeat-x;} /* Model page > Toyota > Model scroll */ #toyota #model-scroll .jcarousel-skin-models .jcarousel-next-horizontal {position: absolute; top: 0px; right: 0px; width: 19px; height: 90px; cursor: pointer; background: url('../img/modelpage/toyota/model-scroll-next.gif') no-repeat 0 35px;} #toyota #model-scroll .jcarousel-skin-models .jcarousel-prev-horizontal {position: absolute; top: 0px; left: 0px; width: 19px; height: 90px; cursor: pointer; background: url('../img/modelpage/toyota/model-scroll-prev.gif') no-repeat 7px 35px;} #toyota #model-scroll {padding: 0 0 14px 0; background: url('../img/modelpage/toyota/model-scroll-bg.gif') repeat-x 0 51px;} #toyota #model-scroll ul li span {display: block; padding: 2px 0 0 0; color: #666; text-align: center;} #toyota #model-scroll ul li a {color: #666;} #toyota #model-scroll ul li a:hover span {text-decoration: underline;} /* Model page > Toyota > Content */ #toyota .modelpage .text-inline {padding: 0 17px 17px 17px; overflow: hidden;} /* Model page > Toyota > Front */ #toyota .modelpage .m-front {width: 100%; overflow: hidden;} #toyota .modelpage .m-front .text-box {width: 100%; overflow: hidden; margin: 13px 0 0 0; padding: 12px 0 5px 0; background: url('../img/modelpage/toyota/line.gif') repeat-x;} #toyota .modelpage .m-front .text-box h3 {font-size: 14px; margin: 0; padding: 0 0 10px 0;} #toyota .modelpage .m-front .text-box p {margin: 0; padding: 0; font-size: 14px; line-height: 18px;} /* Model page > Toyota > Bottom text */ #toyota .modelpage .bottom-text {width: 100%; overflow: hidden; padding: 20px 0 10px 0; background: url('../img/modelpage/toyota/bottom-text-bg.gif') repeat-x;} #toyota .modelpage .bottom-text table {width: 100%; padding: 0 0 0 7px;} #toyota .modelpage .bottom-text td {width: 25%; padding: 0 10px;} #toyota .modelpage .bottom-text td h3 {font-size: 14px; margin: 0; padding: 0 0 8px 0;} #toyota .modelpage .bottom-text td img {margin: 0 0 8px 0;} #toyota .modelpage .bottom-text td p {margin: 0; padding: 0; line-height: 16px;} /* Model page > Toyota > Model list */ #toyota .modelpage #model-list {width: 100%; overflow: hidden; padding: 0 0 10px 0;} #toyota .modelpage #model-list ul {width: 100%; overflow: hidden; list-style: none; margin: 0; padding: 0; background: url('../img/modelpage/toyota/model-scroll-bg.gif') repeat-x 0 78px;} #toyota .modelpage #model-list ul li {float: left; width: 245px; height: 130px; position: relative;} #toyota .modelpage #model-list ul li a {color: #666;} #toyota .modelpage #model-list ul li .img {margin: 0 auto; position: absolute; bottom: 21px;} #toyota .modelpage #model-list ul li .info {width: 190px; overflow: hidden; position: absolute; bottom: 0; left: 32px;} #toyota .modelpage #model-list ul li .info h3 {float: left; font-size: 11px; color: #666; margin: 0; padding: 0;} #toyota .modelpage #model-list ul li .info .price {float: right; font-size: 11px; color: #4d4f53;} #toyota .modelpage #model-list ul li .info .price strong {color: #cc0033; font-weight: bold;}