/* $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: #333; font: normal 13px Arial, Helvetica, sans-serif; margin: 0; padding: 0} a {color: #D00; 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: 60px; 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: 60px; overflow: hidden; margin: 0 auto} .header_content .logo {float: left} /* Header > Shadow */ #top_shadow {width: 100%; height: 34px; overflow: hidden; position: fixed; top: 55px; z-index: 108; background: url('../img/content.png') top center no-repeat} #top_shadow2 {width: 100%; height: 34px; overflow: hidden; position: fixed; top: 135px; 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: 755px; height: 55px; overflow: hidden; margin: 0 0 0 65px} #mainmenu ul {list-style: none; margin: 0; padding: 0} #mainmenu ul li {float: left; height: 55px; margin: 0 9px 0 0; padding: 0} #mainmenu ul li.separator {width: 1px; height: 35px; overflow: hidden; margin: 11px 0 0 0; background-color: #808285} #mainmenu ul li a {float: left; height: 35px; margin: 10px 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: 55px; 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: 60px 0 70px 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: 9px 20px 10px 158px; overflow: hidden; } #front-campaigns .row-separator { border-bottom: solid 1px #cdcdcf; height: 2px; clear: both; width: 100%; } #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: #d2232a; 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 13px 0 0; color: #333} #front-campaigns .f-c-links ul li a {color: #d2232a; font-weight: bold; } #front-campaigns .f-c-links ul li span.active {font-weight: bold} #front-campaigns .f-c-links ul li a.arrow {padding: 0; } #front-campaigns .f-c-links ul li SPAN.separator { color: #b8b7bb; background: url(../img/front/separator_front_list.gif) no-repeat; height: 20px; width: 1px; display: block; } /* 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: 5px 0 5px 0; border-bottom: solid 1px #cdcdcf; } #fresh-news ul li:last-child {border-bottom: none; } #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: #d2232a; background: url('../img/arrow.gif') no-repeat 0 2px; font-weight: bold; } /* Saab service */ P.saab-service { text-align: center; margin: 5px 0 25px 0; } P.saab-service A IMG { text-align: center; display: inline; } /* 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: -375px; right: 0; z-index: 16; height: auto !important; } #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 10px; 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: 111px; overflow: hidden; margin: 0 0 25px 14px; border: solid 1px #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #front-right .gray-box h2 {padding: 15px 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: #2e2e2e; 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 45px 0 15px; 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: 265px; 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: 155px; margin: 0 0 14px 0; padding: 0 0 12px 85px; overflow: hidden; border-bottom: solid 1px #cdcdcf; background: url(../img/front/front_arrow_right.gif) 100% 50% no-repeat; } #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: none; position: relative; top: -3px; color: #333; } #front-right .f-used-cars .row h3 a:hover {text-decoration: none; text-decoration: underline; } #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; color: #d2232a; font-weight: bold; } #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: 136px 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; position: relative} #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} #campaigns a.button_left, #campaigns a.button_left_est, #campaigns a.button_left_rus { margin: 12px 7px 0; } /* 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; margin: 25px 32px 10px 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: 155px} #esindused_koik .e_center {height: 158px} #esindused_koik .e_bottom {height: 149px} #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: 155px; overflow: hidden; background: url('../img/esindused/separator_top.gif') no-repeat bottom} #esindused_koik .separator_center {float: left; width: 1px; height: 158px; overflow: hidden; background-color: #d3d5d9} #esindused_koik .separator_bottom {float: left; width: 1px; height: 149px; 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.info {display: block; padding: 0 0 5px 0; font-size: 12px} #esindused_koik .row span.info a {color:#58595B} #esindused_koik .row .options {width: 100%; overflow: hidden; padding: 5px 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: 144px} #esindused_mudel .e_center {height: 137px} #esindused_mudel .e_bottom {height: 145px} #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: 144px; overflow: hidden; background: url('../img/esindused/separator_top.gif') no-repeat bottom} #esindused_mudel .separator_center {float: left; width: 1px; height: 137px; overflow: hidden; background-color: #d3d5d9} #esindused_mudel .separator_bottom {float: left; width: 1px; height: 145px; overflow: hidden; background: url('../img/esindused/separator_bottom.gif') 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.info {display: block; padding: 0 0 5px 0; font-size: 12px} #esindused_mudel .row span.info a {color:#58595B} #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 .list ul li a {color: #333} #right_side .list ul li.title a {color: #d2232a} #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.left p a {color: #333; border-bottom: 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.left34 {width: 120px; padding: 15px 0 0 0} #esindus .left_side .tabel3 td.right3 {width: 186px; padding: 15px 0 0 0} #esindus .left_side .tabel3 td.right34 {width: 300px; 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.ui-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} #esindus .right_side .ui-tabs-hide {position: absolute; left: -10000px} #esindus .right_side .teenused {padding: 5px 0 0 0} #esindus .right_side .teenused a {color: #333} #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 h3 a {color: #d2232a} #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} .detailContainer .vehicle_details td.price { } .detailContainer .vehicle_details td.price SPAN { float: left; padding: 0 5px 0 0; } .detailContainer .vehicle_details td.price SPAN.main-currency { font-weight: bold; } .detailContainer .vehicle_details td.bargain_price SPAN { float: left; padding: 0 5px 0 0; } .detailContainer .vehicle_details td.bargain_price SPAN.main-currency { color: #e12c0f; 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;} *html #bottom_shadow {position: relative; bottom: -31px; height: 35px} #bottom {width: 100%; height: 27px; position: fixed; bottom: 0px; z-index: 100; background-color: #fff; border-bottom: 6px #d2232a solid; border-top: 3px solid #e2e2e2; } *html #bottom {position: relative; bottom: 0px} #bottom_content {width: 980px; height: 27px; margin: 0 auto} #bottom_content .lang {float: left; height: 27px; 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{ position: relative; top: -3px; padding-top: 3px } #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} /* Campaigns > Right side old */ #camp-right-side .form {width: 100%; overflow: hidden; padding: 51px 0 20px 0; background: url('../img/campaign/form-people-pic.jpg') no-repeat top right #fff} #camp-right-side .form-inline {width: 260px; overflow: hidden; padding: 0 0 0 20px} #camp-right-side .form h2 {font-size: 30px; color: #fff; font-weight: normal; margin: 0; padding: 0; line-height: 27px} #camp-right-side .form p.intro {margin: 0; padding: 43px 0 15px 0; font-size: 12px; line-height: 16px} #camp-right-side .form .ankeet h2 {display: none} /* 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.sub, #booking-step3 .content ul.choices, #booking-step3 .content ul.text {padding: 5px 12px} #booking-step3 .content ul li.error { color:#F00 } #booking-step3 .content ul.sub li {font-size: 12px} #booking-step3 .content ul.choices li, #booking-step3 .content ul.text 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-step3 .content .error {color:#d2232a; margin: 5px 10px 5px 35px} /* 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 10px; font-size: 14px; color: #fff; font-weight: bold; background: #898a8b} #campaigns .tab-nav li a:hover, #campaigns .tab-nav li.ui-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 .text2 a.button_left_est {border-bottom: none} #campaigns .text2 a.button_left_est: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} /* snippet search */ #page_search_snippet {display: block; float: left; padding: 4px 0 0 80px} #page_search_snippet input#pagesearchQuery {float: left; width: 120px; height: 14px; margin: 0; padding: 2px 5px; background: url(../img/page_search_snippet_input.gif) no-repeat top left; border-top: 1px solid #C5C5C5; border-left: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; font-size: 12px; color: #3D3D3D} a.page_search_snippet_submit {display: block; float: left; width: 21px; height: 20px; background: url(../img/page_search_snippet_submit.gif) no-repeat top left; text-indent: -4000px} #book {float: left; width: 679px; overflow: hidden; border-left: 1px solid #D4D4D4; background: url(../img/book/middle.jpg) no-repeat center 171px} #book .nav {height: 38px; padding: 10px 0 0 30px} #book .nav ul {margin: 0; padding: 0; list-style: none} #book .nav ul li {float: left; padding: 0 30px 0 0; line-height: 22px} #book .passed {} #book .active {display: block; height: 48px; background: url(../img/book/active.gif) no-repeat 5px 32px} #book .undergoing {} #book .indicator {} #book .step {display: block; float: left; width: 22px; height: 22px; margin: 0 10px 0 0; text-align: center; font-weight: bold; color: #FFF} #book .passed .step {background: url(../img/book/step.gif) no-repeat 0 top} #book .active .step {background: url(../img/book/step.gif) no-repeat -22px top} #book .undergoing .step {background: url(../img/book/step.gif) no-repeat -44px top} #book .lesson {width: 640px; padding: 15px 20px 20px 20px; clear: both} #book .columns {width: 100%; padding: 0 0 30px 0; overflow: hidden} #book .column {float: left} #book .first {width: 230px; padding: 0 0 0 20px} #book .second {width: 220px} #book .third {width: 160px; padding: 0 0 0 30px} #book .heading {padding: 10px 0 12px 0} #book .heading h3 {margin: 0; padding: 0; font-size: 20px; font-weight: normal; color: #D2232A} #book .columns ul {margin: 0; padding: 0; list-style: none} #book .columns ul li {display: block} #book .columns ul li.disabled label {filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: 0.4} #book .columns ul li.sub {padding: 0 0 0 45px} #book .columns ul li label {display: block; width: 100%; line-height: 24px; overflow: hidden} #book .columns .first ul li label {font-size: 14px; font-weight: bold} #book .column input, #book .column img {float: left; margin: 0 4px 0 0} #book .column input[type=radio] {margin: 3px 4px 0 0} #book .column input[type=checkbox] {margin: 3px 4px 0 0} #book .third ul li label {line-height: 20px} #book .arrow {position: absolute; width: 10px; height: 20px; background: url(../img/book/slider_arrow.gif) no-repeat top center} #book .tip {float: right; width: 170px; height: 260px; padding: 20px; background: #EEE} #book .bar {width: 640px; height: 45px; padding: 0 20px; background: url(../img/book/bar.jpg) repeat-x top center; overflow: hidden} #book .bar a {display: block; float: left; line-height: 45px} #book .bar a.back {padding: 0 0 0 15px; background: url(../img/book/left.gif) no-repeat center left; font-size: 14px; color: #FFF} #book .bar a.forward {float: right; margin: 10px 0 0 0; padding: 0; background: url(../img/book/forward.gif) no-repeat bottom right; line-height: 26px; font-size: 14px; color: #FFF} #book .bar a.forward span {display: block; float: left; padding: 0 20px 0 10px; background: url(../img/book/forward.gif) no-repeat top left} #book .bar a:hover {text-decoration: none} #summary {float: left; width: 260px; padding: 20px} #summary .heading {padding: 10px 0 12px 0} #summary .heading h2 {margin: 0; padding: 0; font-size: 32px; font-weight: normal; color: #5C5D5F} #summary .heading h3 {margin: 0; padding: 0; font-size: 20px; font-weight: normal; color: #D2232A} #summary .i_wish {display: block; margin: 15px 0 0 0; color: #D2232A} #summary .i_wish input {float: left; margin: 0 6px 0 0} #summary .make_bron {width: 100%; padding: 0 0 10px 0; overflow: hidden} #summary a.button {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} #summary a.button 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} #summary a.button:hover {text-decoration: none} /* Front agency */ #front-agency { min-height: 138px; width: 263px; background: url('../img/front/front_agency.gif') 100% 100% no-repeat; margin: 30px 0 0 20px; position: relative; clear: both; } * HTML #front-agency { height: 138px; } #front-agency h2 {font-size: 20px; color: #333; font-weight: normal; margin: -10px 0 0 0 !important; padding: 0; float: left; } #front-agency UL { list-style: none; } #front-agency UL LI { position: absolute; right: 0; bottom: 0; width: 15px; height: 15px; cursor: pointer; } #front-agency UL LI.tallinn { right: 100px; bottom: 106px; } #front-agency UL LI.parnu { right: 110px; bottom: 43px; } #front-agency UL LI.paide { right: 75px; bottom: 76px; } #front-agency UL LI.tartu { right: 38px; bottom: 44px; } #front-agency UL LI.viljandi { right: 80px; bottom: 42px; } #agency-pop { width: 233px; position: absolute; left: 0; top: 0; z-index: 25; } #agency-pop .a { background: url('../img/front/agency_pop_a.png') no-repeat; height: 13px; width: 233px; } #agency-pop .b { background: url('../img/front/agency_pop_b.png') 0 100% no-repeat; padding: 5px 20px 25px 20px; } #agency-pop UL { margin: 0; padding: 0; list-style: none; line-height: 20px; } #agency-pop UL LI { background: url('../img/front/front_list_bullet.gif') 0 4px no-repeat; padding: 0 0 0 13px; margin: 5px 0; font-size: 13px; } #agency-pop UL A { font-size: 15px; font-weight: bold; } #agency-pop H2 { margin: 0; } UL.hidden { display: none !important; } UL.visble { display: block; } LI.hidden { display: none !important; } .clear { clear: both; overflow: hidden; } .nomargin { margin: 0 !important; } /* Campaign */ #camp-right-side H2 { font-size: 20px; color: #333; font-weight: normal; margin: 0 0 0 20px; padding: 0; } #campaigns .tab-nav { border-bottom: none; } #campaigns .campaign-bottom-shadow { background: url('../img/tabs_shadow_bg.png') no-repeat; height: 9px; margin: -9px 0 0 0; } #campaign-right-side { background: #f5f5f5; border: solid 1px #d6d6d6; padding: 10px 20px; margin: 18px 0 0 20px; font-size: 13px; } #campaign-right-side H2 { color: #232426; font-size: 20px; margin: 20px 0 0 0; display: block; width: 100%; clear: both; float: left; } #campaign-right-side UL { padding: 0; margin: 7px 0 0 0; list-style: none; display: block; width: 100%; clear: both; float: left; } #campaign-right-side UL LI { width: 100%; float: left; clear: both; margin: 5px 0; } #campaign-right-side UL LI A { background: url('../img/dot_campaign.gif') 0 3px no-repeat; color: #252526; font-weight: bold; padding: 0 0 0 13px; } #campaign-right-side UL LI A:hover { color: #d2232a; text-decoration: none; } #campaign-right-side UL LI.see-all A { color: #d2232a; text-decoration: none; background: none; } #campaign-right-side UL LI.see-all A:hover { text-decoration: underline; } DIV.right-text-block { margin: 0 0 0 20px; } DIV.right-text-block H2 { margin: 0 !important; padding: 0; } DIV.right-text-block P.right-submit { } DIV.right-text-block P.right-submit * { float: left; } DIV.right-text-block P.right-submit A { background: url('../img/button/right-submit.gif') no-repeat; font-size: 12px; font-weight: bold; color: #474a4d; text-transform: uppercase; } DIV.right-text-block P.right-submit A SPAN { background: url('../img/button/right-submit.gif') 100% -40px no-repeat; padding: 8px 35px 10px 12px; }