/*************************************************** DEFAULT CSS for TRCZ Author: WEB Marketing (www.wem.hr) Media: Screen ***************************************************/ * { margin: 0; padding: 0; list-style: none; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* --------------- Reset ------------------- */ a, a img { outline: none; } a * { cursor: pointer; } input:focus, textarea:focus, select:focus{ outline: none; } a img, fieldset { border: none; } legend { display: none; } h1, h2, h3, h4, h5, h6 { line-height: 1; } #printlogo { position: absolute; top: -9999px; left: -9999px; } /* --------------- Basic Typ. -------------- */ p, ul, ol, dl, table { margin: 15px 0; } h1 { font-size: 2em; line-height: 1; font-weight: normal; margin: 0 0 20px; color: #9d131d; letter-spacing: -1px; text-transform: uppercase; } h2 { font-size: 1.75em; font-weight: normal; margin: 30px 0 15px 0; color: #9d131d; letter-spacing: -1px; } h3 { font-size: 1.5em; font-weight: normal; margin: 30px 0 15px 0; color: #9d131d; letter-spacing: -1px; } h4 { font-size: 1.25em; font-weight: bold; margin: 30px 0 15px 0; color: #9d131d; } h5 { font-size: 1.1em; font-weight: bold; margin: 30px 0 15px 0; color: #9d131d; } h6 { font-size: 1em; font-weight: bold; margin: 30px 0 15px 0; color: #9d131d; } ul li { background: transparent url(../images/css/list.gif) no-repeat 0 10px; padding-left: 15px; margin-left: 15px; } ul ul li{ margin: 0; } ul ul, ul ol { margin: 0 0 5px 0; } ul ol li{ padding: 0; background: 0; } ol li { list-style: decimal; margin-left: 40px; } ol ol li{ margin-left: 25px; list-style: outside lower-latin; } ol ul li{ list-style: none; margin-left: 0; } ol ul, ol ol { margin-top: 0; margin-bottom: 0; } table { border: 0; border-collapse: collapse; border-spacing: 0; font-size: 1em; } caption { font-size: .9em; margin: 0; padding: 0; font-style: italic; } td, th { vertical-align: top; text-align: left; background: #fff; border: 1px solid #e0e0e0; border-top: 0; } th { padding: 5px 10px; color: #9d131d; font-size: 1.25em; font-weight: normal; } td { padding: 5px 10px; color: #000; } .odd td { background: #fafafa; } table.blank { margin: 0; border: none; border-collapse: collapse; border-spacing: 0; } .blank th, .blank td { font-weight: normal; border: none; background: none; padding: 0 5px 0 0; } table p, table ul, table ol, table table { margin-top: 0; margin-bottom: 0; } blockquote { margin: 20px 0; font-style: italic; color: #b2111c; } blockquote *{ margin-top: 0; margin-bottom: 0; } hr { display: block; clear: both; height: 1px; overflow: hidden; border: 0; color: #f0f0f0; background: 0; border-top: 1px solid #f0f0f0; overflow: hidden; line-height: 30px; } a { color: #000; text-decoration: underline; } a:hover { color: #9d131d; text-decoration: none; } /* --------------- LAYOUT & GRID ---------- */ body { background: #fff; font: 12px Arial, Helvetica, sans-serif; line-height: 1; color: #000; } #header { width: 100%; min-height: 331px; overflow: visible; background: url(../images/css/hdr-bkg.png) repeat-x 0 0; position: relative; z-index: 500; border-bottom: 1px solid #fff; } #header .inner { width: 980px; position: relative; margin: 0 auto; padding-top: 241px; } #logo { position: absolute; top: 55px; left: 5px; width: 174px; height: 75px; overflow: hidden; margin: 0; } #logo a { display: block; width: 174px; height: 75px; overflow: hidden; text-indent: -9999px; background: url(../images/css/logo.png); } .lang-en #logo a { background-image: url(../images/css/logo-en.png); } #slogan { position: absolute; top: 145px; left: 5px; width: 174px; height: 27px; overflow: hidden; text-indent: -9999px; background: url(../images/css/slogan-hr.png) no-repeat 50% 0; } .lang-en #slogan { background: url(../images/css/slogan-en.png) no-repeat 50% 0; } #language { position: absolute; top: 40px; left: 248px; height: 30px; line-height: 30px; margin: 0; font-size: 11px; } #language li { float: left; margin: 0 11px 0 0; padding: 0 12px 0 0; background: url(../images/css/hdr-border2.gif) no-repeat 100% 50%; } #language .last-child { margin: 0; padding: 0; background: 0; } #language a { color: #fff; text-decoration: none; } #language a:hover, #language .on a { color: #ffaab0; } #searchBox { position: absolute; top: 93px; left: 248px; width: 357px; padding: 0; z-index: 1; } .search-input { position: relative; top: 0; left: 0; width: 100%; height: 36px; padding: 0 40px 0 15px; background: #fff; border: 1px solid #fff; border-left-color: #000; border-top-color: #000; border-radius: 2px; font: 12px Arial, Helvetica, sans-serif; line-height: 36px; color: #000; margin: 0 0 5px; z-index: 1; } .search-submit { position: absolute; top: 11px; right: 11px; cursor: pointer; width: 16px; height: 17px; overflow: hidden; text-indent: -9999px; background: url(../images/css/search-submit.gif); z-index: 20; border: 0; } #search-notice { color: #fff; font-size: 11px; font-style: italic; } #hlinks { position: absolute; right: 0; top: 50px; width: 368px; font-size: 12px; color: #fff; z-index: 1; } #hlinks ul { margin: 0; text-align: right; } #hlinks li { display: inline; margin: 0; padding: 0; background: 0; } #hlinks .last-child { padding-left: 12px; margin-left: 10px; background: url(../images/css/hdr-border2.gif) no-repeat 0 50%; } #hlinks a { color: #fff; text-decoration: none; text-align: right; } #hlinks a:hover, #hlinks .on a { color: #ffaab0; } #vpBox { position: absolute; top: 93px; right: 0; z-index: 1; } #vpBox ul { margin: 0; padding: 0; white-space: nowrap; } #vpBox ul li { float: left; margin: 0; padding: 0; background: 0; } #vpBox ul a { float: left; height: 38px; line-height: 38px; font-size: 12px; color: #fff !important; text-decoration: none; background-image: url(../images/css/vpbox-links.png); background-repeat: no-repeat; } #vpBox ul .newsletter-link a { width: 133px; text-align: right; padding-right: 20px; background-position: 0 0; } #vpBox ul .newsletter-link a:hover, #vpBox ul .newsletter-link a.on { background-position: 0 -38px; } #vpBox ul .vp-login-link { margin-left: 10px; } #vpBox ul .vp-login-link a { width: 130px; text-align: center; background-position: 0 -76px; } #vpBox ul .vp-login-link a:hover, #vpBox ul .vp-login-link a.on { background-position: 0 -114px; } #search { width: 980px; padding: 42px 0 0 0; margin: -27px auto 0 auto; overflow: visible; background: #ececec; position: relative; } .tabs { position: absolute; top: -25px; left: 17px; width: 963px; height: 41px; overflow: visible; z-index: 1; margin: 0; background: url(../images/css/tabs-bkg.gif) repeat-x 0 0; } .tabs li { float: left; height: 41px; line-height: 41px; border-right: 1px solid #888; margin: 0; padding: 0; background: 0; } .tabs a { float: left; height: 41px; line-height: 41px; font-size: 14px; padding: 0 15px; background: url(../images/css/search-tab.png) no-repeat 0 0; color: #fff !important; text-decoration: none; } .tabs a:hover, .tabs .on a { background-position: 0 -41px; } .tabs .first-child a { height: 54px; background-position: 0 -82px; } .tabs .first-child a:hover, .tabs .first-child.on a { background-position: 0 -136px; } .group { display: none; padding-left: 32px; width: 980px; position: relative; z-index: 1; overflow: hidden; } .group label { display: block; height: 17px; padding-bottom: 3px; margin-bottom: 4px; border-bottom: 1px solid #cfcfcf; color: #000; font-size: 12px; line-height: 15px; clear: both; white-space: nowrap; } .group .select, .group .input { display: inline; float: left; width: 110px; margin: 0 28px 0 0; padding-bottom: 25px; height: 75px; } .group .select select { width: 110px; height: 30px; border: 0; background: #fff; border-bottom: 1px solid #b6b6b6; border-radius: 2px; color: #4e4e4e; font: normal 12px Arial, Helvetica, sans-serif; padding: 5px; } .group .input input { width: 110px; height: 30px; border: 0; background: #fff; border-bottom: 1px solid #b6b6b6; border-radius: 2px; color: #4e4e4e; font: 12px Arial, Helvetica, sans-serif; line-height: 30px; padding: 0 5px; } .group .dblselect { display: inline; float: left; width: 178px; margin: 0 28px 0 0; padding-bottom: 25px; height: 75px; } .group .dblselect select { width: 60px; height: 30px; border: 0; border-bottom: 1px solid #b6b6b6; border-radius: 2px; color: #4e4e4e; font: normal 12px Arial, Helvetica, sans-serif; padding: 5px 2px 5px 5px; } .group .lbl { color: #4e4e4e; margin-right: 0; } .group .to-select { margin-left: 14px; } .lbl { float: left; } .group .last-select { float: right; margin: 0 !important; } .group .power-select { width: 260px; } .group span.error { color: #cc0000 !important; } .group span.error select { background: #f6d9da; border-color: #c3001d; } .group .powergroup { padding: 0; overflow: visible; } .advanced-search { display: none; clear: both; } .advanced .advanced-search { display: block; } #search .close { display: none; } .advanced .close { display: block !important; } .advanced .open { display: none; } .advlink { position: absolute; top: -25px; right: 0; height: 41px; line-height: 41px; z-index: 2; font-size: 13px; } .advlink a { float: left; padding: 0 43px 0 15px; background-color: #707071; background-image: url(../images/css/search-toggle.gif); background-repeat: no-repeat; color: #fff !important; text-decoration: none; } .open a { background-position: 100% 0; } .open:hover a { background-position: 100% -41px; } .close a { background-position: 100% -82px; } .close:hover a { background-position: 100% -123px; } #search .submit { position: absolute; bottom: 24px; right: 15px; z-index: 2; display: block; width: 41px; height: 39px; overflow: hidden; text-indent: -9999px; background: url(../images/css/submit.gif) no-repeat 0 0; } #search .submit:hover { background-position: 0 -39px; } #wrapper { width: 980px; margin: 0 auto 51px auto; position: relative; z-index: 1; } #basicTools { width: 980px; height: 45px; overflow: hidden; position: relative; } #path { position: absolute; top: 0; left: 17px; height: 45px; line-height: 45px; font-size: 11px; margin: 0; text-transform: uppercase; } #path li { float: left; padding: 0 6px 0 0; margin: 0 3px 0 0; background: url(../images/css/path-arrow.gif) no-repeat 100% 50%; } #path .on { background: 0; } #path a { color: #999; text-decoration: none; } #path a:hover { color: #b2111c; } #font-size { position: absolute; top: 0; right: 0; text-transform: lowercase; line-height: 45px; } #small { font-size: 11px; } #normal { font-size: 14px; } #large { font-size: 19px; } #font-size a { color: #888; text-decoration: none; } #font-size a:hover { color: #b2111c; } #container { position: relative; z-index: 10; } #options { width: 980px; height: 80px; position: relative; z-index: 1; clear: both; } #options ul { margin: 0; padding: 32px 0 0 0; line-height: 16px; font-size: 11px; color: #999; } #options li { float: left; padding: 0 18px 0 0; margin: 0 17px 0 0; background: url(../images/css/options-border.gif) no-repeat 100% 50%; } #print a { height: 15px; float: left; padding: 0 0 0 24px; background: url(../images/css/print.gif) no-repeat 0 0; color: #000; text-decoration: none; } #print a:hover { background-position: 0 -15px; color: #b2111c; } #options #social { background: 0; position: relative; top: 1px; } #social img { vertical-align: top; } .fb { margin: 0 7px 0 14px; padding: 0 11px 0 0; background: url(../images/css/options-border.gif) no-repeat 100% 2px; } #homelink, #favlink { background-position: 100% 4px !important; } #homelink img, #favlink img { margin-top: 1px; } #options #share { float: right; padding-right: 106px; background: 0; } .custombutton { float: left; } .addthis_button_compact { margin-top: 4px !important; } .addthis_counter { margin-top: 4px !important; } .at16t_compact { background: url(../images/css/addthis.gif) no-repeat 0 0 !important; } .at16t_compact:hover { background-position: 0 -16px !important; } #options #top { position: absolute; top: 23px; right: 15px; padding: 0; margin: 0; background: 0; } #top a { display: block; width: 33px; height: 29px; overflow: hidden; text-indent: -9999px; background: url(../images/css/top.gif) no-repeat 0 0; } #top a:hover { background-position: 0 -29px; } .services { width: 980px; height: 135px; overflow: hidden; margin: 0 0 20px; position: relative; } .services h2 { position: absolute; top: 0; left: 0; z-index: 2; height: 42px; line-height: 42px; margin: 0; padding: 0 17px; background: #888; color: #fff; font-size: 12px; font-weight: normal; letter-spacing: 0; } .services h2 a { color: #fff; text-decoration: none; } .services h2 a:hover { color: #ccc; } .services .items { position: relative; z-index: 1; width: 980px; height: 135px; overflow: hidden; } .services .item { display: none; width: 980px; height: 135px; overflow: hidden; padding: 0; font-size: 30px; font-weight: bold; letter-spacing: -1px; color: #ee1e10; text-shadow: 0 1px #fff; } .services .item a { color: #ee1e10; text-decoration: none; } .services .item a:hover { color: #000; } .snav { width: 100%; position: absolute; bottom: 10px; left: 0; z-index: 2; } .snav ul { margin: 0 auto; width: 88px; } .snav li { float: left; margin: 0 5px; padding: 0; background: 0; } .snav a { float: left; width: 11px; height: 11px; overflow: hidden; text-indent: -9999px; background: url(../images/css/home-pag.png) no-repeat -11px 0; } .snav a:hover, .snav .on a { background-position: 0 0; } #additionalContent { padding: 0; line-height: 18px; background: #eaeaea; margin: 0 0 20px; overflow: hidden; } #additionalContent h2 { margin: 0 0 10px; font-size: 14px; font-weight: normal; letter-spacing: 0; color: #db1523; text-shadow: 0 1px #fff; } #additionalContent a { color: #db1523; text-decoration: none; } #additionalContent a:hover { color: #666; } #additionalContent img { display: block; } #info { width: 980px; overflow: hidden; background: #cfcfcf; margin: 0 0 20px; padding: 24px 0; font-size: 11px; line-height: 18px; color: #000000; } #info .inner { width: 1067px; overflow: hidden; padding: 0 0 0 17px; } #info .box { display: inline; float: left; width: 234px; margin: 0 16px 0 0; padding: 0 16px 0 0; overflow: hidden; } #info .last-child { width: 500px; color: #000000; } .additional-box { display: inline; float: left; width: 234px; padding: 0 16px 0 0; margin: 0 16px 0 0; overflow: hidden; } #info .right { width: 200px; margin: 0; padding: 0; } #info h2 { font-size: 12px; font-weight: bold; margin: 0 0 10px; color: #000000; letter-spacing: 0; } #info h2 a { color: #000000; text-decoration: none; } #info h2 a:hover { color: #b2111c; } #info p, #info h3 { margin: 0; line-height: 18px; font-size: 11px; line-height: 18px; } #info h3 { color: #e62b2b; letter-spacing: 0; font-weight: normal; margin-top: 10px; } #info h3 a { color: #e62b2b; text-decoration: none; } #info h3 a:hover { color: #b2111c; } #info a { color: #000000; text-decoration: none; } #info a:hover { color: #373737; } #info ul { margin: 0; color: #000000; } #info ul li { margin: 0; padding: 0 0 0 14px; background: url(../images/css/infobox-list.gif) no-repeat 0 8px; } .features { width: 980px; overflow: hidden; margin: 0 0 20px; font-size: 11px; line-height: 14px; } .features .inner { width: 1050px; overflow: hidden; } .features .box { display: inline; float: left; width: 231px; height: 124px; margin: 0 18px 0 0; padding: 0; background-color: #eaeaea; position: relative; } .features h2 { font-size: 11px; font-weight: bold; letter-spacing: 0; margin: 0 0 10px; color: #db1523; text-shadow: 0 1px #fff; } .features h2 a { color: #db1523; text-decoration: none; } .features h2 a:hover { color: #000; } .features ul, .features p { margin: 0; } .features .snav { bottom: 0; display: none !important; } .features .snav ul { margin: 0 auto; } .features a { color: #db1523; text-decoration: none; } .features a:hover { color: #b2111c; } .features .item { display: block; margin: 0; } .features .box img { display: block; margin: 0; } .nl-input { margin: 10px 0 0; width: 197px; height: 35px; overflow: hidden; background: url(../images/css/nl-input.gif) no-repeat 0 0; } .nl-input input { float: left; width: 172px; height: 35px; padding: 0 10px; font: 11px Arial, Helvetica, sans-serif; line-height: 35px; color: #000; background: 0; border: 0; } .nl-submit { float: right; margin-top: 11px; width: 17px; height: 13px; overflow: hidden; text-indent: -9999px; background: url(../images/css/nl-submit.gif) no-repeat 0 0; } .nl-submit:hover { background-position: 0 -13px; } .suzuki-centar { background-image: url(../images/css/suzuki.jpg); } .flota { background-image: url(../images/css/flota.jpg); } .features .external { float: left; padding-right: 21px; background: url(../images/css/external.png) no-repeat 100% 50%; } #subArticles { width: 980px; overflow: hidden; background: #eaeaea; padding: 26px 0; } #subArticles .inner { width: 1067px; overflow: hidden; padding: 0 0 0 17px; background: url(../images/css/subarticles-border.gif) repeat-y 0 0; } #subArticles .box { display: inline; float: left; width: 120px; padding: 0 16px 0 0; margin: 0 16px 0 0; overflow: hidden; } #subArticles .first-child { width: 482px; } #subArticles .lifestyle { width: 132px; } #subArticles .last-child { margin-right: 0; padding-right: 0; } #subArticles div.last-child { margin-left: 0; width: 206px; } #subArticles h2 { width: 100%; margin: 0; padding: 0 0 15px; background: #eaeaea; color: #000; font-size: 14px; font-weight: bold; letter-spacing: 0; } #subArticles h2 a { color: #000; text-decoration: none; } #subArticles h2 a:hover { color: #db1523; } #subArticles h3 { font-size: 12px; line-height: 14px; font-weight: bold; color: #db1523; text-shadow: 0 1px #fff; margin: 0 0 10px; letter-spacing: 0; } #subArticles h3 a { color: #db1523; text-decoration: none; } #subArticles h3 a:hover { color: #000; } #subArticles ul { margin: 0; line-height: 18px; font-size: 11px; text-transform: uppercase; } #subArticles ul li { margin: 0; padding: 0; background: 0; } #subArticles ul a { color: #575757; text-decoration: none; } #subArticles ul a:hover { color: #000; } #subArticles .first-child ul { float: left; width: 125px; } #subArticles .first-child .right { width: 90px; } #subArticles div.last-child ul { float: left; width: 100px; } #subArticles div.last-child ul.right { float: right; } #impressum { width: 980px; height: 45px; line-height: 45px; overflow: hidden; font-size: 11px; color: #231f20; } #impressum p { display: inline; margin: 0; } #copyright { float: left; } #development { float: right; color: #8f8f8f; } #development a { color: #8f8f8f; text-decoration: none; } #development a:hover { color: #000; } #footer { width: 100%; height: 51px; position: fixed; left: 0; bottom: 0; font-size: 12px; line-height: 51px; color: #fff; background: url(../images/css/footer-bkg.gif) repeat-x 0 0; z-index: 2; } #footer .inner { width: 980px; height: 51px; margin: 0 auto; position: relative; } #footer ul { margin: 0; } #users-articles { display: inline; float: left; } #users-articles li { float: left; margin: 0 1px 0 0; padding: 0; background: 0; } #users-articles a { float: left; padding: 0 17px; background: #9d131d; color: #fff; text-decoration: none; } #users-articles a:hover { background: #ad212b; } .tooltip { position: absolute; bottom: 41px; font-size: 14px; line-height: 21px; width: 250px; } .tt-top { width: 100%; height: 10px; overflow: hidden; background: url(../images/css/tt-top.png) no-repeat 0 0; } .tt-body { width: 250px; height: auto; overflow: hidden; background: url(../images/css/tt-body.png) repeat-y 0 0; padding: 0 10px 10px 10px; } .tt-bottom { width: 100%; height: 15px; overflow: hidden; background: url(../images/css/tt-bottom.png) no-repeat 0 0; } .saved { left: 17px; } .compared { left: 160px; } #contact { display: inline; float: right; text-align: right; overflow: hidden; } #contact ul { margin-left: -31px; } #contact ul li { float: left; margin: 0 0 0 15px; padding: 0 0 0 16px; background: url(../images/css/contact-border.gif) no-repeat 0 50%; } #contact strong { font-size: 14px; } /* --------------- NAVIGATION ------------- */ /*** MENU (pages) ***/ #menu { position: absolute; top: 0; left: 0; height: 30px; line-height: 30px; margin: 0; font-size: 12px; z-index: 500; } #menu li { float: left; margin: 0 11px 0 0; padding: 0 12px 0 0; background: #fff url(../images/css/hdr-border.gif) no-repeat 100% 50%; } #menu .last-child { margin: 0; padding: 0; background: 0; } #menu a { color: #000; text-decoration: none; float: left; height: 30px; } #menu a:hover, #menu .on > a { color: #b2111c; } #menu > .sub { cursor: pointer; position: relative; background-color: transparent; } #menu .sub a { margin-left: -11px; padding-right: 10px; padding-left: 11px; position: relative; z-index: 1000; } #menu .sub a span { position: absolute; top: 16px; right: 0; width: 8px; height: 4px; overflow: hidden; background: url(../images/css/menu-sub.gif) no-repeat 0 0; } #menu .sub:hover > a { color: #b2111c; height: 31px; } #menu .sub:hover > a span { background-position: 0 -4px; } #menu .dropdown { position: absolute; top: 27px; left: -11px; width: 180px; padding: 9px 0 5px 0; background: #fff; z-index: 500; } #menu .dropdown ul { margin: 0; } #menu .dropdown li { float: none; margin: 0; padding: 0 11px; background: 0; height: auto; } #menu .dropdown a { display: block; float: none; padding: 6px 0; margin: 0; background: url(../images/css/dd1-border.gif) no-repeat 0 100%; color: #000; height: auto; line-height: 16px; } #menu .dropdown .last-child > a { background-image: none; } #menu .dropdown .on > a, #menu .dropdown a:hover { color: #b2111c; } #menu .dropdown .sub:hover { background: #ededed; margin-top: -1px; padding-top: 1px; } #menu .dropdown .sub a { position: relative; padding-right: 15px; height: auto !important; } #menu .dropdown .sub a span { width: 4px; height: 7px; background: url(../images/css/menu-dd-sub.png) no-repeat 0 0 !important; right: 0; top: 10px; } #menu .dropdown .sub:hover > a, #menu .dropdown .sub > a:hover { color: #000; } #menu .dropdown .dropdown { top: 0; left: 175px; background: #ededed; z-index: 2000; } #menu .dropdown .dropdown a { background-image: url(../images/css/dd2-border.gif); } #menu .dropdown .dropdown .last-child a { background-image: none; } #menu .dropdown { visibility: hidden; } #menu .sub:hover > .dropdown { visibility: visible; } /* #menu > .beflast-child > .dropdown, #menu > .last-child > .dropdown { left: auto; right: 0; } #menu > .beflast-child > .dropdown .dropdown, #menu > .last-child > .dropdown .dropdown { left: auto; right: 135px; } */ /*** NAV (catalog) ***/ #navigation { width: 980px; height: 45px; overflow: hidden; margin: 0 auto; background: url(../images/css/nav-bkg.gif); } #nav { margin: 0; text-transform: uppercase; } #nav li { float: left; margin: 0; padding: 0 1px 0 0; background: 0; height: 45px; background: url(../images/css/nav-border.gif) no-repeat 100% 50%; } #nav a { float: left; height: 45px; line-height: 45px; padding: 0 18px 0 17px; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; } .lang-en #nav a { padding-left: 11px; padding-right: 12px; } #nav a:hover, #nav .on a { color: #fff; background: #b2111c; } #nav .last-child { background-image: none; } /* --------------- CONTENT --------------- */ /*** HOME ***/ .page-home #content { width: 980px; overflow: hidden; float: none; } #featured { display: inline; float: left; width: 785px; background: #f7f7f7; padding: 17px 17px 15px 17px; } #featured .tabs { width: 751px; height: 41px; overflow: visible; position: relative; z-index: 2; background: #888; top: 0; left: 0; } #featured .tabs ul { margin: 0; } #featured .tabs a { background-image: url(../images/css/featured-tabs.png); padding: 0 11px; white-space: nowrap; } #featured .items { position: relative; z-index: 1; width: 752px; } #featured .articleRow, #featured .article-row { padding-bottom: 0; } .article { display: inline; float: left; width: 187px; margin: 0 1px 0 0; line-height: 18px; position: relative; z-index: 1; } .article-active { z-index: 9999; } .article-content { width: 187px; height: 220px; padding: 15px 17px 15px 17px; background: #cfcfcf; color: #3b3b3b; position: relative; z-index: 2; } .article h2 { font-size: 1.2em; font-weight: bold; letter-spacing: 0; margin: 0 0 3px; line-height: 18px; } .article h2 a { color: #000000; text-decoration: none; display: block; } .article h2 a:hover { color: #3b3b3b; } .article ul { margin: 0; line-height: 1.5em; font-size: .9em; } .article ul li { margin: 0; padding: 0; background: 0; } .article-prices li { position: relative; } .discount { z-index: 2; } .old-price { z-index: 1; } .article .article-prices { line-height: 1.4em; padding: 5px 0 0; font-size: 1.1em; } .article-prices strong { font-size: 1.05em; color: #000000; } .article-prices li.discount strong { color: #b2111c; } .old-price strong { color: #000000; font-size: .9em; text-decoration: line-through; } .article-prices li { clear: both; height: 41px; } .article-prices p { margin: 0; display: inline; float: left; } .euro { display: inline; float: right; width: 40px; height: 12px; position: relative; z-index: 1; } .euro:hover { z-index: 2; } .euro a { background: #373737; float: right; padding: 1px 0; width: 15px; text-align: center; color: #fffbca; text-decoration: none; font-size: 12px; } .euro a.tax-link { float: left; cursor: pointer; } .old-price .euro a { color: #a8a8a8; } .tax { font-size: 10px !important; } .euro a:hover, .open .euro-link, .tax-open .tax-link { color: #fff !important; background: #aa121d; padding-bottom: 10px; } .euro-price { width: 135px; padding: 7px 10px; position: absolute; top: 20px; right: 0; background: #aa121d; font-size: 11px; line-height: 16px; color: #fff; visibility: hidden; z-index: 2; } .open .euro-price { visibility: visible; } .tax-price { width: 250px; padding: 7px 10px; position: absolute; top: 20px; right: 25px; background: #aa121d; font-size: 11px; line-height: 16px; color: #fff; visibility: hidden; z-index: 2; text-align: right; } .tax-open .tax-price { visibility: visible; } .tax-price, .euro-price { display: block !important; } .article:first-child .tax-price { right: -80px; } .sep { margin: 0; float: left; width: 10px; text-align: center; } .article-image { width: 187px; height: auto; overflow: hidden; position: relative; z-index: 1; } .article-image a { display: block; width: 187px; height: auto; overflow: hidden; position: relative; text-decoration: none !important; } .article-image img { width: 187px; border: 1px solid #cfcfcf; display: block; } .legend { position: relative; display: block; bottom: 0; left: 0; z-index: 2; background: #aa121d; height: 18px; } .legend span { float: left; height: 18px; line-height: 17px; padding: 0 4px; margin: 0; font-size: 9px; color: #fff; border-right: 1px solid #d33939; } .legend span:last-child { border-right: 0; padding-right: 0; } .legend .warranty { width: 54px; height: 54px; padding: 0; margin: 0; background: url(../images/css/garancija-hr.png) no-repeat 0 0; position: absolute; right: 0; bottom: 20px; letter-spacing: -9999px; font-size: 0; border-right: 0; } .lang-en .warranty { background-image: url(../images/css/garancija-en.png); } .outdated { position: absolute; left: 0; top: 50%; margin-top: -20px; height: 40px; width: 100%; line-height: 40px; font-size: 14px; color: #fff; background: #af121c; z-index: 3; text-align: center; } .other-articles { clear: both; font-size: .9em; padding: 10px 0 0; } .other-articles a { float: left; padding: 0 22px 0 11px; height: 31px; overflow: hidden; line-height: 31px; font-size: 12px; color: #fff !important; text-decoration: none !important; background: #7a7a7a url(../images/css/other-articles.gif) no-repeat 100% 0; } .other-articles a:hover { background-color: #b3111c; background-position: 100% -31px; } .other-articles a:hover { color: #aa121d; } .other-articles a span { position: relative; top: -1px; } #homeNews { display: inline; float: right; width: 178px; overflow: hidden; padding: 17px 0 0 0; } #homeNews h2 { float: left; height: 54px; line-height: 41px; padding: 0 15px; background: url(../images/css/featured-tabs.png) no-repeat 0 -136px; color: #fff; text-decoration: none; margin: 0 0 10px; font-size: 1.2em; font-weight: normal; letter-spacing: 0; color: #fff; } #homeNews h2 a { color: #fff; text-decoration: none; } #homeNews h2 a:hover { color: #ccc; } #homeNews .news-box { clear: both; width: 180px; padding: 0 17px; margin: 0 0 10px; } #homeNews .news-title { font-size: 1.05em; font-weight: normal; line-height: 1.25em; margin: 0; letter-spacing: 0; } #homeNews .news-title a { color: #000; text-decoration: none; display: block; } #homeNews .news-title a:hover { color: #aa121d; } #homeNews .news-date { margin: 0; font-size: .8em; line-height: 1.5em; color: #666; } #sideBanners { display: inline; float: right; width: 180px; height: 486px; overflow: hidden; } #sideBanners img { display: block; margin: 0 0 19px; } .sideBanner { margin-bottom: 10px; display: block; } /*** VP HOME ***/ .vphome #hlinks { display: none; } #vpUserBox { position: absolute; top: 50px; right: 0; width: 360px; color: #fff; font-size: 12px; line-height: 24px; text-align: right; } #vpUserBox h2 { margin: 0 0 10px; color: #fff; font-size: 2em; } #vpUserBox p { margin: 10px 0; } #vpUserBox a { color: #fff; text-decoration: underline; } #vpUserBox a.on, #vpUserBox .on a, #vpUserBox a:hover { color: #FFAAB0; text-decoration: none; } #vpUserBox ul { margin: 0; text-align: right; } #vpUserBox ul li { display: inline; margin: 0; padding: 0; background: 0; } #vpUserBox ul .last-child { margin-left: 10px; padding-left: 12px; background: url(../images/css/hdr-border2.gif) no-repeat 0 50%; } /*** DEFAULT ***/ #content { font-size: 1em; line-height: 1.75em; } .page-default #content, .page-form-default #content, .page-contest #content { overflow: hidden; width: 980px; float: none; padding: 0 0 0 17px; font-size: 1.2em; } #images { width: 317px; height: 280px; overflow: hidden; display: inline; float: left; margin: 0 20px 20px 0; } #images .items { width: 350px; height: 263px; overflow: hidden; } #images .item { display: none; } .imgnav { padding: 6px 0 0 17px; } .imgnav ul { margin: 0; } .imgnav li { float: left; margin: 0 4px 0 0; padding: 0; background: 0; } .imgnav a { display: block; width: 9px; height: 7px; overflow: hidden; text-indent: -9999px; background: #7a7a7a; } .imgnav a:hover, .imgnav .on a { background: #9d131d; } /*** CATALOG - GROUP ***/ .page-catalog #container { width: 980px; padding: 15px 0; background: url(../images/css/article-bkg.gif) repeat-y 0 0; position: relative; z-index: 10; } #navArticles { display: inline; float: left; width: 180px; padding: 0 17px; margin: 0; text-transform: uppercase; } .page-catalog #content { display: inline; float: right; width: 782px; overflow: hidden; padding: 5px 15px 0 17px; } .page-sidenav #container { width: 980px; padding: 15px 0; position: relative; z-index: 10; background: url(../images/css/article-bkg.gif) repeat-y 0 0; } .page-sidenav #content { display: inline; float: right; width: 782px; overflow: hidden; padding: 5px 15px 0 17px; font-size: 1.2em; } #navArticles ul { margin: 0; } #navArticles ul li { margin: 0; padding: 0 0 4px; overflow: hidden; background: 0; line-height: 16px; clear: both; } #navArticles ul a { float: left; padding: 3px 0 0 0; color: #000; text-decoration: none; } #navArticles ul a:hover, #navArticles ul .on a { color: #9d131d; } #navArticles .brands { width: 165px; height: auto; margin: 0 0 10px -11px; } #navArticles .brands .main-item { overflow: visible; position: relative; width: 165px; height: 30px; padding-top: 2px; background: url(../images/css/brands-main.gif) no-repeat 0 0; line-height: 31px; } #navArticles .brands .main-item a { padding: 8px 23px 8px 10px; line-height: 16px; float: none; display: block; color: #000; background: url(../images/css/brands-main.gif) no-repeat 0 100%; } .brands .main-item span { position: absolute; top: 14px; right: 9px; width: 7px; height: 4px; background: url(../images/css/brands-arrow.gif); } #navArticles .brands .main-item ul a { padding: 0 10px !important; background: 0 !important; } #navArticles .brands .main-item ul .on a { color: #9d131d; } .brands .dropdown { position: absolute; left: 0; top: 25px; } .brands .dropdown-body { width: 165px; height: 300px; overflow: hidden; background: url(../images/css/brands-border.gif) repeat-y 0 0; padding: 5px 0; } .brands .dropdown-body ul { width: 160px; height: 300px; overflow-y: scroll; } .brands .dropdown-bottom { width: 165px; height: 2px; overflow: hidden; background: url(../images/css/brands-bottom.png); } .brands .dropdown a:hover { color: #9d131d !important; } .brands .dropdown { visibility: hidden; } .brands li:hover > .dropdown, .brands li.open > .dropdown { visibility: visible; } .brands select { width: 165px; height: 31px; padding: 7px 10px; background: 0; border: 0; font: normal 12px Arial, Helvetica, sans-serif; color: #000; } #display-options { width: 100%; height: 50px; overflow: hidden; } #display-options ul { margin: 0; line-height: 20px; } #display-options li { float: left; margin: 0; padding: 0; background: 0; font-size: .9em; } #display-options .label { font-size: 1.1em; } #perpage { float: left; } #perpage li { margin-right: 1px !important; } #perpage .label { margin-right: 5px !important; color: #787777; } #perpage a { float: left; width: 24px; height: 20px; overflow: hidden; text-align: center; color: #fff; text-decoration: none; background: url(../images/css/perpage.gif) no-repeat 0 0; } #perpage a:hover { background-position: -24px 0; } #perpage .on a { height: 27px; background-position: -24px 0; } #sort { float: right; } #sort li { margin: 0 0 0 1px; } #sort .label { margin-right: 4px !important; color: #b0111c; } #sort a { float: left; height: 20px; line-height: 20px; padding: 0 7px; background-color: #737473; color: #fff; text-decoration: none; } #sort .up a, #sort .down a { background-image: url(../images/css/sort.gif); background-repeat: no-repeat; background-position: -9999px 0; } #sort a:hover, #sort .on a { background-color: #b0111c; } #sort .down.on a { background-position: 100% -60px; padding-right: 21px; } #sort .up.on a { background-position: 100% -20px; padding-right: 21px; } .article-row, .articleRow { width: 752px; clear: both; padding: 0 0 15px; } #articles-no { color: #000; font-size: .9em; margin: 15px 0 0; } /*** CATALOG - ARTICLE ***/ .page-article #container { width: 980px; padding: 15px 0; background: url(../images/css/article-bkg.gif) repeat-y 0 0; position: relative; z-index: 10; } .page-article #content{ display: inline; float: right; width: 782px; padding: 0; margin: -15px 0; } #article { width: 782px; overflow: hidden; } #article-content { display: inline; float: right; width: 432px; overflow: hidden; background: #cfcfcf; padding: 25px 12px 0 15px; } #article-header { position: relative; z-index: 2; } #article-header h1 { font-size: 21px; line-height: 1.35em; font-weight: bold; color: #000000; display: inline; float: left; width: 185px; overflow: hidden; margin: 0 0 30px; } #article-prices { display: inline; float: right; width: 200px; } #article-prices ul { margin: 0; color: #000000; line-height: normal; } #article-prices li { margin: 0; padding: 0 60px 0 0; background: 0; text-align: right; clear: both; } #article-prices p { margin: 0; display: inline; float: left; width: 140px; text-align: right; font-weight: bold; font-size: 18px; letter-spacing: -1px; } #article-prices p .tax { font-size: 16px; } #article-prices .euro { float: right; margin-right: -60px; } #article-prices .euro-price { text-align: left; line-height: normal; } #article-prices .vpc { height: 42px; padding-bottom: 5px; margin-bottom: 7px; border-bottom: 1px solid #afafaf; color: #b2111c; } #article-prices .mpc { height: 42px; } #article-prices .discount { padding-bottom: 5px; margin-bottom: 7px; border-bottom: 1px solid #afafaf; height: 42px; position: relative; z-index: 2; } #article-prices .discount strong { color: #b2111c; } #article-prices .euro { margin-top: 5px; } #article-prices .euro .sep { margin-top: -1px; } #article-prices .old-price { height: 40px; margin-bottom: 20px; position: relative; z-index: 1; } #article-prices .old-price p { font-size: 14px; font-weight: bold; padding-top: 2px; } #article-prices .old-price p strong { font-size: 14px; } #article-prices .old-price .euro { margin-top: 2px; } #article-prices .euro-price, #article-prices .tax-price { top: 17px; } #article-details { clear: both; overflow: hidden; position: relative; z-index: 1; padding: 0; } #article-details table { width: 100%; margin: -1px 0 0 0; } #article-details th, #article-details td { font-size: 1em; font-weight: normal; padding: 5px 0; background: 0; border: 0; border-top: 1px solid #afafaf; } #article-details th { width: 160px; color: #3b3b3b; } #article-details td { color: #000000; } #article-details a { color: #000000; text-decoration: none; } #article-details a:hover { color: #666; } .article-request-link { height: 42px; margin: 15px 0; } .article-request-link a { float: right; white-space: nowrap; height: 42px; line-height: 42px; overflow: hidden; font-size: 12px; color: #fff; text-decoration: none; padding: 0 50px 0 15px; margin: 0 -15px 0 0; background: #414141 url(../images/css/article-options.gif) no-repeat 100% -252px; } .article-request-link a:hover { background-color: #aa121d; background-position: 100% -295px; } #article-options { width: 432px; height: 157px; overflow: hidden; margin: 0 0 0 -15px; } #article-options ul { margin: 0; } #article-options li { float: left; margin: 0 1px 1px 0; padding: 0; background: 0; height: 42px; line-height: 42px; overflow: hidden; } #article-options .lnk-compare, #article-options .lnk-request { margin-right: 0; } #article-options a { float: left; height: 42px; line-height: 42px; overflow: hidden; font-size: 12px; color: #fff; text-decoration: none; } .lnk-save a { width: 216px; padding-left: 49px; background: #7a7a7a url(../images/css/article-options.gif) no-repeat 0 0; font-weight: bold; } .lnk-save a:hover { background-color: #aa121d; background-position: 0 -84px; } .lnk-save .off { background-color: #252525 !important; background-position: 0 -42px !important; color: #4d4d4d !important; cursor: default; } .cmp-saveTH { vertical-align: middle; } .cmp-saveTD { padding: 0 !important; } .cmp-saveTD .lnk-save { display: block; width: 100%; height: 42px; line-height: 42px; overflow: hidden; padding-left: 49px; background: #7a7a7a url(../images/css/article-options.gif) no-repeat 0 0; font-weight: bold; margin: 0; color: #fff; text-decoration: none; cursor: pointer; } .cmp-saveTD .lnk-save:hover { background-color: #aa121d; background-position: 0 -84px; } .off .lnk-save { background-color: #252525 !important; background-position: 0 -42px !important; color: #4d4d4d !important; cursor: default; } .lnk-compare a { width: 215px; padding-left: 42px; background: #7a7a7a url(../images/css/article-options.gif) no-repeat 0 -126px; font-weight: bold; } .lnk-compare a:hover { background-color: #aa121d; background-position: 0 -210px; } .lnk-compare .off { background-color: #252525 !important; background-position: 0 -168px !important; color: #4d4d4d !important; cursor: default; } .lnk-credit a, .lnk-leasing a, .lnk-loan a { width: 143px; padding-left: 15px; background: #414141; } .lnk-credit a:hover, .lnk-leasing a:hover, .lnk-loan a:hover { background: #aa121d; } .lnk-request a { width: 143px; padding-left: 15px; background: #414141; } .lnk-request a:hover { background: #aa121d; } .lnk-hypo { width: 287px; height: 42px; overflow: hidden; text-indent: -9999px; background: #fff url(../images/css/article-options-hypo.gif) no-repeat 50% 50% !important; } .link-co { width: 143px; height: 42px; overflow: hidden; text-indent: -9999px; background: #fff url(../images/css/article-options-co.gif) no-repeat 50% 50% !important; } .lang-en .lnk-credit a, .lang-en .lnk-leasing a, .lang-en .lnk-request a { padding: 5px 15px !important; line-height: 16px !important; } .lang-en .lnk-save .off, .lang-en .lnk-compare .off { padding-top: 5px; font-size: 11px !important; line-height: 16px !important; } .lang-en .off .lnk-save { padding-top: 5px; font-size: 11px !important; line-height: 16px !important; } .lang-hr .lnk-credit, .lang-hr .lnk-leasing, .lang-hr .lnk-request, .lang-hr .lnk-loan { width: 108px; height: auto !important; } .lang-hr .lnk-leasing { width: 107px; } .lang-hr .lnk-loan { width: 106px; border-left: 1px solid #fff; height: auto; } .lang-hr #article-options .lnk-credit a, .lang-hr #article-options .lnk-leasing a, .lang-hr #article-options .lnk-request a, .lang-hr #article-options .lnk-loan a { font-size: 12px; line-height: 14px; padding: 7px 30px 7px 12px; width: 100%; height: auto; } .lang-hr #article-options .lnk-hypo { width: 215px; height: 69px; background-color: #fff !important; } .lang-hr #article-options .link-co { width: 109px; height: 69px; } .lang-hr #article-options .lnk-diners { width: 106px; height: 69px; margin-right: 0; background: #fff url(../images/css/article-options-diners.gif) no-repeat 50% 50%; } .lang-en #article-options .lnk-diners, .lang-en #article-options .lnk-loan { display: none !important; } .page-article #featured .tabs { background: #f7f7f7; } .page-article #featured .tabs li { border: 0; } .page-article #featured .tabs a { cursor: pointer; } #article-image { display: inline; float: left; width: 350px; overflow: hidden; } .main-image { width: 350px; overflow: hidden; margin: 0 0 15px; position: relative; } .main-image a { display: block; width: 350px; overflow: hidden; position: relative; color: #fff; text-decoration: none !important; } .main-image a img { position: relative; z-index: 1; display: block; margin: 0; } .main-image .mask { width: 41px; height: 24px; overflow: hidden; background: url(../images/css/mask-article.png) no-repeat 0 0; position: absolute; top: 0; right: 0; z-index: 10; } .main-image .zoom { position: absolute; top: 0; left: 0; z-index: 10; width: 20px; height: 20px; overflow: hidden; background: url(../images/css/zoom.png); } .main-image .legend .warranty { width: 81px; height: 81px; background-image: url(../images/css/garancija-hr-large.png); } .lang-en .main-image .legend .warranty { background-image: url(../images/css/garancija-en-large.png); } .main-image .outdated { height: 50px; line-height: 50px; margin-top: -25px; font-size: 18px; } .thumbs ul { overflow: hidden; margin: 0 0 15px; } .thumbs ul li { float: left; margin: 0 7px 7px 0; padding: 0; background: 0; } .thumbs a { float: left; width: 75px; height: 59px; overflow: hidden; position: relative; } .thumbs a .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/css/mask-article-thumb.png); cursor: pointer; visibility: hidden; display: none; } .thumbs a:hover .mask, .thumbs .on a .mask { visibility: visible; display: block; } #images-notice { clear: both; overflow: hidden; padding: 1px 15px 20px 15px; font-size: .9em; line-height: 1.5em; color: #4a4a4a; } .page-article #featured { padding: 0; background: 0; width: auto; float: none; display: block; } .page-article #featured .tabs { background: 0; } /*** COMPARE ***/ .page-compare #content { width: 100%; float: none; padding: 0 0 0 17px; font-size: 1.2em; } #intro { margin-bottom: 20px; } #compare { width: 100%; background: #ececec; margin: 0; padding: 17px; } #compare table { width: 100%; margin: 0; font-size: .8em; } #compare-holder { clear: both; } #compare-holder:after, .compare-main:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .compare-main { position: relative; padding-left: 140px; } .compare-labels { position: absolute; left: 0; top: 0; width: 140px; z-index: 2; } .compare-items { position: relative; z-index: 1; } #compare th { width: 100%; padding: 5px 0; font-size: 1em; color: #4e4e4e; background: 0; border: 0; border-bottom: 1px solid #ddd; line-height: 1.5em; } #compare td { width: 157px; padding: 5px 15px; border-left: 0; border-top: 0; border-bottom: 1px solid #afafaf; background: #cfcfcf; color: #000000; line-height: 1.5em; } #compare .cmp-noTD { width: 187px; height: 53px; overflow: hidden; padding: 0; border-bottom: 0; } .cmp-noTD .header { height: 37px; border-bottom: 1px solid #cfcfcf; position: relative; } .cmp-title { float: left; height: 48px; line-height: 35px; padding: 0 15px; color: #fff; background: url(../images/css/cmp-title.gif) no-repeat 0 0; } .cmp-close a, .str-close a { position: absolute; width: 17px; height: 17px; overflow: hidden; text-indent: -9999px; background: url(../images/css/cmp-close.gif) no-repeat 0 0; } .cmp-close a:hover, .str-close a:hover { background-position: 0 -17px; } .cmp-close a { top: 10px; right: 15px; } .str-close a { top: 5px; right: 5px; } #compare .cmp-articleTD { font-size: 1.3em; font-weight: bold; letter-spacing: -1px; padding-bottom: 10px; } .cmp-articleTD a { color: #000000; text-decoration: none; } .cmp-image { width: 187px; overflow: hidden; } .cmp-image img { width: 100%; display: block; border: 1px solid #cfcfcf; } .cmp-image a { display: block; width: 187px; height: 155px; overflow: hidden; position: relative; } .cmp-image a .outdated { width: 187px; z-index: 300; } #compare .cmp-imageTD { width: 187px; padding: 0; overflow: hidden; } #compare .empty { background: #d7d7d7; border-bottom: 0; } .empty .header { border: 0; } .empty .cmp-title { background-position: 0 -48px; color: #4e4e4e; } .cmp-price { clear: both; } .cmp-price p { display: inline; float: left; width: 110px; font-size: 1.2em; } .cmp-discount p, .cmp-discount .sep { color: #b2111c; } .cmp-priceTD { color: #000000 !important; } .cmp-oldprice p, .cmp-oldprice sep { color: #000000; } .cmp-oldprice p { font-size: 1em; } .cmp-oldprice strong { text-decoration: line-through; } .cmp-discount, .cmp-discount .euro { position: relative; z-index: 2; } .cmp-oldprice, .cmp-oldprice .euro { position: relative; z-index: 1; } .cmp-priceTD .tax-price { right: -78px; } #compare .cmp-add { text-align: center; padding-top: 10px; } .cmp-add a { display: inline-block; height: 33px; line-height: 33px; padding: 0 13px; background: #7a7a7a; color: #fff; text-decoration: none; } .cmp-add a:hover { background: #9d131d; } /*** NEWS ***/ .page-news-category #content, .page-news-main #content { width: 980px; float: none; padding: 0 0 0 17px; font-size: 1.2em; } #news-category-content { margin-bottom: 20px; } #news-listing { width: 980px; background: #ececec; margin: 0 0 0 -17px; padding: 17px; } #news-listing .news-box { clear: both; overflow: hidden; padding: 0 0 17px; margin: 0 0 17px; border-bottom: 1px solid #E5E5E5; } #news-listing .news-box:last-child { margin-bottom: 0; border-bottom: 0; } #news-listing .last-child { padding: 0; border: 0; } #news-listing .news-image { display: inline; float: left; width: 187px; margin: 0 20px 0 0; } #news-listing .news-content { overflow: hidden; padding: 12px 0 0 0; } #news-listing .news-title { font-size: 1.2em; font-weight: normal; letter-spacing: 0; margin: 0; } #news-listing .news-title a { text-decoration: none; } #news-listing .news-date, #news-main .news-date { margin: 0 0 5px; color: #666; font-size: .8em; } .news-details-link { margin: 10px 0 0 0; clear: both; } .news-details-link a { float: left; height: 29px; line-height: 29px; overflow: hidden; padding: 0 22px 0 9px; font-size: 12px; color: #fff; text-decoration: none; background: #737473 url(../images/css/news-details.gif) no-repeat 100% 0; } .news-details-link a:hover { background: #9d131d url(../images/css/news-details.gif) no-repeat 100% -29px; color: #fff; } #news-main .news-intro { margin-bottom: 20px; font-weight: bold; } .page-news-main .basic-controls { width: 948px; } .page-news-main .basic-list a { width: 498px; } /*** FORMS ***/ .form-intro { margin: 15px 0; } /*.basicForm fieldset { width: 963px; margin: 15px 0 15px -17px; padding: 15px; background: #f7f7f7; }*/ .form-warning { padding: 0 0 20px 180px; font-size: 1.2em; } .errorMessage { padding: 0 0 20px 180px; color: #cc0000 !important; font-size: 1.2em; } .errorMessage ul { margin: 0; font-size: .8em; } .errorMessage li { margin: 0; padding: 0; background: 0; } .req { font-size: 24px !important; line-height: 1 !important; vertical-align: middle; color: #666 !important; padding: 0 !important; } .field-description { padding: 0 0 10px 180px; margin-top: -15px; font-size: .9em; color: #666; } .basicForm h2, .basicForm h3, .basicForm h4, .basicForm h5, .basicForm h6 { padding-left: 180px; } .basicForm .label, .basicForm .input, .basicForm .fileupload, .basicForm .select, .basicForm .textarea, .basicForm .radio, .basicForm .checkbox, .basicForm .captchaInput { clear: both; overflow: hidden; padding: 0 0 15px 180px; } .basicForm .label label, .basicForm .input label, .basicForm .fileupload label, .basicForm .select label, .basicForm .textarea label, .form-item-title, .basicForm .captchaInput label { float: left; width: 170px; padding: 0 10px 0 0; margin: 0 0 0 -180px; text-align: right; } .basicForm .label label, .basicForm .input label, .basicForm .fileupload label, .basicForm .textarea label, .basicForm .captchaInput label { line-height: 18px; padding-top: 10px; } .basicForm .select label { line-height: 18px; padding-top: 4px; } .basicForm .label span { padding: 0 10px; margin: 0; float: left; line-height: 38px; color: #9D131D; font-size: 1.4em; } .basicForm .input input, .basicForm .captchaInput input { float: left; width: 262px; height: 39px; font: 12px Arial, Helvetica, sans-serif; line-height: 39px; color: #000; border: 1px solid #dcdcdc; border-top-color: #7b7b7b; border-left-color: #7b7b7b; border-radius: 3px; background: #f2f2f2; padding: 0 10px; margin: 0 5px 0 0; } .basicForm .input img { float: left; margin: 10px 5px 0 0; } .basicForm .input span { float: left; font: 12px Arial, Helvetica, sans-serif; line-height: 39px; color: #000; padding: 0 10px; } .basicForm .formgroup { margin-bottom: 30px; } .dualinput { clear: both; overflow: hidden; padding: 0 0 15px 180px; } .dualinput label { float: left; width: 170px; padding: 0 10px 0 0; margin: 0 0 0 -180px; text-align: right; line-height: 39px; } .dualinput input { float: left; width: 101px; height: 39px; font: 12px Arial, Helvetica, sans-serif; line-height: 39px; color: #000; padding: 0 10px; margin: 0 20px 0 0; border: 1px solid #dcdcdc; border-top-color: #7b7b7b; border-left-color: #7b7b7b; border-radius: 3px; background: #f2f2f2; } .dualinput .req { float: left; margin: 13px 0 0 -15px; } .dualselect { clear: both; overflow: hidden; padding: 0 0 15px 180px; background: url(../images/css/dual-select.png) no-repeat 180px 0; } .dualselect label { float: left; width: 170px; padding: 0 10px 0 0; margin: 0 0 0 -180px; text-align: right; line-height: 39px; } .dualselect select { float: left; width: 121px; height: 29px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #c6c6c6; border-radius: 3px; background: 0; background-color: rgba(0,0,0,0); padding: 7px 5px 5px 8px; margin: 0 20px 0 0; } .dualselect .req { float: left; margin: 8px 0 0 -15px; } .basicForm .select { background: 0; } .basicForm .select select { float: left; width: 135px; height: 29px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #c6c6c6; border-radius: 3px; background: 0; background-color: rgba(0,0,0,0); padding: 5px; margin: 0 5px 0 0; } .basicForm .textarea textarea { float: left; width: 442px; min-width: 442px; max-width: 442px; height: 120px; min-height: 120px; max-height: 120px; border: 1px solid #dcdcdc; border-top-color: #7b7b7b; border-left-color: #7b7b7b; border-radius: 3px; background: #f2f2f2; padding: 10px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; margin: 0 5px 0 0; overflow: auto; } .basicForm .fileupload { background-image: url(../images/css/input-file.gif); position: relative; } .fileupload { position: relative; padding-top: 44px !important; background: url(../images/css/input.png) no-repeat 180px 0; } .fileupload label { margin-top: -44px !important; } .fileupload .fakefile { position: absolute; top: 0; left: 180px; z-index: 1; } .fileupload .fakefile input { width: 112px; height: 39px; border: 0; background: 0; padding: 0 0 0 10px; overflow: hidden; font: normal 10px Arial, Helvetica, sans-serif; } .fileupload .fakefile img { position: absolute; top: 0; left: 200px; } .fileupload input.file { position: absolute; top: 0; left: 180px; width: 198px; height: 39px; z-index: 300; opacity: 0; font: normal 10px Arial, Helvetica, sans-serif, serif; color: #000; } .fileupload .upload { display: block; width: 61px; height: 39px; overflow: hidden; position: absolute; top: 0; left: 380px; z-index: 1000; background: #d7d7d7; text-align: center; line-height: 39px; color: #525252; text-decoration: none; text-shadow: 0 1px #fff; font-size: 14px; font-weight: bold; letter-spacing: -1px; } .fileupload .upload:hover { background: #9d131d !important; color: #fff; text-shadow: 0 1px #666; } .fileupload .delete { margin-left: 10px; font-size: .9em; color: #cc0000; } .specimen-file-upload-span { display: block; margin-top: -44px; padding-top: 44px; } #spanValidationVehiclePhotos, .specimen-file-upload-span { color: #cc0000 !important; } .fileupload .req, .fileuploadVehiclePhotosprocjena-vozila .req { position: absolute; left: 447px; top: 11px; } .fileuploadVehiclePhotosprocjena-vozila { position: relative; } .radio, .checkbox { position: relative; } .form-items-holder { float: left; width: 442px; overflow: hidden; margin: 0 5px 0 0; } .form-item { padding-left: 20px; display: block; } .form-item input { margin-left: -20px; margin-right: 5px; } .form-items-holder br { display: none !important; } .basicForm .notice { padding: 0 0 15px 180px; } .basicForm .notice ul { margin: 0; } .basicForm .notice ul li { margin: 0; padding: 0; background: 0; } .basicForm .terms { padding: 0 0 15px 180px; } .captchaWrapper { position: relative; margin-top: 20px; clear: both; } .captchaImageWrapper { height: 52px; padding: 0 0 20px 180px; } .captchaImageWrapper img { vertical-align: middle; margin: 0 10px 0 0; } .captchaInput { padding-bottom: 0 !important; } .basicForm .input .req { float: left; margin: 13px 0 0 0; } .basicForm .textarea .req { float: left; margin: 5px 0 0 0; } .basicForm .radio .req, .basicForm .checkbox .req { float: left; margin-top: 0; } .basicForm .select .req { float: left; margin: 8px 0 0 0; } .captchaWrapper .req { position: absolute; top: 65px; left: 447px; } .form-buttons { width: 442px; height: 60px; overflow: hidden; padding: 0 0 20px 180px; } .form-reset { display: inline; float: left; } .form-submit { display: inline; float: right; } .form-buttons a, .form-buttons input { float: left; height: 40px; line-height: 40px; padding: 0 15px; color: #525252; text-decoration: none; text-shadow: 0 1px #fff; background: #d7d7d7; cursor: pointer; border: 0; } .form-buttons a:hover, .form-buttons input:hover { background: #9d131d !important; color: #fff; text-shadow: 0 1px #666; } .form-reset a, .form-reset input { background: #efefef; } .form-submit a, .form-submit input { font-weight: bold; font-size: 1.2em; } .error label, .error .form-item-title, .error .req { color: #cc0000; } .error .input input, .error .captchaInput input, .error .dualinput input { background: #f9dbdb; border-color: #cc0000 !important; } .error .select select, .error .dualselect select { background: #f9dbdb; border-color: #cc0000 !important; } .error .textarea textarea { background: #f9dbdb; border-color: #cc0000 !important; } .basicForm .large select { width: 262px; } .basicForm .dateInput, .basicForm .termin { position: relative; } .basicForm .dateInput img.ui-datepicker-trigger { position: absolute; float: none; margin: 0; top: 12px; left: 340px; cursor: pointer; } .basicForm .dateInput .input { background-image: url(../images/css/input-termin.png); } .basicForm .dateInput .input input { width: 162px; } .basicForm .timeInput { position: absolute; top: 5px; left: 367px; } .basicForm .timeInput .select { padding: 0; } .basicForm .timeInput .select select { width: 75px; background: url(../images/css/select75.png) no-repeat 0 0; } .basicForm .error .dateInput .input { background-image: url(../images/css/error-input-termin.png); } .basicForm .error .timeInput .req { color: #cc0000 !important; } /*** CONTEST ***/ #contestIntro { padding: 0 0 40px; } #contestMain { margin: 0 0 0 -88px; padding: 0 0 0 180px; height: 100%; overflow: hidden; } #contestQuestion { font-size: 1.7em; color: #9D131D; margin: 0 0 40px 0; clear: both; } #contestAnswersTitle { display: inline; float: left; width: 85px; font-weight: bold; overflow: hidden; } #contestAnswersContent { display: inline; float: left; width: 400px; overflow: hidden; } #contestAnswersContent ul { margin: 0; } #contestAnswersContent li { height: 100%; overflow: hidden; padding: 0; margin: 0 0 10px; background: 0; } #contestAnswersContent input { display: none; } #contestAnswersContent a { float: left; padding: 0 0 5px 35px; cursor: pointer; background: url(../images/css/contest-radio.gif) no-repeat 0 0; } #contestAnswersContent a label { cursor: pointer; } #contestAnswersContent a { text-decoration: none; } #contestAnswersContent a:hover { color: #9D131D; text-decoration: none; } #contestAnswersContent a:hover label, #contestAnswersContent .active label { color: #9D131D; } #contestAnswersContent .active a { text-decoration: none; } #contestAnswersContent .active a, #contestAnswersContent a:hover { background-position: 0 -177px; } .contest-error, .contest-feedback { overflow: hidden; clear: both; padding: 20px 0 0 0; font-size: 1.25em; color: #9D131D; } /*** CALCULATOR ***/ #calculator { width: 700px; overflow: hidden; padding: 0 25px; } #calculator .tabs { width: 700px; height: 41px; overflow: visible; position: relative; z-index: 2; background: #888; top: 0; left: 0; margin: 0 0 20px -25px; } #calculator .tabs ul { margin: 0; } #calculator .tabs a { background-image: url(../images/css/featured-tabs.png); } #calculator .tabs img { position: absolute; top: 0; right: 0; } #calculator .tabs .hypo { padding: 0; background: 0; } /*** INSURANCE CALCUALTOR ***/ #insurance { width: 850px; overflow: hidden; padding: 0 25px; } #insurance .tabs { width: 800px; height: 41px; overflow: visible; position: relative; z-index: 2; background: #888; top: 0; left: 0; margin: 0 0 20px -25px; } #insurance .tabs ul { margin: 0; } #insurance .tabs a { background-image: url(../images/css/featured-tabs.png); } #insurance .tabs img { position: absolute; top: 0; right: 0; } .citem { display: none; } .basicForm .wide-select select { width: 262px; } .basicForm .error .wide-select { background-image: url(../images/css/error-wide-select.png); } .basicForm .input select, .dualinput select { float: left; width: 70px; height: 30px; background: url(../images/css/select-small.png) no-repeat 0 0; margin: 5px 5px 0 0; padding: 5px; border: 0; } .dualinput select { margin-left: 0; margin-right: 20px; } .basicForm .error .input select, .basicForm .error .dualinput select { background-image: url(../images/css/error-select-small.png) !important; } .powergroup { clear: both; overflow: hidden; padding: 0 0 15px; } .basicForm .powergroup .input, .basicForm .powergroup .dualinput { clear: none; float: left; padding-bottom: 0; display: inline; } .basicForm .powergroup .select { clear: none; float: left; padding: 0; margin: 5px 0 0 5px; background: url(../images/css/select-small.png) no-repeat 0 0; display: inline; } .basicForm .powergroup .error .select { background-image: url(../images/css/error-select-small.png) !important; } .basicForm .powergroup .select select { width: 70px; } .basicForm .powergroup .select label { display: none; } .calc-notice { float: left; height: 39px; line-height: 39px; margin: 0 5px 0 0; } .calc-warnings p { margin:0px;} .calc-results { padding: 20px 100px 0 180px; width: 700px; border-top: 1px solid #888888; } .calc-results h3 { margin: 0 0 10px !important; padding: 0 !important; font-size: 1.4em; letter-spacing: 0; } .calc-results table { width: 100%; } .calc-results td { border-top: 1px solid #E0E0E0; } .calc-results table strong { font-size: 1.4em; } /*** SEARCH ***/ .search-parameters { overflow: hidden; } .search-parameters h2 { font-size: 1em; font-weight: bold; margin: 0 0 10px; letter-spacing: 0; } .search-parameters ul { overflow: hidden; margin: 0; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #E5E5E5; line-height: 18px; } .search-parameters li { float: left; width: 370px; padding: 0 30px 0 0; background: 0; margin: 0; font-size: 12px; } .search-parameters .search-label { display: inline; float: left; width: 160px; } .search-parameters strong { font-weight: normal; margin-left: 5px; color: #9D131D; } .basic-search .search-parameters li { float: none; width: 100%; padding: 0; } #searchForTerm { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #E5E5E5; line-height: 18px; position: relative; } #searchForTerm strong { font-weight: normal; margin-left: 5px; color: #9D131D; position: absolute; top: 0; left: 160px; width: 580px; } .search-parameters #searchForTerm { font-size: 1em; } /*** PAGINATOR ***/ .paginator { width: 100%; height: 42px; overflow: hidden; padding: 13px 0 0 0; border-top: 1px solid #e5e5e5; clear: both; font-size: 11px; } .paginator ul { margin: 0; width: 100%; height: 29px; overflow: hidden; position: relative; text-align: center; } .paginator li, .paginator a { display: inline-block; } .paginator li { margin: 0 -1px; padding: 3px 0 0; background: 0; } .paginator a { width: 24px; height: 23px; line-height: 23px; text-align: center; background-color: #737473; color: #fff; text-decoration: none; } .paginator a:hover, .paginator a.on, .paginator .on a { background-color: #9d131d; color: #fff; } .paginator .listPages a { background: 0 !important; color: #737473; font-size: 12px; } .paginator .listPages a:hover { color: #9d131d; } .paginator .firstPage a, .paginator .lastPage a { font-size: 12px; background: 0 !important; color: #737473; font-size: 12px; width: auto; padding: 0 4px; } .paginator .firstPage a:hover, .paginator .lastPage a:hover { color: #9d131d; } .paginator .prevPage, .paginator .nextPage { margin: 0; padding: 0; position: absolute; top: 0; } .paginator .prevPage a, .paginator .nextPage a { float: left; width: auto; height: 29px; line-height: 28px; background-color: #737473; background-image: url(../images/css/pag.gif); background-repeat: no-repeat; color: #fff !important; } .paginator .prevPage a:hover, .paginator .nextPage a:hover { background-color: #9d131d; } .paginator .prevPage { left: 0; } .paginator .prevPage a { padding: 0 10px 0 25px; background-position: 0 0; } .paginator .prevPage a:hover { background-position: 0 -29px; } .paginator .nextPage { right: 0; } .paginator .nextPage a { padding: 0 25px 0 10px; background-position: 100% -58px; } .paginator .nextPage a:hover { background-position: 100% -87px; } .paginator .off { visibility: hidden !important; } .basic-controls { width: 100%; height: 40px; overflow: hidden; margin: 20px 0; background: #d7d7d7; position: relative; } .basic-controls ul { margin: 0; } .basic-controls li { height: 40px; line-height: 40px; margin: 0 auto; padding: 0; background: 0; } .basic-controls a { display: block; height: 40px; line-height: 40px; overflow: hidden; background-color: #d7d7d7; color: #000; text-decoration: none; } .basic-controls a:hover { background-color: #aa121d; color: #fff; } .basic-controls .off { visibility: hidden !important; } .basic-list a { width: 332px; text-align: center; border-left: 1px solid #ececec; border-right: 1px solid #ececec; color: #4a4a4a !important; margin: 0 auto; } .basic-list a:hover { color: #fff !important; } .basic-prev, .basic-next { position: absolute; top: 0; } .basic-prev { left: 0; } .basic-next { right: 0; } .basic-prev a, .basic-next a { width: 189px; background-image: url(../images/css/controls.gif); background-repeat: no-repeat; } .basic-prev a { padding-left: 35px; background-position: 0 0; } .basic-prev a:hover { background-position: 0 -40px; } .basic-next a { text-align: right; padding-right: 35px; background-position: 100% -80px; } .basic-next a:hover { background-position: 100% -120px; } /* ********* Misc ********** */ .clearfix:after, .page-catalog #container:after, .page-article #container:after, .page-sidenav #container:after, .article-row:after, .articleRow:after, .legend:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #popup-content { max-width: 800px; max-height: 600px; } #cboxTitle, #cboxCurrent { line-height: 1.3em !important; } #cboxLoadedContent { line-height: 18px; } .cbx-button { border: 0; background: #414141; color: #fff; font: normal 12px/18px Arial, Helvetica, sans-serif; cursor: pointer; } .cbx-button:hover { background: #aa121d; } .mob-only, #user-articles-header, #banners-mob { display: none; } #colorbox, #colorbox *, #at15s, #at15s *, #at20mc, #at20mc *, #at3lb, #at3lb *, #at3win, #at3win *, #at20mc, #at20mc *, #share * { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #sideBanners iframe, #additionalContent iframe, .features iframe, #banners-mob iframe { display: block; overflow: hidden; }