/***************************************** CSS file for Toyota Centar Zagreb Copyright (c) web.burza.hr *****************************************/ * { margin: 0; padding: 0; } html { color: #000; background: #fff; font: 62.5%/1.3 Arial, Helvetica, sans-serif; } body { background: #fff url(cssimg/main_layout/bodyBG.gif) repeat-x 0 113px; color: #000; text-align: center; } body.modeli_body { background-position: 0 187px; } table { font-size: 1em; } a { font-weight: bold; color: #fe0000; text-decoration: none; } a img { border: 0; } fieldset { border: 0; } input.input_text, textarea { width: 306px; padding: 4px; font: 1.1em Arial, Verdana, Helvetica, sans-serif; border: 1px solid #dedede; background: url(cssimg/forms/input_background.gif) repeat-x 0 0; } input.input_submit { margin-left: 122px; padding: 5px; background: #f00; font: bold 1.1em Arial, sans-serif; border: 0; color: #fff; cursor: pointer; } * html input.input_submit { margin-left: 125px; } .block { display: block; } #contactfrm_holder { float: left; width: 440px; background: url(/css/cssimg/main_layout/dotted-border-v.gif) repeat-y; margin-bottom: 10px; } #contactfrm_holder p { clear: both; padding-left: 112px; } .notice { color: #666; font-style: italic; line-height: 1.4em; } .notice a { font-weight: normal; } #contactfrm { float: left; display: block; margin-bottom: 2em; } #contactfrm div { margin: 10px 0; } * html #contactfrm div { margin: 9px 0; } #contactfrm label { font-size: 1.1em; float: left; clear: left; padding: 2px 2px 2px 0; width: 100px; text-align: right; margin-right: 10px; color: #000; } #contactfrm label span { color: #000; font-weight: bold; } #contactfrm #submitButton { margin-top: 5px; margin-left: 327px; } * html #contactfrm #submitButton { margin-left: 330px; } #contactfrm textarea, #contactfrm input.input_text { background: url(cssimg/forms/textarea_background.gif) no-repeat; border-right: 2px solid #dedede; } #contactfrm textarea { overflow: auto; } #contactfrm_holder .errors, #contactfrm_holder .confirmation { width: 283px; margin: 0 0 2em 112px; padding: 10px 15px; border: 2px solid #f00; } #contactfrm_holder .errors h3, #contactfrm_holder .confirmation h3 { color: #f00; font-weight: bold; font-size: 1.4em; line-height: 1.2em; margin-bottom: 5px; } #contactfrm_holder .errors ul, #contactfrm_holder .confirmation ul { margin: 0 15px; padding: 0; } #contactfrm_holder .errors ul li, #contactfrm_holder .confirmation ul li { line-height: 1.4em; } #contactfrm_holder .confirmation { border: 2px solid #108802; } #contactfrm_holder .confirmation h3 { margin: 0 auto; width: 320px; color: #108802; font-weight: bold; font-size: 1.6em; } #kontakt_kontakt_body #address { float: left; width: 190px; display: inline; padding: 1em 10px 5px 0; } #kontakt_kontakt_body #address { font-style: normal; font-weight: normal; margin-bottom: 15px; display: block; } #kontakt_kontakt_body #address a { font-size: 11px; font-weight: normal !important; color: #f00; border-bottom: #d3d3d3 1px dotted; } #kontakt_kontakt_body #address h3 { font-weight: normal; font-size: 1.2em; } #kontakt_kontakt_body #address h2 { font-weight: normal; font-size: 1.3em; margin-bottom: 0; } #kontakt_kontakt_body #address .second { margin-top: 20px; font-size: 1em; font-weight: bold; } #kontakt_kontakt_body #address .third { font-size: 1em; font-weight: bold; } #kontakt_kontakt_body p { margin: 1em 0; } #tvrtka_tvrtka_body .gallery { list-style: none; width: 900px; margin-left: -5px; } #tvrtka_tvrtka_body .gallery li { float: left; margin: 0 5px 0 0; } #tvrtka_tvrtka_body .gallery li img { padding: 2px; border: #e3e3e3 1px solid; } #tvrtka_tvrtka_body ul.address, #kontakt_kontakt_body ul.address { list-style: none; margin-left: -19px; } #novosti_overview_body ul.address { list-style: none; margin-top: 10px; } #tvrtka_tvrtka_body .info { float: left; margin-right: 20px; border: #e3e3e3 1px dotted; padding: 10px; } #usluge_usluge_body .usluge h2 { font-size: 1.1em; padding: 6px 10px 7px 10px; background: url(/css/cssimg/usluge_tab.gif) no-repeat; } #usluge_usluge_body .usluge h2 a { display: block; outline: none; } #usluge_usluge_body .usluge h2.first { border-top: none; } #usluge_usluge_body .usluge h3 { font-size: 1.2em;} #usluge_usluge_body .column { width: 340px; float: left; margin-right: 10px; } #usluge_usluge_body .info { clear: both; font-size: 0.9em; margin-top: 10px; } #usluge_usluge_body .item div { padding: 0 10px 10px 10px; } #uvjeti-koristenja_uvjeti-koristenja_body h2 { font-size: 1.6em; } #konfForm { display: block; width: 100%; } #konfForm fieldset { float: left; border: 1px solid #f3f3f3; margin-bottom: 4px; } #konfForm fieldset .legend { font-weight: bold; color: #000; float: left; display: inline; width: 94px; background-color: #f3f3f3; padding: 12px 18px 12px 18px; } #konfForm fieldset .fldset { background: url(cssimg/forms/konf_background.gif) repeat-y; border: 3px solid #fff; float: left; width: 692px; font-weight: bold; color: #000; height: auto !important; height: 62px; min-height: 62px; } #konfForm .fieldset-separator { border-top: 2px solid #fff; border-bottom: 2px solid #fff; line-height: 1px; font-size: 1px; } #konfForm .wrapper { padding: 18px 0 15px 18px; width: 544px; float: left; } #konfForm .pseudo_row { float: left; width: 540px; padding-bottom: .5em; margin-bottom: .5em; } #konfForm label { line-height: 1.6em; margin-right: .25em; margin-bottom: .5em; } #konfForm .label_radio { float: left; width: 120px; padding-right: 10px; cursor: pointer; } #konfForm .inputRadio { float: left; margin-right: 2px; } #konfForm .label_radio span { float: left; width: 100px; line-height: 1.4em; } * html #konfForm label { line-height: 1.6em; } #konfForm input.inputSubmit { cursor: pointer; border: 1px solid #fff; background-color: #fe0000; color: #fff; padding: 1px 3px; font-weight: bold; } #konfForm input#submit_konfigurator_chassis { } #konfForm input#submit_konfigurator_engine { } #konfForm input#submit_konfigurator_package { } #konfForm .price { clear: both; margin: 0 28px 0 400px; width: 300px; font-weight: bold; color: #000; } #konfForm .priceBlockLabel { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; padding: 3px 0; margin-top: 10px; } #konfForm .priceBlockLabel div { background-color: #fafafa; } #konfForm .price span { float: right; clear: right; text-align: right; } #konfForm .price .priceLabel { float: left; clear: left; text-align: left; } #konfForm .price .priceValue { font-weight: normal; color: #fe0000; line-height: 1em; font-size: 1.6em; } label.c_off, label.r_off, label.c_on, label.r_on { padding-left: 15px !important; width: 100px !important; cursor: default; } label.c_off input, label.r_off input, label.c_on input, label.r_on input { position: absolute; left: -9999px; } label.r_off { background: url(cssimg/forms/radio_off.gif) no-repeat 0 .2em; } label.c_off { padding-left: 20px !important; padding-right: 10px; background: url(cssimg/forms/check_off.gif) no-repeat 0 0; } label.c_on { padding-left: 20px !important; padding-right: 10px; background: url(cssimg/forms/check_on.gif) no-repeat 0 0; } label.r_on { background: url(cssimg/forms/radio_on.gif) no-repeat 0 .2em; } #sizer { background: #fff; width: 750px; padding: 0 3px; margin: 0 auto; text-align: left; } #header { position: relative; width: 750px; height: 110px; background: #fff url(cssimg/main_layout/headerBG.jpg) no-repeat 0 0; } #header #logo { position: absolute; right: 17px; top: 15px; width: 95px; height: 60px; } #header #logo a, #header #logo a img { display: block; width: 95px; height: 60px; } #header #h1, #header h1 { width: 100px; height: 2px; text-indent: -9999px; overflow: hidden; } .content_holder h1 span, h2 span { display: block; height: 0; text-indent: -9999px; overflow: hidden; } #headerNav { float: left; margin-top: 35px; width: 400px; border-left: 1px solid #dedede; } #headerNav li { float: left; display: inline; height: 35px; width: 63px; list-style: none; overflow: hidden; margin-right: 5px; border-left: 1px solid #dedede;} #headerNav li a { display: block; height: 38px; width: 63px; background: #fff; cursor: pointer; } #headerNav li a span { overflow: hidden; text-indent: -9999px; display: block; } #headerNav #naslovnica { border-left: 0; } #headerNav #naslovnica a { width: 63px; background: #fff url(cssimg/main_layout/nav-new/new/naslovnica.gif) no-repeat 0 0; border-left: 0; height: 14px; } #headerNav #o_nama a { width: 63px; background: #fff url(cssimg/main_layout/nav-new/new/o_nama.gif) no-repeat 0 0; border-left: 0; height: 14px; } #headerNav #usluge a { width: 63px; background: #fff url(cssimg/main_layout/nav-new/new/usluge.gif) no-repeat 0 0; border-left: 0; height: 14px; } #headerNav #zasto_toyota, #headerNav #rabljena_vozila { width: 70px; padding-left: 10px; } #headerNav #zasto_tcz, #headerNav #kartica_tcz {padding-left: 5px; width: 75px;} #headerNav #zasto_tcz a { width: 63px; background: #fff url(cssimg/main_layout/nav-new/new/zasto_tcz.gif) no-repeat 0 0; border-left: 0; height: 14px; } #headerNav #kartica_tcz a { width: 63px; background: #fff url(cssimg/main_layout/nav-new/new/kartica_tcz.gif) no-repeat 0 0; border-left: 0; height: 14px; } #headerNav #kontakt { margin-left: 68px; } #headerNav #kontakt a { width: 63px; background: #fff url(cssimg/main_layout/nav-new/new/kontakt.gif) no-repeat 0 0; border-left: 0; height: 14px; } #headerNav #cjenik a { width: 63px; background: #fff url(cssimg/main_layout/nav-new/new/cjenik.gif) no-repeat 0 0; border-left: 0; height: 14px; } #headerNav #zasto_toyota a { width: 63px; background: #fff url(cssimg/main_layout/nav-new/new/zasto_toyota.gif) no-repeat 0 0; border-left: 0; height: 14px; } #headerNav #rabljena_vozila a { width: 63px; background: #fff url(cssimg/main_layout/nav-new/new/rabljena_vozila.gif) no-repeat 0 0; height: 14px; border-left: none; } #header #headerNav a:hover, #header #headerNav a.aktivan { height: 16px; background-position: bottom; } #fancy_flash { float: left; width: 750px; border-bottom: 2px solid #e1e1e1; } #models { width: 100%; float: left; background: #fff; padding: 1px 0; border-top: 2px solid #e1e1e1; } #models #html_select { float: left; display: inline; width: 203px; height: auto !important; height: 54px; min-height: 54px; padding: 16px 10px 0 10px; margin-right: 2px; background: #f00; } #models #html_select form { display: block; position: relative; } #models #html_select label { text-transform: uppercase; color: #fff; display: block; font-size: 9px; font-weight: bold; margin-bottom: 6px; } #models #html_select select { border: 1px solid #a5acb4; width: 158px; margin-bottom: 10px; float: left; height: 21px; } #models #html_select .inputImage { margin-left: 2px; float: left; width: 40px; height: 22px; } #models #html_select form#model_html_select fieldset { } #models #flash_select { float: left; display: inline; width: 525px; } #models #flash_select h2 { display: none; } #featured_index { float: left; width: 100%; padding: 1px 0; border-top: 2px solid #f1f1f1; } #featured #noscript_featured_inside { margin-left: 224px; width: 525px; } #featured #download_list { width: 200px; margin-top: -230px; float: left; background: #e3e3e3; padding: 10px 10px 10px 13px; height: 210px; } * + html #featured #download_list { margin-top: -302px; position: relative; } * html #featured #download_list { margin-top: -302px; } * + html #featured { height: 230px; } * html #featured { height: 230px; overflow: hidden; } #featured #download_list p { font-size: 1.2em; } #featured #download_list ul { list-style: none;} #featured #download_list li { margin-top: 5px; padding: 10px 0 5px 30px; border: #e3e3e3 1px dotted; background: #ffffff; } #featured #download_list .cjenik { padding: 10px 0 20px 30px; } #featured #download_list span { display: block; font-size: 1em; } #noscript_featured { width: 750px; height: 230px; position: relative; } #noscript_featured h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: white; position: absolute; left: 10px; top: 9px; padding: 2px 5px 2px 6px; background: black; } #noscript_featured h2 a { color: white; } #models #flash_select #noscript_flash_select { float: left; background: #eee url(/css/cssimg/main_layout/noscript_flash_select_bg.gif) repeat-x 0 0; } #models #flash_select #noscript_flash_select #ul_holder { float: left; position: relative; width: 525px; height: 66px; background: url(/css/cssimg/main_layout/boxes/default_car.gif) no-repeat 400px 1px; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; } #models #flash_select #noscript_flash_select #ul_holder ul { float: left; display: inline; height: 58px; margin-top: 4px; padding: 0; } #models #flash_select #noscript_flash_select #ul_holder ul.col_3 { width: 369px; margin-left: 18px; background: url(/css/cssimg/main_layout/boxes/main_menu_bg_3_col.gif); } #models #flash_select #noscript_flash_select #ul_holder ul.col_4 { width: 398px; margin-left: 2px; background: url(/css/cssimg/main_layout/boxes/main_menu_bg_4_col.gif); } #models #flash_select #noscript_flash_select #ul_holder ul li { float: left; display: inline; list-style: none; } #models #flash_select #noscript_flash_select #ul_holder ul li a { display: block; margin-left: 2px; padding: 3px 5px; text-align: left; text-transform: uppercase; font-weight: normal; color: #000; } #models #flash_select #noscript_flash_select #ul_holder ul.col_3 li a { width: 111px; } #models #flash_select #noscript_flash_select #ul_holder ul.col_4 li a { width: 88px; } #models #flash_select #noscript_flash_select #ul_holder ul.col_4 li.new_row a { margin-left: 0; } #models #flash_select #noscript_flash_select #ul_holder ul li.new_row { clear: left; } #models #flash_select #noscript_flash_select #ul_holder ul li.new_row a { } #models #flash_select #noscript_flash_select #ul_holder ul li a:hover { color: #f00; background: #fcfcfc; } #models #flash_select #noscript_flash_select #ul_holder ul li a.active { color: #f00; } #models #flash_select #noscript_flash_select #ul_holder ul li a.active:hover { color: #000; background: #fcfcfc; } #models #flash_select #noscript_flash_select #ul_holder ul li a span { display: none; width: 120px; position: relative; top: 0; right: 0; height: 60px; background-color: transparent; background-repeat: no-repeat; background-position: 50% -5px; } #models #flash_select #noscript_flash_select #ul_holder ul li a.active span { display: block; z-index: 990; position: absolute; } #models #flash_select #noscript_flash_select #ul_holder ul li a:hover span { display: block; z-index: 1000; position: absolute; } #razlozi_holder { float: left; width: 750px; padding: 0 0 4px 0; background: url(cssimg/main_layout/razlozi_holder_faux_750.gif) no-repeat 0 100%; overflow-x: hidden; } #razlozi_holder .column { float: left; display: inline; } #razlozi_holder h2 { color: #f00; font-size: 14px; font-weight: bold; } #razlozi_holder h2 img { display: block; } #razlozi_holder ol { padding: 10px 30px 30px; } #razlozi_holder ol li { font-size: 1.1em; line-height: 1.6em; margin: 6px 0; } #razlozi_holder #why_tcz { width: 238px; margin-left: 3px; } #razlozi_holder #why_tcz ol { border-top: 1px solid #fff; background: url(cssimg/main_layout/zasto_box1_bg.gif) no-repeat; } #razlozi_holder #why_toyota { width: 241px; margin-left: 5px; } #razlozi_holder #why_toyota ol { border-top: 1px solid #fff; background: url(cssimg/main_layout/zasto_box2_bg.gif) no-repeat; } #razlozi_holder #contact_info { width: 251px; margin-left: 5px; background: url(cssimg/main_layout/zasto_box3_bg.gif) no-repeat 5px 0; } #razlozi_holder #contact_info .address { font-size: 11px; line-height: 18px; } #razlozi_holder #contact_info #marticeva { margin: 0 0 10px 15px; } #razlozi_holder #contact_info #marticeva h3{ clear: both; padding-top: 17px; } #razlozi_holder #contact_info #borongajska { margin: 40px 30px; } #razlozi_holder #contact_info .address h2 { color: #000; font-size: 12px; margin: 3px 0; } #razlozi_holder #contact_info .address a { font-weight: normal; color: #f00; border-bottom: #d3d3d3 1px dotted; } #razlozi_holder h3 { font-weight: normal; font-size: 1em; } #news { float: left; width: 746px; padding: 0 2px 1px; background: #fff url(cssimg/main_layout/box_holder_faux_750_new.gif) repeat-y; border-top: 2px solid #fff; } #news .news_box { float: left; padding: 20px 30px 30px 30px; color: #444; background: url(cssimg/main_layout/footerBG.gif) repeat-x 2px 0; } #news .first { width: 194px; } #news .second { width: 206px; } #news .third { width: 197px; } #news .news_box h3 { margin: .2em 0; font-size: 1.1em; color: #000; font-weight: bold; } #news .news_box h3 a { color: #000; } #news .news_box h3 a:hover { color: #fe0000; } #news .news_box p { margin: 0; font-size: 1.1em; line-height: 1.4em; } #news .news_box p img { float: left; margin-right: 5px; margin-bottom: 5px; } #news .news_box p.news_date { margin: .2em 0; font-style: italic; } #news .news_box p.news_more { display: inline; } #box_holder_inside { float: left; width: 100%; background: #fff url(cssimg/main_layout/faux_border_inside.gif) repeat-y 0 0; overflow-x: hidden; } .shadow_holder { float: left; width: 100%; background: url(cssimg/main_layout/contentBG.gif) no-repeat 50% 0; } .wide { float: left; width: 704px; } .content_holder { float: left; width: 704px; padding: 19px 23px 9px 23px; font: normal 1.2em/1.8em Arial, Helvetica, sans-serif; color: #000; overflow: hidden;} .content_holder h2, .content_holder h1 { margin: 0 0 15px 0; padding-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: normal; color: #000; text-shadow: .1em .1em 0 #ccc; } .content_holder h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; color: #000; } .content_holder p { margin: 0 0 1em 0; } .content_holder p.news_date { margin: .5em 0; font-size: 1em; } .content_holder ul, .content_holder ol { margin: 0 0 1em 0; } .content_holder ul { list-style: square; } .content_holder li { margin: 0 0 .2em 20px; font-weight: normal; color: #000; } .content_holder span.title { display: block; margin: 10px 0 15px 0; padding-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; color: #000; } .content_holder span.lead { color: #000; font-size: 1.3em; font-weight: normal; } .content_holder .content_image { margin: .5em 0; } .content_holder .content_image img { padding: 4px; background: url(cssimg/main_layout/imgBG.gif) no-repeat 0 0; } .content_holder .float_right { float: right; margin-left: 15px !important; } .content_holder .float_left { float: left; margin-right: 15px !important; margin-left: 0 !important; } .content_holder blockquote p { font-style: italic; font-size: 1.2em; padding: 0 20px; } .content_holder dl { float: left; } .content_holder dl#pregled_usluga { padding-top: 10px; } .content_holder dl#pregled_usluga h2{ font-size: 1em; font-weight: bold;} .content_holder dl#pregled_usluga h3{ font-size: 1em; font-weight: bold;} .content_holder dt { float: left; clear: both; width: 200px; font-weight: bold; padding: 10px 10px 0 0; border-top: 1px solid #f1f1f1; } .content_holder dt img { float: left; display: inline; width: 50px; height: 50px; margin: 0 10px 10px 0; } .content_holder dd { float: left; display: inline; width: 482px; height: auto !important; height: 50px; min-height: 50px; margin-bottom: 1em; padding: 10px 0 1em 10px; border-top: 1px solid #f1f1f1; } .content_holder dd dl dt { float: none; border: 0; padding: 0; } .content_holder dd dl dd { width: 462px; margin: 0 0 0 20px; padding: 0; border: 0; } .zasto_tcz_body .entity_image, .tvrtka_body .entity_image, .usluge_body .entity_image, .kartica_tcz_body .entity_image, .zasto_toyota_body .entity_image { padding: 2px; border: 1px solid #c9c9c9; } .content_holder .float_left { float: left; display: inline; margin: .2em 20px .5em 0; } .content_holder .float_right { float: right; display: inline; margin: .2em 0 .5em 20px; } .content_holder #gallery .pseudo_row, .content_holder #gallery-colors .pseudo_row { float: left; width: 100%; margin: .5em 0; } .content_holder #gallery .pseudo_row .entity_image { float: left; display: inline; height: 100px; margin-right: 10px; padding: 2px; border: 1px solid #c9c9c9; margin-bottom: 10px; } .content_holder #gallery-colors .pseudo_row .entity_image { float: left; display: inline; height: 135px; padding: 2px; margin: 0 0 0 20px; margin-bottom: 10px;} .content_holder #gallery .pseudo_row .entity_image img, .content_holder #gallery-colors .pseudo_row .entity_image img { display: block; } .content_holder #gallery-colors .pseudo_row .image_title { width: 198px; text-align: center; text-transform: uppercase; line-height: 1em; } #models_submenu { float: left; width: 100%;} * + html #models_submenu { padding-bottom: 10px; } #models_submenu ul { float: left; display: inline; width: 630px; margin: 15px 158px; list-style: none; } #models_submenu ul li { display: inline; float: left; margin-right: 20px; } #models_submenu #uvod a { background: url(/images/models_submenu/uvod.gif) no-repeat; display: block; width: 33px; height: 13px;} #models_submenu #fotogalerija a { background: url(/images/models_submenu/fotogalerija.gif) no-repeat; display: block; width: 77px; height: 13px;} #models_submenu #tehnicke-karakteristike a { background: url(/images/models_submenu/tehnicke-karakteristike.gif) no-repeat; display: block; width: 130px; height: 13px;} #models_submenu #paketi-opreme a { background: url(/images/models_submenu/paketi-opreme.gif) no-repeat; display: block; width: 77px; height: 13px;} #models_submenu #boje a { background: url(/images/models_submenu/boje.gif) no-repeat; display: block; width: 33px; height: 13px;} #models_submenu #konfigurator a { background: url(/images/models_submenu/konfigurator.gif) no-repeat; display: block; width: 77px; height: 13px;} #models_submenu ul li a span { display: block; height: 13px; text-indent: -9999px; overflow: hidden; } #modeli_view_body #models_submenu li a { cursor: pointer; } #modeli_view_body #models_submenu li a:hover { background-position: bottom; } #modeli_view_body #models_submenu .active a { background-position: bottom; } #prev_next { float: left; display: inline; width: 730px; margin: 0 10px; padding: 5px 0; background: #fff url(cssimg/main_layout/footerBG.gif) repeat-x; } #prev_next ul { list-style-type: none; } #prev_next ul li { padding: 5px 10px 15px 10px; } #prev_next ul li.prev { float: left; background-image: url(cssimg/main_layout/li-prev.gif); background-repeat: no-repeat; background-position: 100% 8px; } #prev_next ul li.next { float: right; background-image: url(cssimg/main_layout/li-next.gif); background-repeat: no-repeat; background-position: 0 8px; } #prev_next ul li a { background-color: #000; display: block; background-position: 0 0; background-repeat: no-repeat; } #prev_next ul li a:hover { background-color: #fe0000; } #prev_next ul li a span { display: block; height: 13px; text-indent: -9999px; overflow: hidden; } #equipment-chassis-select { width: 704px; } #equipment-chassis-select a { color: #000000; padding: 10px 3px 13px 0; font-size: 1.2em; text-align: center; float: left; width: 160px; outline: none; } #equipment-chassis-select .active { color: #ff0000; font-weight: normal; text-align: center; padding-right: 3px; position: relative; background: url(/css/cssimg/tab.gif) no-repeat; z-index: 11;} .car_specs table { float: left; width: 704px; border-collapse: collapse; border: 1px solid #f3f3f3; color: #444; margin-bottom: 1em; position: relative; margin-top: -0.1em; top: -0.1em; } .car_specs caption { font: 2em/1.5em Arial, sans-serif; margin: 0; padding: 0; padding-top: .5em; width: 704px; text-align: right; text-transform: uppercase; } .car_specs td, .car_specs th { padding: 8px 7px; vertical-align: middle; text-align: center; border-top: 1px solid #eee; white-space: normal; } .car_specs th { font: bold 10px/16px Verdana, sans-serif; } .car_specs .odd { background: #f9f9f9 !important; } .car_specs .odd td { border-color: #fff; } .car_specs img.ima { color: green; } .car_specs img.nema { color: red; } .car_specs tr th { text-align: left; font-weight: normal; } .car_specs tr.section_first { background-image: url(/images/oprema-delimiter.gif); background-repeat: repeat-x; background-position: 0 0; } .car_specs tr.section_first th, .car_specs tr.section_first td { padding-top: 11px; } .car_specs tr.subtitles { background: #f3f3f3 url(/images/oprema-delimiter.gif) repeat-x 0 0; } .car_specs tr.subtitles th { padding-bottom: 6px; font-weight: bold; color: #444 !important; text-align: center; } .car_specs tr.subtitles th.first-child { font-weight: bold; font: bold 11px Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; text-align: center; } .car_specs tr:hover, .car_specs tr.over { background-color: #f3f3f3; color: #000; } #tech-specs-holder caption { font: 2em/2.5em Arial, sans-serif; margin: 0 auto; } #tech-specs-holder tr.footnote { background-color: #fff; color: #666; font-style: italic; font-size: .9em; } #tech-specs-holder tr.footnote td { text-align: right; } #sidebar { float: left; display: inline; width: 196px; margin: 19px 0 0 21px; } #sidebar ul { padding: 0 0 2px 0; margin: 0 4px; } #sidebar ul li { margin: 0.6em 0 1em 0; font-size: 1.1em; font-weight: normal; color: #000; list-style: none; } #sidebar ul li a { display: block; padding: 6px 8px 6px 33px; margin: 0 10px 8px 10px; font-weight: bold; background-color: transparent; background-repeat: no-repeat; background-position: 0 4px; } #sidebar ul li a:hover { color: #000; } #sidebar ul li a .filesize { display: block; color: #333; font-size: .9em; font-weight: normal; } #sidebar ul li a:hover .filesize { color: #333; } #sidebar #backlink { float: left; width: 196px; background: #fff url(cssimg/main_layout/boxes/dottedBGgray.gif) no-repeat 0 100%; margin-bottom: 6px; } #sidebar #backlink h2 { background: #fff url(cssimg/main_layout/boxes/povratak_title.gif) no-repeat 0 0; height: 29px; margin-bottom: 3px; } #sidebar #backlink h2 span { display: block; text-indent: -9999px; overflow: hidden; } #sidebar #backlink .ul_container ul li a { background-position: 0 0; } #sidebar #gallery_teaser { float: left; width: 196px; background: #fff url(cssimg/main_layout/boxes/dottedBGtrans.gif) no-repeat 0 100%; margin-bottom: 6px; } #sidebar #gallery_teaser h2 { background: #fff url(cssimg/main_layout/boxes/fotogalerija_title.gif) no-repeat 0 0; height: 25px; margin-bottom: 3px; } #sidebar #gallery_teaser h2 span { display: block; text-indent: -9999px; } #sidebar #gallery_teaser .entity_image { margin: 0px 4px; padding-bottom: 4px; } #sidebar #gallery_teaser .entity_image img { display: block; } #sidebar #configure_teaser { float: left; margin: 6px 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} * html .clearfix { height: 1%; } .clearfix { display: block; } #rabljena-vozila_overview_body h1 { padding: 10px 3px 13px 0; font-size: 1.5em; text-align: center; float: left; width: 160px; } #rabljena-vozila_overview_body h1 a { color: inherit; font-weight: normal; outline: 0;} #rabljena-vozila_overview_body .active { color: #ff0000; font-weight: normal; text-align: center; padding-right: 3px; position: relative; background: url(/css/cssimg/tab.gif) no-repeat; z-index: 11;} #rabljena-vozila_overview_body #search_form { background: url(/css/cssimg/search_bg.jpg) no-repeat 0 2px; width: 111%; margin: -20px 0 10px -20px; padding: 20px 20px 45px 20px; clear: both; position: relative; top: -20px; border-top: #d7d7d7 1px solid; z-index: 10;} *+html #rabljena-vozila_overview_body #search_form { position: relative; top: 0px;} * html #rabljena-vozila_overview_body #search_form { position: relative; top: 0px; } #rabljena-vozila_overview_body #search_form button { background: #ffffff; float: left; border: #e3e3e3 1px solid; padding: 4px; margin-top: -5px; margin-left: -30px; } *+html #rabljena-vozila_overview_body #search_form button { padding: 1px; } * html #rabljena-vozila_overview_body #search_form button { padding: 1px; } #rabljena-vozila_overview_body #search_form fieldset { display: block; float: left; width: 45%; } #rabljena-vozila_overview_body #search_form #search_term { border: #e3e3e3 1px solid; padding: 5px; width: 90%; } #rabljena-vozila_overview_body #search_form .block { display: block; margin-bottom: 5px; } #rabljena-vozila_overview_body #search_form .radios { width: 39%; } #rabljena-vozila_overview_body #search_form .radios label { top: -2px; position: relative; margin-right: 20px; } #konfForm label input { top: 2px; position: relative; } #rabljena-vozila_overview_body .content_holder .car { padding-bottom: 150px; margin-bottom: 30px; border-bottom: #e3e3e3 1px dotted; position: relative; } *+html #rabljena-vozila_overview_body .content_holder .car { padding-bottom: 0; } * html #rabljena-vozila_overview_body .content_holder .car { padding-bottom: 0; } #rabljena-vozila_overview_body .content_holder .car, #rabljena-vozila_overview_body .content_holder .detailes { clear: both; display: block; } #rabljena-vozila_overview_body .content_holder .main_image { float: left; display: block; width: 200px; height: 150px; padding: 2px; border: #e3e3e3 1px solid; margin-right: 30px; } #rabljena-vozila_overview_body .content_holder h2, #rabljena-vozila_view_body .content_holder h2 { color: #ff0000; margin-bottom: 10px; } #rabljena-vozila_overview_body .content_holder ul { list-style: none; position: relative; left: -20px; } #rabljena-vozila_overview_body .content_holder ul li { float: left; color: #666666; width: 90px; margin-bottom: 10px; } #rabljena-vozila_overview_body .content_holder ul li span, #rabljena-vozila_view_body .content_holder .car_detailes li span { display: block; color: #000000; font-weight: bold; margin-top: -5px;} #rabljena-vozila_overview_body .content_holder .detailes { border-bottom: #ff0000 1px dotted; position: absolute; left: 235px; top: 130px;} * html #rabljena-vozila_overview_body .content_holder .detailes { position: absolute; left: 20px; top: 130px;} #rabljena-vozila_view_body h2 { border-bottom: #e3e3e3 1px dotted; padding-bottom: 15px; } #rabljena-vozila_view_body .content_holder h2 { margin-left: 38px; } #rabljena-vozila_view_body #back { display: block; margin: -34px 0 35px 170px; outline: none; } #rabljena-vozila_view_body .content_holder #main_info { float: right; width: 45%;} * html #rabljena-vozila_view_body .content_holder #main_info { float: right; width: 42%; position: relative; left: -20px; } * html #rabljena-vozila_view_body .content_holder #main_info .accessories, * html #rabljena-vozila_view_body .content_holder #main_info .info { position: relative; left: 20px; } #rabljena-vozila_view_body .content_holder #aditional_info { float: left; width: 45%;} #rabljena-vozila_view_body .content_holder .car_images { float: left; width: 400px; position: relative; border: #e3e3e3 1px solid; margin-right: 20px; padding-right: 4px; } #rabljena-vozila_view_body .content_holder .car_images ul { list-style: none; margin: 1px 0 0 -19px; } #rabljena-vozila_view_body .content_holder .car_images li img { width: 400px; height: 300px; margin-bottom: 10px; padding: 4px; } * html #rabljena-vozila_view_body .content_holder .car_images li img { padding: 2px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #rabljena-vozila_view_body .content_holder .car_images li img { padding-right: 2px; } #rabljena-vozila_view_body .content_holder .car_images { padding-right: 2px; } } * html #rabljena-vozila_view_body .content_holder .car_images { padding-right: 0px; } #rabljena-vozila_view_body .content_holder .car_detailes { list-style: none; position: relative; left: 20px;} #rabljena-vozila_view_body .content_holder .car_detailes li { float: left; color: #666666; width: 100px; margin-bottom: 10px; } #rabljena-vozila_view_body .content_holder .accessories, #rabljena-vozila_view_body .content_holder .info { clear: both; float: right; width: 278px; } #rabljena-vozila_view_body .content_holder .pricing { float: left; width: 395px; background: #ffffff url(/css/cssimg/pricing_bg.jpg) no-repeat 2px 2px; padding: 0 9px 28px 0; border: #e3e3e3 1px solid; margin-top: 10px; } * + html #rabljena-vozila_view_body .content_holder .pricing { padding: 0 9px 31px 0;} * html #rabljena-vozila_view_body .content_holder .pricing { padding: 0 9px 31px 0;} #rabljena-vozila_view_body .content_holder .pricing ul { margin-top: 20px; } #rabljena-vozila_view_body .content_holder .pricing ul li { color: #ffffff; list-style: none; float: right; padding-bottom: 10px; padding-left: 30px; border-left: #fff 1px dotted; clear: right; width: 150px; } #rabljena-vozila_view_body .content_holder .pricing ul .price { float: left; border-left: none; margin:0; padding-left: 20px; width: auto; font-size: 1.1em; } #rabljena-vozila_view_body .content_holder .pricing ul li span { display: block; font-size: 2em; } #rabljena-vozila_view_body .content_holder .prev, #rabljena-vozila_overview_body .content_holder .prev { float: left; clear: both; margin-top: 30px;} #rabljena-vozila_overview_body .content_holder { position: relative; } #rabljena-vozila_overview_body .content_holder #pagination { float: left; position: absolute; left: 45%; bottom: 10px;} #rabljena-vozila_view_body .content_holder .next, #rabljena-vozila_overview_body .content_holder .next { float: right; margin-top: 30px; } #rabljena-vozila_view_body .content_holder .curr { float: left; padding-left: 100px; color: #666666; font-weight: bold; padding-top: 10px;} #rabljena-vozila_view_body .content_holder .prev_image { float: left; padding-left: 20px; padding-bottom: 15px; color: #000000; padding-top: 10px;} #rabljena-vozila_view_body .content_holder .next_image { float: right; padding-right: 20px; color: #000000; padding-top: 10px; } .disabled { visibility: hidden; } .linkImage img { float: left; margin: 0 15px 5px 0; padding: 2px; border: #e3e3e3 1px solid;} .other_images h3 { margin-bottom: 30px; } #vozila_cjenik_body .content_holder ul { list-style: none; padding: 0; } #vozila_cjenik_body .content_holder ul li { margin-left: 0; font-size: 1.1em; padding: 6px 10px 7px 10px; background: url(/css/cssimg/usluge_tab.gif) no-repeat; width: 320px; float: left; margin-right: 10px; margin-bottom: 10px; } #vozila_cjenik_body .content_holder ul a { display: block; outline: none;} #vozila_cjenik_body .content_holder ul a:hover { color: #c00; text-decoration: underline; } #vozila_cjenik_body .content_holder .date { display: block; font-weight: normal; color: #666; } #vozila_cjenik_body .content_holder ul a:hover .date { color: #000; text-decoration: underline; } #vozila_cjenik_body .content_holder p { padding: 10px 0 2px 0; margin: 0; } #vozila_cjenik_body .content_holder p.notice { padding-top: 0; } #footer { clear: both; width: 750px; font-weight: normal; font-size: 0.9em; color: #000; background: #fff url(cssimg/main_layout/footerBG.gif) repeat-x 0 0; padding: 10px 0; } #novosti_overview_body #footer { clear: both; width: 750px; font-weight: normal; font-size: 0.9em; color: #000; background: #fff url(cssimg/main_layout/footerBG_new.gif) no-repeat 0 0; padding: 10px 0; } #footer p { background: #F8F8F8; padding: 10px; } #copy { float: left; padding: 7px; } #site_by { text-align: right; padding: 7px 7px 0 0; } #site_by a { text-decoration: none; } #site_by a.iface_link img { margin-top: -1px; } .contactdetails { margin-bottom: 0.5em;} #reklama.news_box { padding: 5px 0 0 0 ; background: none; } .tv_spot { display: block; position: relative; margin: 0 0 15px; } .big_red_text a { font-size: 25px; text-transform: uppercase; line-height: 25px; } .special { text-align: center; padding-top: 10px; } .special li { text-align: left; list-style-type: none; margin: 0; width: 188px; display: inline-block; *display:inline; _display:inline; zoom:1; vertical-align: top; padding: 0 10px; } .special li img { display: block; } .special li a { } .special li a span { display: block; padding: 5px 5px 15px; line-height: 1.5em; } div.cnt a img { padding-bottom: 20px; } #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{ background: #000; } #colorbox{} #cboxTopLeft{width:10px; height:10px; background: #fff; } #cboxTopCenter{height:10px; background: #fff; } #cboxTopRight{width:10px; height:10px; background: #fff; } #cboxBottomLeft{width:10px; height:10px; background: #fff; } #cboxBottomCenter{height:10px; background: #fff; } #cboxBottomRight{width:10px; height:10px; background: #fff; } #cboxMiddleLeft{width:10px; background: #fff; } #cboxMiddleRight{width:10px; background: #fff; } #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-25px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:0px -25px;} #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:10px; background:url(/css/cssimg/lightbox/lightbox-btn-close.gif) 0 0px no-repeat; width:66px; height:22px; text-indent:-9999px;}