body { background: #e1f0f7 url('/img/layout_noworoczny/bg_home_e1f0f7.jpg') top center no-repeat; font: 12px Arial, Helvetica, sans-serif; height: 101%; min-height: 101% ; padding: 0px 0px 0px 0px; } #content { width: 620px } #footer { clear: both ; text-align: center} #footer p { font-size: 11px ; background: #d9d9d9; border-top: 1px solid #999 ; margin: 8px; padding: 6px } #footer a { text-decoration: underline; margin: 6px } button.submit { cursor: pointer } textarea#description { width: 440px; height: 300px } img.icon { width: 30px; margin: 1px; padding: 1px; border: 1px solid #ccc } ol#cart li { border-bottom: 1px solid #ccc ; list-style: inside url('http://old.zlotemysli.pl/img/pdf.gif') } p.more a { color: #2f78a8; text-decoration: underline } * { margin: 0; padding: 0 } #container { width: 990px; margin: 0px auto; background-color: #fff } #main, #left , #content, #commerce { float: left; margin: 4px; padding: 0px } #cart { float: left; width: 620px } #commerce { border-left: 1px solid #ccc } #left { width: 175px } h1#logo { background: #fff url('/img/layout_upolujprezent/logo.gif') 50% 50% no-repeat } h1.title { margin: 6px ; border-bottom: 1px solid #2f78a8 } h1#logo a span { visibility: hidden } h1#logo a { display: block; width: 175px; height: 92px; text-decoration: none } ol, ul { list-style-position: inside ; background: #fafafa } ul { list-style: none } ul, ol { margin: 1px 0px ; padding: 0px } h1 , h1.title a { color: #2f78a8 } div.item .imageTag img { margin: 0px; padding: 6px; border: 1px solid #ccc } div.item img { margin-top: 6px } div.item { float: left; padding: 4px; margin: 4px 0px ; position: relative } a { color: #444 } div.item p , div.item a { font-size: 12px } .item p { margin: 6px 0px; padding: 0px } div.item p.description { font-size: 11px } p.cena { font-size: 14px ; text-align: right; position: absolute; bottom: 0; right: 4px} p.cena span { color: #de1800; font-weight: bold } #categories li.subcat a { background: #f1f8fd url('http://old.zlotemysli.pl/img/subcat.gif') 10px 8px no-repeat ; padding: 6px ; padding-left: 24px; text-transform : lowercase; font-size: 11px; font-weight: normal } #categories li.subcat { border: none } #categories li.active a { background: #d7e9f5 } #categories li.active { border-bottom: 2px solid #317bab } #categories li.free a { display: block; padding: 10px; margin: 0; background: #fff url('http://old.zlotemysli.pl/img/category_free.gif') 0px 0px repeat-x ; padding-left: 14px} h2 , #categories li a { font: bold 14px Arial, sans-serif; text-transform: uppercase } #categories li a { font-size: 12px } h2 { margin-top: 10px } .item h3 a { color : #317bab; text-decoration: underline } a { text-decoration: none } ul#mainnav { background: #fff url('http://old.zlotemysli.pl/img/outer.gif') 0px 0px repeat-x ; display: block; float: left ; border-bottom: 1px solid #d8d8d8 ; padding: 1px ; margin: 4px ; width: 612px} p#usernav, p#info { text-align: right; margin: 0; padding: 6px ; width: 602px ; float: left ; font-size: 11px } p#usernav a, p#info a { color: #333 } p#info a { text-decoration: underline; font-size: 11px } p#info { background: #f5f5f5 ; margin: 2px 4px } ul#mainnav li { display: block; float: left; background: url('http://old.zlotemysli.pl/img/mlist_bg.gif') 0px 0px repeat-x ; padding: 0px; margin: 0px } ul#mainnav li a { display: block; float: left ; ; background: #fff url('http://old.zlotemysli.pl/img/mlist_i_bg.gif') 0px 8px repeat-x ; border-bottom: 2px solid #ebebeb; padding: 8px 1px; margin-right: 1px ; border-right: 1px solid #fff; width: 118px; text-align: center } ul#mainnav.menu li a { width: 143.4px } ul#mainnav li a { color: #666 } ul#mainnav li a:hover { border-bottom: 2px solid #4b8cb6 } h1 { font-size: 22px } fieldset { margin: 8px; padding: 8px } fieldset legend { color: #3d89bb; font: bold 14px Arial, Helvetica, sans-serif } #addReview textarea , #addReview .tags { width: 500px; padding: 4px ; margin: 8px; background: #fefefe; border: 1px solid #ccc} #addReview textarea { height: 230px } li input#cancel { position: absolute; top:18px; right: 16px; width: 120px; margin: 0; padding: 0 } a.red { text-decoration: underline; color: #de1800 } th.red { color: #c32222 } form input, form p { color: #4a4a4a; margin: 2px; padding: 2px } button , img { background: none; border: none } .books { background: #fff url('http://old.zlotemysli.pl/img/main_c_bg.gif') 0px 0px repeat-x ; border: 1px solid #ccc; float: left; margin: 0; padding: 1px; border-top: none } table td.top { vertical-align: top } #customerData td { vertical-align: top ; padding: 0px 8px ; margin: 0px ; width: 30% } #customerData input { width: 144px } #customerData .middle { border-right: 1px solid #fff; border-left: 1px solid #fff } #customerData input { margin: 2px } #customerData th { text-align: left ; padding: 6px 8px; margin: 0} #tags { padding: 6px } #tags a { padding: 2px 4px; color: #4b9cb6 } a.tag1 { font-size: 10px } a.tag2 { font-size: 12px } a.tag3 { font-size: 14px } a.tag4 { font-size: 18px } a.tag5 { font-size: 22px } p.addToCart, p.addReview { margin: 6px 0px } p.addToCart a { color: darkred ; padding: 4px ; font-weight: bold; padding-left: 18px ; background: url('http://old.zlotemysli.pl/img/cart.gif') 0px 0px no-repeat ; text-decoration: underline } p.addReview a { color: darkgreen ; padding: 4px ; font-weight: bold; padding-left: 18px ; background: url('http://old.zlotemysli.pl/img/star.gif') 0px 0px no-repeat ; text-decoration: underline } table#stat , table#stat td, table#stat th { border: 1px solid #ccc; border-collapse: collapse ; padding: 4px } #left h2 span { visibility: hidden } #left h2 { height: 40px; border-bottom: 2px solid #317bab } #search h2 { height: 38px } #categories { margin: 0; padding: 0 ; list-style: none outside} #categories h2 { background: url('/img/layout_upolujprezent/categories.gif') 0px 0px no-repeat ; margin-top: 2px } /* #categories h2 { background: url('http://old.zlotemysli.pl/img/headings/categories.gif') 0px 0px no-repeat ; margin-top: 2px } */ #categories li { border-bottom: 1.5px solid #317bab; border-top: 1.5px solid #317bab ; padding: 0px; margin: 0 } #categories li a { display: block; padding: 10px; margin: 0; background: #fff url('http://old.zlotemysli.pl/img/category.gif') 0px 0px repeat-x ; padding-left: 14px} #categories li a:hover { background: #d7e9f5 } #search h2 { background: url('/img/layout_upolujprezent/search.gif') 0px 0px no-repeat } /* #search h2 { background: url('http://old.zlotemysli.pl/img/headings/search.gif') 0px 0px no-repeat } */ #bestsellers { list-style: none outside } #bestsellers h2 { background: url('/img/layout_upolujprezent/bestsellers.gif') 0px 0px no-repeat } /* #bestsellers h2 { background: url('http://old.zlotemysli.pl/img/headings/bestsellers.gif') 0px 0px no-repeat } */ #bestsellers li span { background: #fef4cd; padding: 0px 4px ; font-weight: bold; color: #317bab } #bestsellers li a { font-size: 12px ; border-left: 1px solid #ccc; padding: 8px} #bestsellers li { border-bottom: 1px solid #ccc; padding: 8px 0px; background: #fcfcfc } #bestsellers table { border-collapse: collapse ; border: none } #bestsellers td.count { background: #fef4cd; padding: 0px 4px ; font-weight: bold; color: #317bab } #bestsellers td a { font-size: 12px ; padding: 0px} #bestsellers td { border: 1px solid #ccc; padding: 4px; background: #fcfcfc ; border-right: none ; border-left: none } p.order { text-align: right ; margin: 8px ; float: right } p.order a { display: block ; width: 206px; height: 40px } p.order a span { visibility: hidden } p.order a.backToShop { float: left; background: url('http://old.zlotemysli.pl/img/cart/back_to_shop.gif') 0px 0px no-repeat } p.order a.changeOrder { float: left; background: url('http://old.zlotemysli.pl/img/cart/change_order.gif') 0px 0px no-repeat } p.order a.makeOrder { float: right; background: url('http://old.zlotemysli.pl/img/cart/make_order.gif') 0px 0px no-repeat } p.order a.pay { float: right; background: url('http://old.zlotemysli.pl/img/cart/pay.gif') 0px 0px no-repeat } #cart h1.cart { background: #317bab url('http://old.zlotemysli.pl/img/headings/blue_bg.gif') 0px 0px repeat-x; color: #fff; padding: 10px ; font-size: 14px; text-transform: uppercase; padding-left: 0px; margin-left: 16px; height: 17px; margin-bottom: 20px } #cart { background: #fff url('http://old.zlotemysli.pl/img/cart/cart_bg.gif') 0px 0px no-repeat ; margin-top: 4px } #cartProducts th , #cartProducts td { text-align: left; color: #4a4a4a} #cartProducts { border-collapse: collapse ; width: 100%; padding: 2px; margin: 20px 8px } #cartProducts td { color: #317bab; font-weight: bold ; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc } #cartProducts td , #cartProducts th { padding: 2px 0px } #cartProducts th { background: #d6e8f4 ;padding: 6px } #cartProducts td.version { text-align: right ; width: 40px } #cartProducts td.price { text-align: right; width: 80px } div.bord { background: #fcfcfc; border: 1px solid #ccc; margin: 1px 0px; padding: 0 } #maintabs li{ display: inline; margin: 0; padding: 0; } #maintabs li a{ display: block; float: left; width: 141px; height: 42px; margin: 0; background: url('http://old.zlotemysli.pl/img/tab.gif') 0px 0px no-repeat; text-decoration: none; padding: 0px 7px; color: #5e5e5e; padding-top: 12px; font-weight: bold; } #maintabs li a:hover { background: url('http://old.zlotemysli.pl/img/tab_h_ib2.gif') 0px 0px no-repeat; color: #317bab; } #maintabs li.active a , #maintabs li.active a:hover , #maintabs li#tabHeaderActive a , #maintabs li#tabHeaderActive a:hover { /*selected tab effect*/ position: relative; background: url('http://old.zlotemysli.pl/img/tab_a.gif') 0px 0px no-repeat; color: #fff; } #moreBooks { float: right; width: 153px ; height: 500px; margin: 0; padding: 0 ; list-style: none outside } #moreBooks h2 { background: #dcdcdc url('http://old.zlotemysli.pl/img/corner_g.gif') 0px 0px no-repeat ; padding: 8px } #moreBooks li { border: 1px solid #ccc ; border-right: 0; border-top: 0; padding: 4px } #moreBooks h2 , #moreBooks li { margin: 0; font-size: 12px ; text-transform: none ; padding-left: 14px } form fieldset li { color: #666 } form fieldset label.required { background: url('http://old.zlotemysli.pl/img/required.gif') center right no-repeat } form fieldset li label { color: #333 ; padding-right: 1em } form fieldset li.error label { background: url('http://old.zlotemysli.pl/img/error.gif') 102% 50% no-repeat } form fieldset li.error input { border: 1px solid #d80000 } form.new h2 { color: #d80000; font: italic bold 14px "Trebuchet MS" , sans-serif } form.new h2 , form.new p { padding-left: 1em } .lightblue { background: #d7e9f5; font-size: 12px; color: #5e5e5e; font-weight: bold; text-transform: none; padding: 8px } #maintabs { clear: both; float: left; width: 620px; padding: 0px 1px; margin: 0; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ text-indent: 10px; /* border-left: 1px solid #ccc; */ } ul#nexto_products { text-align: center; } ul#nexto_products li { display: inline; } ul#nexto_products li a img { margin: 10px; } #beta_bestseller {position:absolute; top:160px; left:125px; } #beta_recommended {position:absolute; top:-10px; left:130px; } /* div.item { width: 138px; height: 330px; border-right: 1px solid #ccc; padding: 8px } */ div.item { width: 138px; height: 330px; border-right: 1px solid #dfdfdf; padding: 8px } #maintabs li a{ background: url('http://old.zlotemysli.pl/img/tab2.gif') 0px 0px no-repeat; color: #fff; } #maintabs li.active a , #maintabs li.active a:hover , #maintabs li#tabHeaderActive a , #maintabs li#tabHeaderActive a:hover { /*selected tab effect*/ background: url('http://old.zlotemysli.pl/img/tab_a2.gif') 0px 0px no-repeat; color: #5e5e5e; } #maintabs { border-left: 1px solid #ccc; border-right: 1px solid #ccc ; padding: 0} #publication { float: left; width: 610px; border: 1px solid #dcdcdc; padding: 1px; margin: 4px } #item { margin: 1px ; background: #fff url('http://old.zlotemysli.pl/img/item_bg.gif') 0px 0px repeat-x; padding: 0px } #item h1 , #item h2 { margin: 1px 8px ; padding: 0px 4px ; border: none; text-transform: none } #item a.more { float: right ; text-decoration: underline ; padding-left: 10px ; background: url('http://old.zlotemysli.pl/img/dash.gif') 0px 60% no-repeat; cursor: pointer } #item div { border : none } #addToCart { float: right; margin: 0px 10px ; position: relative } #addToCart p { border-top: 1px solid #dcdcdc ; width: 200px ; padding: 16px ; text-align: left ; margin: 0px } #addToCart label { background: url('http://old.zlotemysli.pl/img/version-e.gif') 0px 0px no-repeat; padding: 12px 2px ; padding-left: 34px; margin: 2px 0px; margin-left: 10px } #addToCart p.active { background: #d6e8f4 } #addToCart #version-e { background-image : url('http://old.zlotemysli.pl/img/version-e.gif') } #addToCart #version-p { background-image : url('http://old.zlotemysli.pl/img/version-p.gif') } #addToCart #version-a { background-image : url('http://old.zlotemysli.pl/img/version-a.gif') } #addToCart input { border: none; background: inherit } #addToCart button { background: #fff; border: none; margin: 0; padding: 0; text-align: left } #addToCart button img { border: none; margin: 0; padding: 0 ; width: 138px; height: 24px } div.item { width: 100% ; background: #fff} div.item img.imageTag { margin: 8px; padding: 6px; border: 1px solid #dcdcdc; margin-left: 0px } #item .description { clear: both } #item .description h1, #item .description h2 { text-align: center; margin: 10px ; font-style: italic } #item div#tabContent1 h2 { color: #4a4a4a ; font-size: 14px; margin-top: 40px} #item .description h1 { color: #b80000; font: italic bold 22px "Trebuchet MS" , sans-serif; padding-top: 20px } #item .description p { line-height: 140% ; margin: 6px; font-size:12px; font-family: Arial, Helvetica, Sans-Serif } #pubMenu { background: #fff url('http://old.zlotemysli.pl/img/outer.gif') 0px 0px repeat-x; border-bottom: 2px solid #317bab ; width: 100%; margin: 0px; margin-top: 20px; padding: 0px } #pubMenu li { float: left ; width: 24.8%; background: #fff url('http://old.zlotemysli.pl/img/li_bg.gif') 0px 0px repeat-x; height: 22px ; padding-top: 8px; margin-right: 0px; border-right: 1px solid #fff } #pubMenu li.active , #pubMenu #tabHeaderActive { background: #fff url('http://old.zlotemysli.pl/img/b_desc.gif') 0px 0px no-repeat } #pubMenu li.active a , #pubMenu #tabHeaderActive a { color: #fff } #pubMenu li a { padding-left: 20px; color: #4a4a4a; margin: 8px; font-weight: bold } #publication #maintabs li a { width: 138px } html > body #item div.active { border-top: 2px solid #317bab } #versions { border-collapse: collapse } #versions tr { display: block; margin: 0px; border-top: 1px solid #ccc; padding: 1px ; background: #fff } #versions td { padding: 6px 10px ; vertical-align: middle ; margin: 1px } #versions tr.active td { background: #d6e8f4 } #versions td a { padding: 2px; font: 12px Arial, sans-serif } #versions td span { display: block; font: bold 18px Arial, sans-serif ; color: #317bab} #versions li p input { margin-top: 12px; height: 32px } #short { float : left } #short ul { background: #fff ; padding: 2px; margin: 6px; float: left } #short li { list-style: none } #short li { padding: 6px; font: bold 12px Arial, sans-serif ; color: #3d3d3d ; padding-left: 32px} #short li a { font-weight: normal } #short li#points { padding-left: 4px } #short li#points span { background: url('http://old.zlotemysli.pl/img/points.gif') 0px 0px; color: #2f78a8; padding: 4px } #short li#wysylka { background: url('http://old.zlotemysli.pl/img/wysylka.gif') 4px 50% no-repeat } #short li#polecamy { background: url('http://old.zlotemysli.pl/img/polecamy.gif') 4px 50% no-repeat } #short li#best { background: url('http://old.zlotemysli.pl/img/star.gif') 4px 50% no-repeat } #item div.description {background: #fff url('http://old.zlotemysli.pl/img/item_bg.gif') 0px 0px repeat-x; border-left: 1px solid #fff } #item div.description * { text-indent: 0px } #item div.description p.wciecie { text-indent: 10px } #item div.description p.wciecie:first-letter , #item div.description span.dl { font-weight: bold; font-size: 20px } #item div.description p.indent { text-indent: 10px } #item div.description p.indent:first-letter { font-weight: bold; font-size: 20px } #item div.description .emtext { background: yellow; color: #d80000; font-weight: bold } #item div.description .underline { text-decoration: underline } #item div.description div.reviews p { width: auto; margin-right: 8px } #item div.description p { margin: 20px ; line-height: 160% } #item div.description p.firstletter:first-letter { font-weight: bold; font-size: 18px } #item div.description ul { margin: 10px; padding: 4px 8px ; background: #fff } #item div.description div.reviews *.cite { font-style: italic } #item div.description div.reviews ul { margin: 10px; padding: 4px 8px ; background: inherit } #item div.description div.reviews div.warranty ul { margin-left: 90px } #item div.description ul li { display: list-item; list-style: none outside; background: url('http://old.zlotemysli.pl/img/hand_w.gif') 0px 0px no-repeat; padding: 4px 0px ; margin: 10px 4px; padding-left: 48px ; line-height: 160%} #item div.reviews ul li { display: list-item; list-style: none outside; background: url('http://old.zlotemysli.pl/img/hand_b.gif') 0px 0px no-repeat; padding: 4px 0px ; margin: 10px 4px; padding-left: 48px ; line-height: 160%; font-style: normal } #item h3 { color: #317bab ; font: bold 18px Arial, sans-serif ; margin: 4px 20px } #item div.reviews a { text-decoration: underline; color:#2f78a8 } #item div.reviews { margin: 4px ; padding: 0 ; width: 98% } h4 { font-style: normal } #item div.reviews h3 , #item div.reviews h4 , #item div.reviews ul { padding: 10px 0px; padding-left: 90px ; margin: 8px; width: 500px; } #item div.reviews h3.bonus { background: url('http://old.zlotemysli.pl/img/bonus.gif') 15px 0px no-repeat } #item div.reviews h3.warranty { background: url('http://old.zlotemysli.pl/img/warranty.gif') 0px 0px no-repeat; margin: 1px ; padding-left: 96px; padding-top: 20px; height: 66px } #item div.reviews h3.audio { background: url('http://old.zlotemysli.pl/img/audio.gif') 15px 0px no-repeat } #item div.reviews h3.efragment { background: url('http://old.zlotemysli.pl/img/efragment.gif') 0px 0px no-repeat } #item div.reviews h3.save { background: url('http://old.zlotemysli.pl/img/save.gif') 0px 0px no-repeat } #item div.reviews h3.save span { color: #d80000 } #item div.reviews h3.form { background: url('http://old.zlotemysli.pl/img/form.gif') 0px 0px no-repeat } #item div.reviews li#yes { background: url('http://old.zlotemysli.pl/img/yes.gif') 18px 4px no-repeat } #item div.reviews li#none { background: none ; color: #d80000; font-weight: bold; font-size: 14px } #item div.reviews li#bonus { background: url('http://old.zlotemysli.pl/img/ybonus.gif') 0px 0px no-repeat } #item div.toggle { margin: 0; padding: 0; } #item div.toggle div { width: 580px; margin: 0; padding: 0; background: #eff8fe ; clear: both; position: relative } #item div.toggle div { display: none } #item div.toggle div a { display: inline ; float: none; background: none } #item div.toggle div p { margin: 10px; padding: 4px; margin-left: 90px; background: inherit ; width: 480px } #item div.toggle div table { display: block; margin: 10px; padding: 4px; margin-left: 60px; width: 480px } #item div.toggle div td { vertical-align: top ; font-size: 12px; padding: 10px 0px } #item div.toggle div td.check { width: 24px; text-align: left } #item div.toggle div form { margin: 0; padding: 0; background: inherit } #item div.toggle div label { margin: 0; padding: 0; background: inherit; display: block; float:left; width: 200px } #item div.toggle h3 { position: relative } #item div.toggle h3 a { text-decoration: none; width: 10px } #timer0013 { color:red; margin:0px; font-weight:bold; padding:0px; float:left; font-size:12px; } #item div.reviews { clear: both } #item div.reviews , #tabContent1.description div.reviews { background: #eff8fe url('/img/reviews_bg.gif') 0px 0px repeat-x ; margin-top: 1px ; width: 98%; padding: 0; border-bottom: 1px solid #dcdcdc; border: 1px solid #dcdcdc } #item div.reviews h1 { font: 22px "Trebuchet MS" , sans-serif ; color: #5f98be ; background: url('/img/reviews_header.gif') 0px 0px no-repeat; padding: 20px; margin: 20px; margin-top: 0px } #item div.reviews h1 , #item div.reviews form { padding-left: 80px } div.reviews form p { margin-top: 10px } div.reviews form , div.reviews div, div.reviews p { color: #4a4a4a ; font: 14px Verdana, sans-serif; margin: 8px } div.reviews div { background: #fff; font-style: italic; margin-left: 100px; width: 400px; padding: 1px ; font-size: 12px } div.reviews div p { font-style: normal; margin: 0px; background: #e6f2fa ; padding: 8px ; font-size: 12px } div.reviews div blockquote { padding: 8px; line-height: 140% } textarea { height: 100px ; margin: 8px; width: 400px; padding: 4px }a.open , a.close { position: absolute; top: 0; right: 0 } #item div.reviews a.open , #item div.reviews a.close { position: absolute; top: 4px; right: 4px} #item div.reviews h1.toggle { position: relative; width: 500px } a.open span , a.close span { visibility: hidden } #item div.reviews a { width: 10px } #item div.reviews a.open { background: url('/img/open.gif') 0px 10px no-repeat } #item div.reviews a.close { background: url('/img/close.gif') 0px 10px no-repeat } #item div.reviews p { font-size: 12px } body { background: #fff url('/img/layout_noworoczny/bgs.png') 0px 0px repeat-x; font: 12px Arial, Helvetica, sans-serif; padding: 0px; } #container { margin: 0; padding: 0 ; margin: auto; background-color:transparent} #container #main {margin: auto; padding: 0; background: url('/img/layout_noworoczny/bgtop.jpg') 50% 0px no-repeat; float: none; } #container #main #content { width: 628px; margin: 0 auto; padding: 0; background: url('/img/layout_noworoczny/content.jpg') 50% 0px no-repeat; min-height: 600px; float: none} #container #main #cart { border: none; margin: auto; margin-left: 5px; margin-top: 10px ; width: 620px ; float: left} * html #container #main #cart { border: none; margin: auto; margin-left: 3px; margin-top: 10px ; width: 618px ; float: left} #container #main #content #usernav { color: #000 ; text-align: center; margin-left: -60px } #container #main #content #usernav a { color: #000 } #tabContent1 #formpost { width: 589px } #item div.toggle h3 { width: auto} #publication #item h1.title { padding-top: 20px ; font-size: 18px } #publication #item td h1.title { width: 300px } #publication #item h1.title a { color: #2f78a8; text-decoration: none } #publication #item h1.short { color: #d80000; font: italic bold 20px "Trebuchet MS", sans-serif } #publication #item h2.author a { color: #000 ; text-decoration: none} a { text-decoration: none ; color: #444 } #maintabs { clear: both; float: left; width: 620px; padding: 0px 1px; margin: 0; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ text-indent: 10px; /* border-left: 1px solid #ccc; */ background: url('http://old.zlotemysli.pl/img/tabs_l.gif') 0px 0px repeat-x ; } #maintabs li{ display: inline; margin: 0; padding: 0; } #maintabs li a{ display: block; float: left; width: 141px; height: 42px; margin: 0; background: url('http://old.zlotemysli.pl/img/tab.gif') 0px 0px no-repeat; text-decoration: none; padding: 0px 7px; color: #5e5e5e; padding-top: 12px; font-weight: bold; } #maintabs li a:hover { background: url('http://old.zlotemysli.pl/img/tab_h_ib2.gif') 0px 0px no-repeat; color: #317bab; } #maintabs li.active a , #maintabs li.active a:hover , #maintabs li#tabHeaderActive a , #maintabs li#tabHeaderActive a:hover { /*selected tab effect*/ position: relative; background: url('http://old.zlotemysli.pl/img/tab_a.gif') 0px 0px no-repeat; color: #fff; } form button { border: none; background-color: #fff }