/* Author: Leszek Krolikowski - http://lymorn.com/ Project: Olibas For: Szymaszkiewicz Informatics - http:/szymaszkiewicz.com/ */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} /* ---------- GLOBAL ----------- */ body {background: #fff; font: 12px Arial, Helvativa,"Trebuchet MS", Trebuchet, Tahoma, Verdana, Geneva, sans-serif; color: #737373;} h2, h3 ,h4 ,h5, h6 {color: #D23A3A; font-weight: bold;} h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, h2 a, h3 a, h4 a, h5 a, h6 a {color: #D23A3A; border-bottom: none;} h2, h6 {font-size: 1.4545em; line-height: 13px; padding: 0 0 1.625em;} h3 {font-size: 1.2727em; line-height: 1.2857em; padding: 0 0 1.2857em;} h4 {font-size: 1.1818em; line-height: 1.3846em; padding: 1.3846em 0;} h5 {font-size: 1.0909em; line-height: 1.5em; padding: 1.5em 0;} p {line-height: 1.6363em; padding: 0 0 1.6363em;} a {color: ; text-decoration: none;} a:focus, a:hover {} a.more {border-bottom: 0.0833em solid #50757D;} a.more:hover, a.more:focus {border: none;} img {border: 1px solid #9B9A99;} img.alignleft {margin: 0.2857em 1.5em 0.5em 0;} img.alignright {margin: 0.2857em 0 0.5em 1.5em;} img.aligncenter {clear: both; margin: 0 auto;} .alignleft {float: left !important; clear: left;} .alignright {float: right !important; clear: right;} .aligncenter {float: none; margin: auto;} ul, li {list-style: none;} .align-left {text-align: left !important;} .align-right {text-align: right !important;} .align-center {text-align: center !important;} .important {font-weight: bold !important; color: #e00000 !important;} .larger {font-size: 1.2857em; line-height: 1.1666em;} hr {width: 90%; margin: 0 auto;} /* ---------- MAIN BLOCKS ---------- */ #whole {background: url("../gfx/bg_whole.jpg") no-repeat 50% 0;} #top_area {clear: both; width: 999px; margin: 0 auto;} #middle_area {clear: both; width: 999px; margin: 0 auto; overflow: hidden; height: 100%;} #bottom_area {clear: both; width: 999px; margin: 0 auto; padding: 1.6363em 0 3.2727em; background: url("../gfx/bg_bottom.jpg") no-repeat 50% 0; overflow: hidden; height: 100%;} #bottom_area img {border: 0px solid white;} /* ---------- TOP AREA ---------- */ #header {} #header h1 {padding: 11px 0 3px; margin: 0 0 0 -3px;} #header a {display: block; width: 250px; height: 90px;} #header a span {display: none;} /*#main-navigation {height: 40px; padding: 6px 0 38px; background: url("../gfx/bg_nav.jpg") no-repeat 50% 0;}*/ #main-navigation {height: 40px; padding: 6px 0 38px;} #main-navigation ul {padding: 0 0 0 263px; overflow: hidden; height: 100%:} #main-navigation li {display: inline;} #main-navigation a {display: block; float: left; width: 97px; height: 34px; margin: 0 1px 0 0; line-height: 34px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; background: #8F8E8D url("../gfx/bg_mainnav_li.gif") no-repeat 0 0; overflow: hidden;} #main-navigation a span {} #main-navigation .current a, #main-navigation a:focus, #main-navigation a:hover {background: #D14C4C url("../gfx/bg_mainnav_li.gif") no-repeat 0 -34px;} /* ---------- MAINPAGE ----------- */ #content {width: 699px; min-height: 350px; float: right; padding: 0.6363em 40px 1.6363em 20px;} #content img {vertical-align: bottom;} #content .noborder {border: none;} #content ul, #content ol {margin: 0 0 1.5em;} #content li {margin-left: 2em; line-height: 1.6363em;} #content ol li {list-style: decimal;} #content ul li {list-style: square;} #content ul.gallery li {list-style: none; margin: 0 13px 13px 0;} ul.gallery {padding: 0; margin: 0 -13px 1.6363em 0; text-align: left; overflow: hidden;} ul.gallery li {display: -moz-inline-stack; display: inline-block; list-style: none; margin: 0 13px 13px 0; padding: 0; background: none; text-align: center; vertical-align: top; zoom: 1; *display: inline;} ul.gallery div {margin: 0 -0.2727em 0 0;} ul.gallery a {display: block;} ul.gallery a:focus, ul.gallery a:hover {border-bottom: none;} #content ul.item-list li {display: block; margin: 0; padding: 4px 0; list-style: none; border-top: 1px dotted #000;} ul.item-list div {padding: 6px 6px 6px 149px; position: relative;} ul.item-list .lighter div {background: #f8f8f8;} ul.item-list div:hover {background: #E8E8E8;} ul.item-list .lighter div:hover {background: #E8E8E8;} ul.item-list .description {clear: both;} ul.item-list .feature {width: 140px; float: left; margin: 0 22px 0 0; font-weight: bold; color: #DE4054;} ul.item-list .feature strong {color: #737373;} ul.item-list .price {float: right; text-align: right; margin: -35px 0 0 0;} ul.item-list .price strong {color: #000;} ul.item-list .image {position: absolute; top: 6px; left: 6px;} ul.item-list p {margin: -15px 0 0 0; height: 50px;} #sidebar-bg {width: 240px; float: left; background: #9B9A99 url("../gfx/bg_sidebar_lb.gif") no-repeat 0 100%; margin-bottom: 0px; padding-left: 0px;} #sidebar {background: url("../gfx/bg_sidebar_rt.gif") no-repeat 100% 0;} #sidebar ul {margin: 1em 0;} #sidebar li {padding: 0 0 0 13px; list-style: none; line-height: 1.6363em;} #sidebar a {padding: 0 0 0 13px; line-height: 1me; background: url("../gfx/bg_nav_li.gif") no-repeat 0 0.4545em;} #sidebar a:focus, #sidebar a:hover {background-position: 2px 0.4545em;} /*#sidebar .current {background: url("../gfx/bg_sidebar_r.gif") no-repeat 100% 0;}*/ #sidebar .current .current {background: none;} #sidebar .current .current a span {border-bottom: 1px solid #fff;} #sidebar .current .current .current a span {border-bottom: 1px solid #fff;} #sidebar .current .current li a span {border-bottom: none;} #sidebar a {color: #fff; font-weight: bold;} .box {margin: 0px 0 0 0; padding: 20px 0 20px 0;} #sidebar2-bg {width: 240px; float: left; margin-bottom: 0px; padding-left: 0px; position: static;} #sidebar2 {} .box2 {margin: 0px 0 0 0; padding: 20px 0 20px 0;} .box2 img {border: 0px solid white;} #qsearch p {padding: 0 30px} #qsearch label {display: block; padding: 23px 0 0 37px; background: url("../gfx/bg_search.jpg") no-repeat 0 100%; font-size: 1.0909em; font-weight: bold; text-transform: uppercase; color: #fff;} #qsearch input.text {width: 152px; vertical-align: middle; border: 1px solid #7B7B7B; font-size: 1em; padding: 0.1818em; color: #737373;} #qsearch input.submit {width: 15px; background: url("../gfx/bg_search_submit.gif") no-repeat 3px 50%; border: none; vertical-align: middle;} #under_menu img {border: 0px solid #ffffff;} /* ---------- BOTTOM AREA --------- */ #footer {} #footer p {padding: 0; text-align: center; color: #9B9A99;} #footer p.copyrights {} #footer p.lymorn {display: none;} #footer a {color: #9B9A99;} #bottom_area ul.gallery {margin: 5px 0; padding: 11px 0 0; text-align: center;} .gallery ul {width: 100%; clear: both; overflow: hidden; margin: 25px -14px 6px 10px; border: 0px solid;} .gallery li {list-style: none; display: block; width: 200px; height: 120px; float: left; padding-bottom: 16px;} .gallery a {display: block; width: 200px; height: 120px; float: left; margin: 0 0 0px; 0; border: 2px solid #cccccc;} .gallery a:hover {} .gallery img {width: 200px; height: 120px;} /* ---------- IMAGE ZOOM ---------- */ #image_zoom {position: absolute; top: 20px; left: 0; z-index: 100; width: 100%; height: 100%; display: table;} #image_zoom_bg {position: fixed; top: 0; left: 0; z-index: 90; float: left; width: 100%; height: 100%; background: #000; filter: alpha(opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;} #iz_window {display: table-cell; vertical-align: middle; text-align: center;} #iz_inner {width: 98%; margin: 1em auto;} /* ---------- FILTER BOX ---------- */ #filter_box {width: 680px; padding: 0px 0px 10px 20px; margin-bottom: 10px; font-weight: bold; text-align: right;} #filter_box a {color: #9B9A99;} #filter_box a:hover {color: #D23A3A;} #filter_box a.current {color: #D23A3A;} #paginer {padding-top: 7px; padding-right: 20px; text-align: right; margin-bottom: 10px; font-size: 11px; color: #888888;} #paginer a {font-size: 12px; color: #888888; padding: 4px 5px 4px 5px;} #paginer a.current {font-size: 12px; color: #ffffff; background: url('../gfx/paginer_redbox.png') no-repeat; padding: 3px 7px 5px 7px;}