/** * Realmoto * * @author Paweł Przybyś (pawel.przybys@gmail.com), Gosia Kmieć(kmiec.m@gmail.com) * @version 1.00 2009/08/29 */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; } h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; } html, body { height: 100%; } body { font: normal 1em/1.125em "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #bdbdbd; background: #000; } ul, ol { list-style-type: none; } img { border: 0; } table { border-collapse: collapse; } table, td, th { vertical-align: middle; } caption, th, td { text-align: left; font-weight: normal; } *:focus { outline: none; } input[type="submit"]::-moz-focus-inner { border: 0; } a:link, a:focus, a:visited, a:active, a:hover { color: #bdbdbd; text-decoration: none; } /** * Main */ #main { font-size: 0.813em; line-height: 1.154em; } #main .main-wrapper { width: 942px; margin: 0 auto; } #top .main-wrapper { /*background:url("../img/wstazka.png") no-repeat scroll 170px 30px transparent;*/} /** * Account & Cart */ #account-and-cart { height: 29px; background: url(../img/account-and-cart.gif) repeat-x; } #account { float: left; color: #757575; width: 471px; padding: 7px 0; } #account a { color: #0a7dae; border-bottom: 1px dotted #b1b1b1; } #account a:hover { border-bottom-style: solid; } #cart { float: right; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 455px; padding: 7px; } #cart .summary { position: relative; color: #02587d; } #cart .summary strong { padding-left: 24px; background: url(../img/icons/cart.gif) no-repeat; } #cart .summary span { color: #000; } #cart .summary .go { position: absolute; top: 0; right: 0; padding-right: 18px; background: url(../img/icons/down2.gif) 100% 5px no-repeat; cursor: pointer; } #cart .summary .go.selected { background: url(../img/icons/up2.gif) 100% 5px no-repeat;} #cart .summary .go span { color: #0a7dae; border-bottom: 1px dotted #b1b1b1; } #cart .summary .go:hover span { border-bottom-style: solid; } /** * Top */ #top { background: url(../img/top.gif) repeat-x; } #top-wrapper { position: relative; height: 114px; } #top h1 { position: absolute; top: 36px; left: 0; } #top h1 a { display: block; width: 166px; height: 31px; background: url(../img/realmoto.gif) no-repeat; text-indent: -2000em; } #top-search { position: absolute; top: 41px; right: 0; width: 351px; height: 27px; overflow: hidden; } #top-search label { display: none; } #top-search input.text { float: left; font: normal 1em/1.3em "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #8f8f8f; border: 1px solid #a4a4a4; background: url(../img/inputs/text.gif) repeat-x #e2e2e2; width: 266px; padding: 4px 4px 3px; height: 18px; } #top-search input.text:hover { border: 1px solid #8F8F8F; } #top-search input.text:focus { background: #fff; color: #000; border: 1px solid #8F8F8F; } #top-search input.search { float: right; border: 0; width: 69px; height: 27px; max-height: 27px; padding-top: 54px; background: url(../img/inputs/submit-search.gif) no-repeat; cursor: pointer; } #top-nav { position: absolute; top: 82px; left: 0; } #top-nav ul li, #top-nav ul li a { float: left; } #top-nav ul li a { color: #373737; font-size: 1.077em; line-height: 1.143em; padding: 8px 12px; } #top-nav ul li a:hover { background: url(../img/top-nav.gif) repeat-x; color: #fff; } #top-nav ul li.selected { background: url(../img/top-nav.gif) 0 -32px repeat-x; color: #666; } #infoline { position: absolute; right: 0; bottom: 6px; padding-left: 21px; font-size: 1.385em; line-height: 1.111em; background: url(../img/icons/infoline.gif) 0 50% no-repeat; color: #075e83; } /** * Search */ #search { background: url(../img/search.gif) repeat-x; } #basket_p #search{height:17px;} #search-wrapper { position: relative; height: 167px; background: none;} #home_p #search-wrapper { position: relative; height: 268px; background: url(../img/search-wrapper_bg.gif) no-repeat 50% 100%; } #basket_p #search-wrapper {display:none;} #home_p #search-nav { position: absolute; top: 30px; left: 0; z-index: 2; } #search-nav { position: absolute; top: 8px; left: 0; z-index: 2; } #search-nav ul li, #search-nav ul li span { float: left; } #search-nav ul li { border: 3px solid #131313; border-bottom: 0; margin-right: 2px; display: inline; } #search-nav ul li span { font-size: 1.077em; line-height: 1.143em; padding: 10px 20px; cursor: pointer; color: #cbcbcb; border-top: 1px solid #6c6c6c; border-left: 1px solid #515151; border-right: 1px solid #515151; background: url(../img/search-black.gif) repeat-x; } #search-nav ul li span:hover { color: #fff; } #search-nav ul .selected span { color: #ecffad; border-top-color: #206c92; border-left-color: #154d68; border-right-color: #154d68; background: url(../img/search-blue.gif) repeat-x; padding-bottom: 11px; } #questions { position: absolute; top: 16px; right: 12px; } #questions span { display:inline-block; color: #8ed8ec; border-bottom: 1px dotted #5f5f5f; cursor: pointer; } #questions span:hover { border-bottom-style: solid; } #home_p #search .wrapper { display: none; position: absolute; top: 67px; left: 0; z-index: 1; border: 3px solid #131313; } #search .wrapper { display: none; position: absolute; top: 45px; left: 0; z-index: 1; border: 3px solid #131313; } #search .wrapper .inner { border-top: 1px solid #156086; border-left: 1px solid #154d68; border-right: 1px solid #154d68; border-bottom: 1px solid #215467; background: url(../img/search-blue.gif) 0 -37px repeat-x; width: 934px; height: 114px; } #search .selected, #home_p #search .selected { display: block; } #search form div { float: left; padding-top: 30px; padding-left: 26px; width: 168px; } #search label { font-size: 1.077em; line-height: 1.143em; color: #fff; } #search select { display: block; font: normal 1em/1.3em "Trebuchet MS", Tahoma, Helvetica, sans-serif; border: 1px solid #3a6a82; padding: 2px; width: 168px; cursor: pointer; color: #000; background: #eee; margin-top: 4px; } #search select:hover { border-color: #58a4ca; } #search select:focus { border-color: #58a4ca; background: #fff; } #search .submit { float: right; padding-top: 48px; padding-left: 0; padding-right: 42px; width: 69px; height: 27px; overflow: hidden; } #search input.search { float: right; border: 0; width: 69px; height: 27px; max-height: 27px; padding-top: 54px; background: url(../img/inputs/submit-search-blue.gif) no-repeat; cursor: pointer; } #search .popular { background: url(../img/popular.png) repeat-x; border-top: 1px solid #215467; padding: 18px; } #search .popular p, #search .popular ul, #search .popular ul li { display: inline; } #search .popular p, #search .popular ul { font-size: 1.077em; line-height: 1.143em; } #search .popular p { color: #ecffad; } #search .popular li { margin-left: 25px; } #search .popular li a { color: #3fb8d9; border-bottom: 1px dotted #5f5f5f; } #search .popular li a:hover { color: #fff; border-bottom-color: #3fb8d9; } #homepage #search-wrapper { height: 260px; } #homepage #search-nav { top: 24px; } #homepage #questions { top: 32px; } #homepage #search .wrapper { top: 61px; } #homepage #search .wrapper .inner { height: 114px; border-bottom-color: #131313; } #homepage #search form div { padding-top: 32px; } #homepage #search .submit { padding-top: 51px; } #search form div#select_rozmiary{width:189px;} #select_rozmiary select{float:left; width:55px; margin-right:12px;} #select_rozmiary select#opona_felga{margin-right:0;} /** * Middle */ #middle { padding-bottom:30px;background: url(../img/middle.gif) 0 100% repeat-x #fff; } #middle-inner { min-height: 300px;background: url(../img/middle-inner.gif) repeat-x; } #autopromotion { line-height: 0; text-align: center; padding: 12px 0; } #filter, #breadcrumb { padding: 8px 12px; background: url(../img/filter.gif) repeat-x #f1f1f1; color: #359ac5; border-bottom: 1px solid #ccc; border-left: 1px solid #dadada; border-right: 1px solid #dadada; margin-bottom: 12px; font-size: 1.077em; line-height: 1.143em; } #filter strong, #breadcrumb a { color: #666; font-weight: normal; } #filter span, #breadcrumb span { color: #a3a3a3; } #breadcrumb { position: relative; } #breadcrumb a:hover { color: #222; } #breadcrumb .back { position: absolute; top: 8px; right: 12px; background: url(../img/icons/back.gif) 0 3px no-repeat; padding-left: 12px; } #breadcrumb .back span { color: #0a7dae; border-bottom: 1px dotted #b1b1b1; } #breadcrumb .back:hover span { border-bottom-style: solid; } /** * Content */ #content { color: #040404; padding-bottom: 12px; } #content a { color: #040404; } #content h2 { color: #339fcc; font-size: 1.385em; line-height: 1.111em; margin-bottom: 10px; } #content h3 { margin: 5px 0; } #content .header { position: relative; } #content .pagination { text-align: center; font-size: 1.077em; line-height: 1.143em; padding: 0; width: 588px; margin: 0 auto;} #content .pagination.top{ position:relative; top:-27px; } #content .pagination * { margin: 0 2px; } #content .pagination * * { margin: 0; } #content .pagination a { color: #0a7dae; border-bottom: 1px dotted #b1b1b1; } #content .pagination a:hover { border-bottom-style: solid; } #content .pagination .previous { background: url(../img/icons/previous.gif) 0 5px no-repeat; padding-left: 12px; } #content .pagination .next { background: url(../img/icons/next.gif) 100% 5px no-repeat; padding-right: 12px; } #content .pagination .previous, #content .pagination .next { border: 0; } #content .pagination .previous span, #content .pagination .next span { border-bottom: 1px dotted #b1b1b1; } #content .pagination .previous:hover span, #content .pagination .next:hover span { border-bottom-style: solid; } #content .header .pagination { position: absolute; top: 2px; left: 177px; padding: 0; } /** * Products */ #content .products:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #content .products .product { float: left; width: 290px; height: 158px; padding: 12px; background: url(../img/product.gif) no-repeat; } #content .products .product:hover { background-position: 0 -546px; } #content .products .first { background-position: 0 -182px; } #content .products .last { background-position: 0 -364px; } #content .products .product .photo { float: left; width: 110px; padding: 15px; } #content .products .product .about { position: relative; float: right; width: 140px; height: 158px; } #content .products .product .promotion { color: #0b0; font-weight: bold; font-size: 1.077em; margin-bottom: 6px; } #content .products .product h3 { line-height: 1.385em; margin-bottom: 6px; } #content .products .product h3 a:hover { text-decoration: underline; } #content .products .product h3 strong { font-size: 1.077em; } #content .products .product .price { color: #444444; line-height: 1.385em; } #content .products .product .price del { color: #777; } #content .products .product .price strong { color: #0d688b; font-size: 1.308em; } #content .products .product .action { position: absolute; left: 0; bottom: 0; line-height: 0; } #content .products .product .add-to-cart { display: block; width: 99px; height: 29px; background: url(../img/inputs/add-to-cart.gif) no-repeat; text-indent: -1000em; font-size:0; line-height:0;} /** * Products Minified */ #content .products-minified { margin: 0 1px; } #content .products-minified h2 { padding-bottom: 10px; border-bottom: 1px dotted #b2b2b2; } #content .products-minified:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #content .products-minified .product { float: left; width: 231px; height: 110px; padding: 8px 2px; background: url(../img/product-minified.gif) no-repeat; } #content .products-minified .product:hover { background-position: 0 -126px; } #content .products-minified .product .photo { float: left; width: 110px; text-align:center;} #content .products-minified .product .about { position: relative; float: right; width: 112px; height: 110px; } #content .products-minified .product h3 { line-height: 1.385em; margin-bottom: 10px; padding-top: 4px; font-size:0.923em;} #content .products-minified .product h3 a:hover { text-decoration: underline; } #content .products-minified .product h3 strong { font-size: 1.077em; } #content .products-minified .product .price { color: #444444; line-height: 1.385em; } #content .products-minified .product .price del { color: #777; } #content .products-minified .product .price strong { color: #0d688b; font-size: 1.231em; } /** * Product */ #product { padding: 12px 0 12px; } #product:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #product .headline { position: relative; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px dotted #b2b2b2; } #product .headline h2 { float:left; width: 250px; text-align: center; line-height: 0; margin: 0; } #product .headline h3 { padding: 12px; margin-left: 260px; border-left: 1px dotted #b2b2b2; font-size: 1.846em; line-height: 1.167em; color: #075e83; } #product .headline h3 span { color: #359ac5; } #product .photo { float: left; width: 250px; text-align: center; } #product .photo img{max-width:250px;} #product .photo .zoom { background: url(../img/icons/zoom.gif) 0 4px no-repeat; padding-left: 15px; } #product .photo .zoom span { color: #0a7dae; border-bottom: 1px dotted #b1b1b1; } #product .photo .zoom:hover span { border-bottom-style: solid; } #product .detail { float: left; width: 682px; padding-left: 10px; } #product .wrapper:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #product .wrapper .about { float: left; width: 240px; } #product .wrapper .about dl { font-size: 1.077em; line-height: 1.357em; } #product .wrapper .about dl dt, #product .wrapper .about dl dd { border-bottom: 1px dotted #b2b2b2; padding: 4px 0; } #product .wrapper .about dl dt { float: left; width: 156px; } #product .wrapper .about dl dd { float: right; width: 84px; font-weight: bold; } #product .wrapper .about dl dd .summer { background: url(../img/icons/summer.gif) right 0 no-repeat; padding-right: 23px; } #product .wrapper .about dl dd .winter { background: url(../img/icons/winter.gif) right 0 no-repeat; padding-right: 23px; } #product .wrapper .about dl dd .allyear { background: url(../img/icons/allyear.gif) right 0 no-repeat; padding-right: 23px; } #product .wrapper .about dl dt .help { background: url(../img/icons/help.gif) 100% 1px no-repeat; padding-right: 18px; } #product .wrapper .about dl dt .help:hover { color: #444; } #product .wrapper .info { float: left; width: 175px; padding-left: 60px; } #product .wrapper .info4{ float: left; width: 382px; padding-left: 60px; margin-bottom:12px;} #product .wrapper .info .promotion { color: #0b0; font-weight: bold; font-size: 1.231em; margin-bottom: 6px; } #product .wrapper .info .price { color: #444444; line-height: 1.385em; margin-bottom: 12px; } #product .wrapper .info .price del { color: #777; font-size: 1.077em; } #product .wrapper .info .price strong { color: #0d688b; font-size: 1.846em; } #product .wrapper .info .price span { color: #000; font-size: 1.077em; } .availability { margin-top: 12px; } #product .wrapper .info .shipping-cost .check { display: block; width: 184px; height: 30px; background: url(../img/inputs/check-shipping-cost.gif) no-repeat; text-indent: -2000em; } #product .wrapper .info .shipping-cost .check.selected {background-position:0 -30px; } #product .wrapper .info .availability .available { color: #17ad68; } #product .wrapper .action { float: right; width: 156px; } #product .wrapper .action label { color: #444; } #product .wrapper .action input.text, .koszyk_tabela input.text, .wyniki_tabela input.text{ display: block; margin: 2px 0; font: normal 1em/1.3em "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #8f8f8f; border: 1px solid #a4a4a4; background: url(../img/inputs/text.gif) repeat-x #e2e2e2; width: 30px; padding: 4px 4px 3px; height: 18px; } #product .wrapper .action input.text:hover, .koszyk_tabela input.text:hover, .wyniki_tabela input.text:hover { border: 1px solid #8F8F8F; } #product .wrapper .action input.text:focus, .koszyk_tabela input.text:focus, .wyniki_tabela input.text:focus { background: #fff; color: #000; border: 1px solid #8F8F8F; } #product .wrapper .action .submit { padding-top: 24px; width: 156px; height: 30px; overflow: hidden; } #product .wrapper .action input.add-to-cart { float: right; border: 0; width: 156px; height: 30px; max-height: 30px; padding-top: 60px; background: url(../img/inputs/add-to-cart-blue.gif) no-repeat; cursor: pointer; } #product .nav { padding-top: 24px; } .ui-tabs-nav { border: 1px solid #e0e0e0; border-bottom: 2px solid #c0c0c0; background: url(../img/nav.gif) repeat-x; height: 34px; } .ui-tabs-nav li, .ui-tabs-nav a { float: left; } .ui-tabs-nav li { padding-left: 18px; padding-top: 6px; } #content .ui-tabs-nav a { _position:relative; _top:2px; border: 1px solid #e0e0e0; border-bottom: 2px solid #c0c0c0; padding: 6px 18px 5px; color: #339fcc; font-size: 1.077em; line-height: 1.143em; background: url(../img/nav-item.gif) repeat-x; font-weight: bold; } .ui-tabs-nav a { cursor: pointer; } .ui-tabs-nav li a:hover { background: #fff; } #content .ui-tabs-nav li.ui-tabs-selected a{ border-bottom-color: #fff; background: #fff; } #product .container { padding-top: 12px; } #product .container .overall-rating { font-size: 1.077em; line-height: 1.143em; margin-bottom: 12px; height: 16px; } #product .container .overall-rating * { float: left; margin-right: 5px; display: inline; } #product .container .overall-rating em { margin-right: 10px; width: 96px; height: 16px; background-image: url(../img/overall-rating.gif); background-repeat: no-repeat; text-indent: -2000em; } #product .container .overall-rating .rating0 { background-position: 0 -160px; } #product .container .overall-rating .rating05 { background-position: 0 -144px; } #product .container .overall-rating .rating1 { background-position: 0 -128px; } #product .container .overall-rating .rating15 { background-position: 0 -112px; } #product .container .overall-rating .rating2 { background-position: 0 -96px; } #product .container .overall-rating .rating25 { background-position: 0 -80px; } #product .container .overall-rating .rating3 { background-position: 0 -64px; } #product .container .overall-rating .rating35 { background-position: 0 -48px; } #product .container .overall-rating .rating4 { background-position: 0 -32px; } #product .container .overall-rating .rating45 { background-position: 0 -16px; } #product .container .overall-rating .rating5 { background-position: 0 0; } #product .container .feedback { padding: 12px 0; margin-bottom: 12px; border-bottom: 1px dotted #b2b2b2; } #product .container .feedback:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #product .container .avatar { float: left; width: 60px; } #product .container .detail { float: left; padding-left: 24px; width: 598px; } #product .container .feedback .header { position: relative; } #product .container .feedback .author { color: #a8a8a8; font-size: 1.077em; line-height: 1.143em; margin-bottom: 8px; } #product .container .feedback .author span { color: #000; } #product .container .feedback .rating { margin-bottom: 8px; height: 15px; } #product .container .feedback .rating * { float: left; margin-right: 8px; display: inline; } #product .container .feedback .rating em { margin-right: 16px; margin-top: 4px; width: 53px; height: 9px; background-image: url(../img/rating.gif); background-repeat: no-repeat; text-indent: -2000em; } #product .container .feedback .rating .rating0 { background-position: 0 -54px; } #product .container .feedback .rating .rating1 { background-position: 0 -45px; } #product .container .feedback .rating .rating2 { background-position: 0 -36px; } #product .container .feedback .rating .rating3 { background-position: 0 -27px; } #product .container .feedback .rating .rating4 { background-position: 0 -18px; } #product .container .feedback .rating .rating5 { background-position: 0 -9px; } #product .container .feedback .date { position: absolute; top: 0; right: 0; color: #626262; font-size: 0.923em; } #product .container .feedback .opinion { color: #444; line-height: 1.385em; } /** * Bottom */ #bottom { clear:both; background: url(../img/bottom.gif) repeat-x; font-size: 1.077em; line-height: 1.357em; height: 232px; } #bottom h6 { color: #8cd3f0; font-size: 1.286em; line-height: 1.111em; padding: 14px 0 6px; } #bottom a { color: #bdbdbd; border-bottom: 1px dotted #5f5f5f; } #bottom a:hover { color: #fff; border-bottom-color: #3fb8d9; } #help { float: left; width: 324px; } #help p { padding: 4px 0; } #help p a { color: #3fb8d9; } #bottom ul li { padding: 4px 0; } #most-popular { float: left; width: 324px; } #most-popular a span { color: #939393; } #most-popular a:hover span { color: #fff; } #contact-us { float: right; width: 266px; } #contact-us h6, #contact-us address { padding-left: 28px; } #contact-us p { color: #939393; line-height: 1.429em; padding: 4px 28px 8px; } #contact-us p a { border: 0; } #contact-us .phone { background: url(../img/icons/phone.gif) 0 4px no-repeat; } #contact-us .phone span { color: #bdbdbd; } #contact-us .email { background: url(../img/icons/email.gif) 0 4px no-repeat; } #contact-us .skype { background: url(../img/icons/skype.gif) 0 4px no-repeat; } #contact-us address { font-style: normal; line-height: 1.857em; } #fragment-1, #fragment-2 {color:#545454; line-height: 1.5em;} /** * Tabs */ @media projection, screen { .ui-tabs-hide { display: none; } } @media print { .ui-tabs-nav { display: none; } } .ui-tabs-nav:after { display: block; clear: both; content: " "; } *>.ui-tabs-nav a span { width: auto; height: auto; } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-loading em { padding: 0 0 0 20px; background: url(../img/loading.gif) no-repeat 0 50%; } * html .ui-tabs-nav { display: inline-block; } *:first-child+html .ui-tabs-nav { display: inline-block; } /** * Lista opon */ #breadcrumb.sort {margin-bottom:40px;} #breadcrumb.sort span {color:#676767;} #breadcrumb.sort a {color: #339fcc; margin-left:10px;} #breadcrumb.sort a.up {background: url(../img/icons/up.gif) no-repeat 100% 50%; padding-right:14px;} #breadcrumb.sort a.down {background: url(../img/icons/down.gif) no-repeat 100% 50%; padding-right:14px;} #breadcrumb.sort a span{border-bottom: 1px dotted #b2b2b2; } #breadcrumb.sort a:hover span {border-bottom: 1px solid #b2b2b2;} /** * Pomoc - akordeon */ .dt{ border: 1px solid #d4d4d4; background: url(../img/akordeon_bg.gif) repeat-x 0 0; padding: 0 20px 0 0; cursor:pointer; } .dd{ border: 1px solid #d4d4d4; border-top:none; padding: 20px 50px; } .dt span{ background: url(../img/icons/akordeon_down.gif) no-repeat 0 50%; padding: 4px 0 4px 50px; color:#232323; display:block; } .dt.selected span{ background: url(../img/icons/akordeon_up.gif) no-repeat 0 50%; } .dt:hover span{ background: url(../img/icons/akordeon_arr_hover.gif) no-repeat 0 50%; } .dt:hover{ background: url(../img/icons/akordeon_hover.gif) repeat-x 0 0; } /** * Artykuly */ #content.art{ color:#474747; font-size:1.154em; line-height: 1.5em; padding-top:20px; } #fragment-1 a,#fragment-2 a, #content.art a { color: #0a7dae; border-bottom: 1px dotted #b1b1b1; } #fragment-1 a:hover,#fragment-2 a:hover,#content.art a:hover { border-bottom-style: solid; } .art h2{border-bottom: 1px dotted #b1b1b1;} #fragment-1 ul,#fragment-2 ul,#content.art ul{ list-style-type:circle; margin:20px 30px; } #fragment-1 p,#fragment-2 p,#content.art p{margin:10px 0;} #fragment-1 ol,#fragment-2 ol, #content.art ol{ list-style-type:decimal; margin:20px 30px; } /*koszyk*/ #etap1 li, #etap2 li, #etap3 li{text-indent:-1000em;} #etap1, #etap2, #etap3 {background: url(../img/etap1.gif) no-repeat 0 0; width: 981px; height:34px; margin:28px 0;} #etap2{background: url(../img/etap2.gif) no-repeat 0 0;} #etap3{background: url(../img/etap3.gif) no-repeat 0 0;} .koszyk_tabela {border-collapse:collapse; width:100%; font-size:1.077em; color:#000;} .koszyk_tabela th{ border-top:1px solid #e0e0e0; border-bottom:1px solid #c0c0c0; color:#339fcc; font-weight:bold; padding:10px 5px 11px 5px; background: #eeeeee url(../img/th_bg.gif) repeat-x 0 100%; } .koszyk_tabela th.first{ border-left:1px solid #e0e0e0; } .koszyk_tabela th.last{ border-right:1px solid #e0e0e0; } .koszyk_tabela td{ border-bottom:1px dotted #b1b1b1; padding:15px 5px 15px 5px; } .koszyk_tabela td.total{text-align:right; padding-right:60px; border-bottom:none;} .koszyk_tabela td.total span{ font-weight:bold; font-size:1.429em; color:#0d688b; } .koszyk_nav a, .koszyk_tabela a{ color: #0a7dae; border-bottom: 1px dotted #b1b1b1; } .koszyk_nav a:hover, .koszyk_tabela a:hover { border-bottom-style: solid; } .koszyk_nav a.dalej, input.dalej{ width:222px; height:30px; display:block; background: url(../img/dalej.gif) no-repeat 0 0; text-indent:-1000em; float:right; border:none; cursor:pointer; padding-top:30px; } .koszyk_nav a.dalej:hover{border:none;} .koszyk_nav .wstecz{ width:140px; height:30px; display:block; background: url(../img/wstecz.gif) no-repeat 0 0; text-indent:-1000em; float:left; border:none; } .koszyk_nav .wstecz:hover{border:none;} .zamow{ width:156px; height:30px; display:block; background: url(../img/zamow.gif) no-repeat 0 0; text-indent:-1000em; float:right; border:none; cursor:pointer; } .koszyk_tabela a.delete{ width:22px; height:22px; display:block; background: url(../img/icons/delete.gif) no-repeat 0 0; text-indent:-1000em; border:none; } .koszyk_tabela a.delete:hover { border:none;} .koszyk_tabela input.text{color:#000;} .koszyk_nav{margin:35px 0 35px 0; font-size:1.077em;float:left; width:100%;} .info2 {color:#757575;margin-bottom:5px;} #platnosc{ padding: 30px 60px; background: #efefef; width: 822px; margin-bottom:10px; } #legend{ color: #0d688b; font-weight:bold; font-size:1.077em; margin-right:20px; } #platnosc label{color:#000; font-size:1.154em;margin:0 15px;} .info3{line-height: 1.7em; color:#000; float:right; display:inline;} .info3 span{ color:#0d688b; font-size:1.692em; font-weight:bold; } .zamowienie h3{ color:#0d688b; font-weight:bold; font-size:1.385em; margin:20px 0; } #zamowienie_form label, #form_faktura label{color:#444444;} #zamowienie_form input, #form_faktura input{ display: block; margin: 2px 0; font: normal 1em/1.3em "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #8f8f8f; border: 1px solid #a4a4a4; background: url(../img/inputs/text.gif) repeat-x #e2e2e2; width: 450px; padding: 4px 4px 3px; height: 18px; } #zamowienie_form input:hover, #form_faktura input:hover { border: 1px solid #8F8F8F; } #zamowienie_form input:focus, #form_faktura input:focus { background: #fff; color: #000; border: 1px solid #8F8F8F; } #zamowienie_form div, #form_faktura div{clear:both;margin-bottom:15px;} #zamowienie_form .item, #form_faktura .item{float:left; clear:none;} #zamowienie_form .item.left, #form_faktura .item.left{margin-right:22px;} #zamowienie_form textarea, #form_faktura textarea{display:block; font: normal 1em/1.3em "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #8f8f8f; border: 1px solid #a4a4a4; background: url(../img/inputs/text.gif) repeat-x #e2e2e2; width: 450px; padding: 4px 4px 3px; height: 100px;} #zamowienie_form textarea:hover, #form_faktura textarea:hover { border: 1px solid #8F8F8F; } #zamowienie_form textarea:focus, #form_faktura textarea:focus { background: #fff; color: #000; border: 1px solid #8F8F8F; } #zamowienie_form #faktura{ width:auto;display:inline;height:auto;position:relative; top:2px;} #zamowienie_form .dane_f span, .regulamin span{color: #0a7dae; border-bottom: 1px dotted #b1b1b1;} #zamowienie_form .dane_f span:hover, .regulamin span:hover { border-bottom-style: solid; } #zamowienie_form .dane_f label{background: url(../img/icons/down.gif) no-repeat 100% 50%; padding-right:20px;} #zamowienie_form .dane_f label.checked{background: url(../img/icons/up.gif) no-repeat 100% 50%;} .regulamin input{margin:0;} .regulamin{clear:both;} .dane_box{width:50%; float:left;} .item3 label{float:left; width:220px; color:#444444;} .item3 span{float:left; color:#000; font-weight:bold; font-size:1.154em;} .item3{clear:both; width:370px;border-bottom:1px dotted #b1b1b1; padding:15px 0 5px 0;float:left;} .item3 label.forma{font-size:1.077em; font-weight:bold; color:#0d688b;} #przelicz{ width:113px; height:30px; max_height:30px; display:inline-block; margin-right:20px; background: url(../img/przelicz.gif) no-repeat 0 0; padding-top:27px; border:none; vertical-align:middle; } /*----------------*/ #form_paczka input.text{ display: block; margin: 2px 0; font: normal 1em/1.3em "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #8f8f8f; border: 1px solid #a4a4a4; background: url(../img/inputs/text.gif) repeat-x #e2e2e2; width: 220px; padding: 4px 4px 3px; height: 18px; float:left; margin-right:10px;} #form_paczka input.text:hover, #form_paczka input.text:hover { border: 1px solid #8F8F8F; } #form_paczka input.text:focus, #form_paczka input.text:focus { background: #fff; color: #000; border: 1px solid #8F8F8F; } #form_paczka input.submit{ background:transparent url(../img/inputs/submit-search-blue.gif) no-repeat scroll 0 0; border:0 none; cursor:pointer; height:27px; max-height:27px; padding-top:54px; width:69px; float:left; margin-top:2px; } /*--------wyniki-----------*/ .wyniki_tabela {border-collapse:collapse; width:100%; font-size:1.077em; line-height:1.5em;color:#000;} .wyniki_tabela th{ border-bottom:2px solid #cccccc; font-weight:normal; padding:10px 5px 11px 5px; } .wyniki_tabela td{ border-bottom:1px dotted #b1b1b1; padding:15px 5px 15px 5px; } .wyniki_tabela td.first{width:110px;padding-right:20px;} .wyniki_tabela td.op_nazwa{} .wyniki_tabela td.op_rozmiar{width:120px;} .wyniki_tabela td.op_sezon{width:60px;} .wyniki_tabela td.op_rodzaj{width:60px;} .wyniki_tabela td.op_cena{width:70px;} .wyniki_tabela td.op_ilosc{width:50px;} .wyniki_tabela td.last{width:100px;} .wyniki {padding-top:20px;} #content .wyniki_tabela a, #koszty a, #koszyk_box td a { color: #0a7dae; border-bottom: 1px dotted #b1b1b1; } #content .wyniki_tabela a:hover, #koszty a:hover, #koszyk_box td a:hover { border-bottom-style: solid; } .wyniki_tabela .add-to-cart { border:none; cursor:pointer; display: block; width: 99px; height: 29px; background: url(../img/inputs/add-to-cart.gif) no-repeat; padding-top:29px;} #breadcrumb.wyniki2 {background:none; border:none;} #breadcrumb.wyniki1 {color:#a3a3a3;} #content .pagination.top.wyniki2 { float:right; text-align:right; top:-65px; } /*-----------------------------------*/ #koszty{ background:#ededed; border:1px solid #cccccc; border-top:0; padding:8px; width: 166px; } #koszty th{color:#6c6c6c;font-size:0.923em;border-bottom:1px dotted #c9c9c9;padding:5px;} #koszty td{color:#545454;border-bottom:1px dotted #c9c9c9; padding:5px;} #koszty table{margin-bottom:10px;} /*-------------------------------------*/ #przejdz_do_koszyka{ background:transparent url(../img/inputs/przejdz_do_koszyka.gif) no-repeat scroll 0 0; display:block; width:149px; height:29px; text-indent:-1000em; float:right; } #cart{position:relative; z-index:300;} #koszyk_box{ border:1px solid #d6d6d6; background: #fff; color:#000000; padding:20px; position:absolute; right:-1px; top:29px; width:429px; display:none; } #koszyk_box th{color:#b1b1b1;border-bottom:1px dotted #b1b1b1; padding: 5px 0 ;} #koszyk_box td{color:#454545;padding:20px 0; } #koszyk_box td.total{color:#0a7dae;text-align:right;padding-right:35px;} #koszyk_box td.total span{color:#000; font-weight:bold;} #koszyk_box table{width:100%;margin: 10px 0;} .photo.wizytowka, #content .products .product{position:relative;} .promo{position:absolute; top:0; left:0; z-index:10; display:block;background:transparent url(../img/promocja.png) no-repeat scroll 0 0; text-indent:-1000em;width:77px; height:77px; } .promo2{position:relative; top:-70px; left:-5px; background:transparent url(../img/promo2.png) no-repeat scroll 0 0;display:block; width:64px; height:21px; text-indent:-1000em;margin-bottom:-21px;} .tr_promo td{border-top:1px solid #339fcc; border-bottom:1px solid #339fcc;} .tr_promo .first{position:relative; border-left:4px solid #339fcc;} .tr_promo .last{border-right:1px solid #339fcc;} #content.sub {padding-top:40px;} textarea{overflow:auto;} #contact_form input.text{ display: block; margin: 2px 0; font: normal 0.88em "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #8f8f8f; border: 1px solid #a4a4a4; background: url(../img/inputs/text.gif) repeat-x #e2e2e2; width: 450px; padding: 4px 4px 3px; height: 18px; } #contact_form input.text:hover { border: 1px solid #8F8F8F; } #contact_form input.text:focus { background: #fff; color: #000; border: 1px solid #8F8F8F; } #contact_form textarea{display:block; font: normal 1em/1.3em "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #8f8f8f; border: 1px solid #a4a4a4; background: url(../img/inputs/text.gif) repeat-x #e2e2e2; width: 450px; padding: 4px 4px 3px; height: 100px;} #contact_form textarea:hover { border: 1px solid #8F8F8F; } #contact_form textarea:focus { background: #fff; color: #000; border: 1px solid #8F8F8F; } #submit_contact, #reklamacje-bt { border: 0; width: 65px; height: 30px; max-height: 30px; padding-top: 30px; background: url(../img/inputs/wyslij.gif) no-repeat; cursor: pointer; } #logotypes{width:100%; float:left; clear:both; margin:20px 0 40px 0;} #logotypes img{margin-right:20px;} #logotypes a, #logotypes a:hover{border:none;} .tip{ display: block; float: right; left: -160px; position: relative; top: -100px; width: 300px; } #koszty_link{ background:transparent url(../img/koszty.png) no-repeat scroll 0 0; display:block; width:159px; height:29px; text-indent:-1000em; } .zagiel-rata{ background:transparent url(../img/zagiel.png) no-repeat scroll 0 0; display:inline-block; width:151px; height:35px; text-indent:-1000em; text-align:left; border-bottom:none !important; } .zagiel-rata:hover{border-bottom:none !important;} #zagiel-bt{ background:transparent url(../img/wniosek-zagiel.png) no-repeat scroll 0 0; display:inline-block; width:304px; height:30px; text-indent:-1000em; border:none; padding:0; cursor:pointer; } .stan1, .stan2, .stan3, .stan4, .stan5{ display:inline-block; width: 34px; height: 35px; text-indent:-1000em; float:left; } td .stan1, td .stan2, td .stan3, td .stan4, td .stan5{display:block; margin:0 auto; float:none;} .stan1 {background: url(../img/stan1.png) 0 0 no-repeat;} .stan2 {background: url(../img/stan2.png) 0 0 no-repeat;} .stan3 {background: url(../img/stan3.png) 0 0 no-repeat;} .stan4 {background: url(../img/stan4.png) 0 0 no-repeat;} .stan5 {background: url(../img/stan5.png) 0 0 no-repeat;} .info4 .min {font-size: 11px; color:#777777; display:block;} .info4-wrap{float:left;width:226px;} #tooltip { position: absolute; z-index: 3000; padding: 5px; background: #EEEEEE; border: 1px solid #C0C0C0; color: #000; font-size: 12px; line-height: 18px; padding: 5px; max-width: 200px; } .help {cursor:help;} .info-stan1 { background: url("../img/strzalka.png") no-repeat scroll 225px 12px #F9EBB1; border: 1px solid #F2E097; color: #000000; float: left; font-size: 12px; line-height: 18px; margin-top: 5px; padding: 5px 60px 5px 5px; width: 200px; }