html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, a, img, strong, b, u, i, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 10px; vertical-align: baseline; color: #666; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;} 
input {font-family: Verdana,sans-serif;}
body { background: #fff url(https://media.skylark.com.pl/img/body_background.png) repeat-x; width: 100%; font-family: Verdana,sans-serif; color: #666; padding: 0 0 10px 0;}
a {text-decoration: none;}

.invisible {display:none; visibility: hidden;}

#admin {background-color: #000; color: #fff; padding: 3px 12px;}
#admin a {color: #fff; font-weight: bold;}

/* Klasy Pomocnicze */
.clear {height: 1px; width: 1px; line-height: 1px; clear: both;}
.oh {overflow: hidden;}
.cl {clear: both;}
.fl {float: left;}
.fr {float: right !important;}
.hr {height: 3px; clear: both;  background: transparent url(https://media.skylark.com.pl/hr.gif) repeat-x fixed center left; margin: 3px 0px;}
.ac {text-align: center;}
.ar {text-align: right;}
.al {text-align: left;}
.fs12 {font-size: 1.2em;}
.ol {text-decoration: line-through;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.p10 {padding: 10px;}
.p5 {padding: 5px;}
.plr10 {padding: 0 10px;}
.cur-def {cursor: default;}
.bb-grey {border-bottom: 2px solid #E6E5E4;}
.bb-green {border-bottom: 2px solid #95ca00;}
.bb-red {border-bottom: 2px solid #da1900;}
.bb-blue {border-bottom: 2px solid #00a8d9;}
.w33 {width: 33%;}


.color_djshop {color: #da1900;}
.color_vinyl_cd {color: #00a8d9;}
.color_mp3 {color: #95ca00;}

.gradient_bg_520 {background: url(https://media.skylark.com.pl/img/tla-pudelka.jpg) no-repeat 0 -285px;}
.gradient_bg_700 {background: url(https://media.skylark.com.pl/img/tla-pudelka.jpg) no-repeat 0 -285px;}

.play_track_link {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -100px -124px; display: block; width: 19px; height: 19px;}
.add_track_link {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -122px -124px; display: block; width: 19px; height: 19px;}
.sms_track {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -144px -124px; display: block; width: 19px; height: 19px; cursor: help;}

h1.nice {color: #c9c9c9; width: 510px; line-height: 27px; padding-left: 10px; height: 28px; background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -420px;}
h1.wide {color: #c9c9c9; width: 699px; line-height: 27px; padding-left: 10px; height: 28px; background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -769px -166px;}
h2.nice {color: #c9c9c9; width: 510px; line-height: 27px; padding-left: 10px; height: 28px; background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -420px;}

#flashcall_container {margin: 10px 0 0 28px;}

#producer_info {background-color: #363637; padding: 10px 10px 5px 10px; color: #fff; line-height: 1.2em;}
#producer_info a {color: #fff;}

/* elementy strony */
.box-220 {width: 220px;}
.box-160 {width: 160px;}
.box-540 {width: 540px;}

.box-340 {width: 340px;}

.box-3u {width: 700px; margin-right: 20px;}
.box_content {margin: 10px 0 0 10px;}
.box_wrapper {background: #363637;}
.box_content_white {margin: 10px; color: #666;}
.box_wrapper_white {background: #e5e4e3 url(https://media.skylark.com.pl/img/tla.png) left bottom;}
.box_close {width: 220px; line-height: 5px; height: 5px; background: transparent url(https://media.skylark.com.pl/img/backgrounds.png) 0px -188px; overflow: hidden; }
.box_wide_close {width: 520px; line-height: 5px; height: 5px; background: transparent url(https://media.skylark.com.pl/img/backgrounds.png) -240px -188px; overflow: hidden; }

.header {background: url(https://media.skylark.com.pl/img/backgrounds.png) -700px -30px;}
.header h6 {color: #fff; font-size: 12px; line-height: 27px; margin-left: 10px;}
.box-160 .header {height: 24px; background-position: 0px -164px;}
.box-220 .header {height: 28px; background: url(https://media.skylark.com.pl/img/backgrounds.png) -700px -30px;}
.header img {margin: 8px 0 0 10px !important;}

.box-340 .header {height: 24px; background-position: -960px -420px;}

.box-160 .header h6 {line-height: 22px;}

.box-160 .gradient {background: url(https://media.skylark.com.pl/img/gradient_tlo.png) no-repeat bottom left;}
.box-340 .gradient {background: url(https://media.skylark.com.pl/img/gradient_340.png) bottom left;}


.box-160 .header.mp3 {background-position: -160px -164px;}
.box-160 .header.djshop {background-position: -320px -164px;}
.box-160 .header.soft {background-position: -480px -164px;}
.box-160 .box_wrapper_white {background-position: -220px bottom;}

.table_like {margin: 0 auto; width: 520px;}
.table_like .header {height: 27px; border-bottom: 2px solid #E6E5E4; background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -420px; }
.table_like .header div {float: left; text-align: center; height: 27px; line-height: 27px; font-weight: bold; color: #bbb;}
.table_like .row {clear: both; border-bottom: 1px dotted #E6E5E4; line-height: 27px; background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -940px -1460px;}
.table_like .even {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -940px -1460px;}
.table_like .row div {float: left; line-height: 27px; text-align: center;}
.table_like .w10 {width: 52px;}
.table_like .w20 {width: 104px;}
.table_like .w30 {width: 156px;}
.table_like .w40 {width: 208px;}
.table_like .w40.pl10 {padding-left: 10px; width: 198px;}
.table_like .w20.pl10 {padding-left: 10px; width: 94px;}
.table_like .al {text-align: left !important;}
.table_like .p10l {padding-left: 10px;}
.table_like .header a {color: #ccc; font-weight: bold;}
.table_like .header a:hover {text-decoration: underline;}


#main-container {width: 940px; margin: 0 auto 0px auto;}
#page-header { background: url(https://media.skylark.com.pl/img/tlo2.jpg) no-repeat; height: 134px; }
#page-header #shop_logo {float: left; margin-top: 26px;}

#img_preloader {width: 1px; height: 1px; overflow: hidden;}

/* wyszukiwarka */
#search_box {float: left; margin: 25px 0 0 80px; background:url(https://media.skylark.com.pl/img/search_bg.png); height: 54px; width: 363px;}
#search_box > img {margin: 10px 0 0 10px;}
#select_box {width: 100px; height: 20px; padding: 0; float: left; margin: 2px 6px 0 10px;}
#cat_select {width: 100px; height: 20px; padding: 0;}
#search_string_box {width: 160px; height: 20px; padding: 0; float: left; background: url(https://media.skylark.com.pl/img/backgrounds.png) -100px -144px; margin: 2px 0 0 0;}
#search_string_box input {width: 135px; height: 16px; line-height: 16px; border: 0px; background: #fff; margin: 2px 0 0 20px; padding: 0;}
#search_button_box {padding: 2px 0 0 6px;}

/* menu glowne */
#main_menu {height: 36px; width: 400px; clear: both; position: absolute; top: 96px; z-index: 2; overflow: hidden;}
#main_menu a {text-align: center; font-size: 14px; line-height: 44px; padding: 0 20px; display: block; float: left; height: 36px; background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat 0px -60px ; margin-right: 1px;}
#main_menu a img {margin: 15px 15px 0 15px;}
#main_menu a:hover {color: #fff;}
#main_menu a.active {color: #fff; text-shadow: 1px 1px #666; font-weight: bold;}

#main_menu #link_a:hover {background-position: -200px -60px;}
#main_menu #link_b:hover {background-position: -400px -60px;}
#main_menu #link_c:hover {background-position: -600px -60px;}
#main_menu #link_d:hover {background-position: -800px -60px;}
#main_menu #link_a.active {background-position: -200px -96px;}
#main_menu #link_b.active {background-position: -400px -96px;}
#main_menu #link_c.active {background-position: -600px -96px;}
#main_menu #link_d.active {background-position: -800px -96px;}

#main_menu:hover {overflow: visible; height: auto;}

#extra_menu {width: 680px; clear: both; background: #e5e4e3; padding: 5px 10px 10px 10px; border: 1px solid #000; border-top: 0; height: 200px; overflow: auto; }
#extra_menu .closing {background: url(https://media.skylark.com.pl/img/backgrounds.png) -420px -449px; height: 27px; overflow: hidden; color: #c3c3c3; margin-bottom: 10px; clear: both;}

#extra_menu a {display: block; font-size: 9px; line-height: 10px; font-weight: normal; padding: 0 ; float: none; width: 180px; height: 10px; background: none; color: #666; text-align: left; margin-left: 5px;}
#extra_menu a:hover {text-decoration: underline;}
#extra_menu a.level_1 {font-weight: bold; margin: 5px 0 5px 0;}
#extra_menu > div {width: 160px;}

#extra_menu a.color_djshop {color: #da1900;}
#extra_menu a.color_vinyl_cd {color: #00a8d9;}
#extra_menu a.color_mp3 {color: #95ca00;}

/* cust panel */
#login_box form {clear: both;}
#login_box .header {background: url(https://media.skylark.com.pl/img/backgrounds.png) -920px -33px;}
#login_box #username_input {width: 160px; height: 20px; float: left; background:url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -260px -144px; margin: 0 0 7px 1px; overflow: hidden;}
#login_box #username_input input {width: 150px; height: 16px; line-height: 16px; border: 0px; background: #fff; margin: 2px 0 0 2px; padding: 0;}
#login_box img {margin: 6px 5px 0 0;}
#login_box .box_content {margin-left: 6px;}
#login_box #password_input {width: 104px; height: 20px; float: left; background:url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -144px; overflow: hidden;}
#login_box #password_input input {width: 95px; height: 16px; line-height: 16px; border: 0px; background: #fff; margin: 2px 0 0 2px; padding: 0;}
#login_box #login_submit {margin-left: 5px;}
#login_box #links {font-size: 9px; font-weight: bold; color: #a4a4a4; margin-top: 14px; line-height: 11px; height: 16px;}
#login_box #links a {font-size: 10px; color: #a4a4a4; font-weight: normal;}
#login_box #links.logged_in a {display: block; width: 40%; float: left; margin-top: 0; border-bottom: 1px dotted #666666; padding: 6px 0 6px 20px;}
#login_box #links.logged_in {margin-top: 0;}
#login_box #links a:hover {color: #c5c5c5;}

#przeczytaj {margin-top: 10px;}
#przeczytaj a {color: #666; padding-left: 12px; font-weight: bold; margin-top: 5px; background: url(https://media.skylark.com.pl/img/li-blue.png) 2px 3px no-repeat; display: block;}
#przeczytaj a:hover {color: #888;}
#przeczytaj_image {width: 200px; height: 63px;}

#kontakt {margin-top: 10px;}
#player_box {margin-top: 10px;}

/* main content */
#content-main {border-top: 3px solid #e6e5e4; position: relative; top: -3px; width: 940px; z-index: 1;}
#content-main.vinyl_cd {border-top: 3px solid #00a8d9;}
#content-main.mp3 {border-top: 3px solid #95ca00;}
#content-main.djshop {border-top: 3px solid #da1900;}
#content-main.soft {border-top: 3px solid #efae00;}

/* strona główna */
#content-main #main_page {margin: 8px 0 0 0;}
#content-main #main_page .content_box {margin: 10px 0 0 0;}
#main_page .box-340 {margin-top: 10px;}
#main_page .header h3 {color: #fff; font-size: 11px; margin-left: 10px; line-height: 23px;}

#main_page .sale_box a {width: 115px;}
#main_page .sale_box a.image {width: 35px;}
#main_page div.scroller {margin-top: 5px;}
#main_page .mainpage_listing div.sale_box {margin-top: 0px;}
#main_page .sale_box div.wrapper {margin-top: 5px;}
#main_page .box_content_white {margin: 5px;}

#wyprzedaz .sale_box a {line-height: 10px;}

#shortcut a {width: 90px; display: block; float: left; text-align: center; margin-top: 10px; font-size: 9px;}
#shortcut div.holder {width: 90px; float: left; text-align: center; font-size: 9px;}
#shortcut div.holder a {margin-top: 0px;}
#shortcut a img {margin-bottom: 5px;}
#shortcut img {display: block; border: 1px solid #ddd;}

#articles img {float: left; margin: 5px 5px 5px 0;}
#articles h4 {margin: 5px 0 5px 0;}
#articles h3 {margin: 0px 0 5px 0;}
#articles h3 {line-height: 1.2em; height: 2.4em;}
#articles p a {line-height: 12px; overflow: hidden;}


#articles .scroller {height: 700px; clear: both;}
#articles .art_container {height: 130px; margin-bottom: 10px; overflow: hidden;}
#articles a:hover {color: #999;}
#articles h4 a:hover {text-decoration: underline; color:#666;}

#articles .scroll_up {margin: 5px 0 0 100px;}
#articles .scroll_down {margin: 5px 0 0 100px;}

.scroll_up {cursor: pointer; margin-top: 5px;}
.scroll_down {cursor: pointer; margin-top: 5px;}
.scroller {height: 175px; overflow: hidden;}
.scroller_high {height: 360px;} 

/* showcase */
#showcase {height: auto; position: relative; z-index: 2;}
#showcase_top {height: 30px; background: #3e3e3e url(https://media.skylark.com.pl/img/backgrounds.png) 0px -30px;}
#showcase_top #showcase_select {float: right; width: 260px; margin-right: 15px;}
#showcase_top #showcase_select a {display: block; float: right; background: url(https://media.skylark.com.pl/img/backgrounds.png) -36px top; height: 30px; width: 17px; margin: 0 0 0 7px;}
#showcase_top #showcase_select a#showcase_left {width: 18px; background-position: -18px top;}
#showcase_top #showcase_select a#showcase_right {width: 18px; background-position: left top;}
#showcase_top #showcase_select a.active {background-position: -54px top;}
#showcase_content {height: 180px; overflow: hidden;} 
#showcase_content .showcase_box {height: 180px; width: 0px; float: left; overflow: hidden;}
#showcase_content .active {width: 100%;}
#showcase_content .showcase_box div {height: 180px; width: 700px;}
#showcase_content div.extra_element {height: 48px; color: #fff; width: auto; padding: 6px; position: relative; background: url(https://media.skylark.com.pl/img/dot50.png);}

.product_box_header {width: 125px; height: 24px; line-height: 24px; font-size: 12px; float: left; margin: 0 0 0 9px; text-align: center; font-weight: bold;}
.product_box_header a {width: 125px; height: 24px; line-height: 24px; font-size: 12px; font-weight: bold;}
.product_box {width: 115px; height: 170px; float: left; margin: 0 0 0 9px; font-size: 9px; overflow: hidden;}
.product_box .tow_image {border: 1px solid #ccc;  width: 113px; height: 63px;}
#content-main.vinyl_cd .product_box .tow_image {width: 63px; height: 63px; margin: 0 0 0 23px;}
#content-main.mp3 .product_box .tow_image {width: 63px; height: 63px; margin: 0 0 0 23px;}

#content-main.mp3 .product_box h2 {color: #95ca00;}
#content-main.djshop .product_box h2 {color: #da1900;}

.product_box h2 {color: #1fc5e5; height: 22px; overflow: hidden; font-weight: bold; margin: 5px 0 0 0; width: 115px;}
.product_box h3 {color: #9b9a9a; height: 22px; overflow: hidden; font-weight: normal; width: 115px;}
.dotspace {height: 120px; float: left; width: 1px; margin: 0 0 0 9px; background: url(https://media.skylark.com.pl/img/bg-compiled-dots.png); }
.dotspace_v {height: 1px; line-height: 1px; float: left; width: 115px; margin: 0 10px 9px 9px; background: url(https://media.skylark.com.pl/img/bg-compiled-dots.png); }
.product_box .product_toolbar {margin: 5px 0 0 13.5px;}
.product_box .basket_add img {margin: 5px 0 0 14.5px; clear: both;}
.product_box .brak {margin: 5px 0 0 14.5px; clear: both;}

#najnowsze_produkty {margin-top: 20px;}

/* Kosz */
#kosz {font-size: 9px; color: #c7c7c7;}
#kosz .box_content {margin: 8px 10px 0 10px;}
#kosz_ilosc {font-weight: bold; color: #fff;}
#kosz_lista {height: 87px; overflow: auto;}
#kosz_lista .kosz_wpis {margin-top: 7px; border-bottom: 1px dotted #666666; padding-bottom: 7px; font-size: 9px;}
#kosz_zamow {display: block; margin: 5px 0; float: right; height: 19px; overflow: hidden; }
#kosz_zamow img:hover {margin-top: -19px;}

.product_toolbar {background: url(https://media.skylark.com.pl/img/backgrounds.png) 0px -123px; width: 88px; height: 21px !important; overflow: hidden; border: 0 !important; }
.product_toolbar_hardware {background-position: 0px -103px;}
.product_toolbar a {width: 22px; height: 21px; float: left; display: block;}
.product_toolbar img.brak {}

#page-footer {height: 70px; background: url(https://media.skylark.com.pl/img/backgrounds.png) -420px -248px; overflow: hidden;}
#page-footer .box_content {margin-top: 4px;}

#page-footer p {float: left; width: 170px; color: #666; font-size: 9px;}
#page-footer p.player {width: 100px; margin-left: 30px;}
#page-footer p.player span {line-height: 16px; font-size: 9px;}
#page-footer p.player img {margin: 4px 4px 0 0;}
#page-footer p.payments {width: 200px; margin-right: 15px; margin-left: 125px; text-align: left; font-size: 9px;}
#page-footer p.payments strong {font-size: 9px;}
#page-footer p.payments img {margin: 4px 0 0 0;}
#page-footer p.languages {width: 40px; margin-left: 15px;}
#page-footer p.languages a {display: inline;}
#page-footer p.languages a img {margin-top: 4px;}
#page-footer p.join {width: 90px; margin-left: 15px; font-weight: bold;}
#page-footer p.join a {display: inline; height: 40px; width: 40px;}
#page-footer p.join a img {margin-top: 4px;}

#page-footer p:first-child {width: 135px;}
#page-footer p a {font-weight: bold; color: #666; font-size: 9px; display: block; height: 14px;}
#page-footer p a:hover {font-weight: bold; color: #888;}

#page-footer-close { margin-top: 10px; height: 5px; background: url(https://media.skylark.com.pl/img/backgrounds.png) -220px -20px;}
#content-main.vinyl_cd #page-footer-close {background-position: -220px 0px;}
#content-main.mp3 #page-footer-close {background-position: -220px -5px;}
#content-main.djshop #page-footer-close {background-position: -220px -10px;}
#content-main.soft #page-footer-close {background-position: -220px -15px;}

/*Lista*/
#lista {padding-top: 10px;}
#lista .box-540 {margin-left: 10px;}
#lista > div.box-540 {margin-left: 10px;}
#lista > div.box-220 {margin-left: 10px;}
#lista #wyprzedaz {margin-top: 10px;}
#shop_page #wyprzedaz {padding-top: 10px;}
.konfiguracja {line-height: 20px;}
.konfiguracja .addthis_button {float: right;}

.lista_grup_towarowych h1 {font-size: 1.8em; margin: 0.3em 0;}

#checkout {margin: 10px 0 0 0;}
#checkout .box-540 {margin: 0px 0px 0px 20px;}

#shop_menu {width: 160px;}
#shop_menu .menuitem {width: 160px; height: 24px; overflow: hidden; background: url(https://media.skylark.com.pl/img/backgrounds.png) -420px -346px;}
#shop_menu .menuitem:hover {background-position: -420px -370px;  z-index: 3;  position: relative;}
#shop_menu .menuitem.active {background-position: -420px -370px;}
#shop_menu .menuitem:hover {overflow: visible;}
#shop_menu .menuitem.last {background-position: -420px -396px;}
#shop_menu .menuitem.first {background-position: -420px -322px;}
#shop_menu a {overflow: hidden; display: block; color: #fff; width: 150px; height: 24px; line-height: 22px; font-size: 10px; padding-left: 10px;}
#shop_menu a.active {font-weight: bold;}
#shop_menu .second {margin: -24px 0 0 160px;}
#shop_menu .second a {background: url(https://media.skylark.com.pl/img/backgrounds.png) -420px -346px;}
#shop_menu .second a:hover {background-position: -420px -370px;}
#shop_menu .second a.active {background-position: -420px -370px;}

#shop_menu.mp3 .menuitem {background-position: -583px -346px;}
#shop_menu.mp3 .menuitem:hover {background-position: -583px -370px;}
#shop_menu.mp3 .menuitem.active {background-position: -583px -370px;}
#shop_menu.mp3 .menuitem.first {background-position: -583px -322px;}
#shop_menu.mp3 .menuitem.last {background-position: -583px -396px;}
#shop_menu.mp3 .second a {background-position: -583px -346px;}
#shop_menu.mp3 .second a:hover {background-position: -583px -370px;}
#shop_menu.mp3 .second a.active {background-position: -583px -370px;}

#shop_menu.djshop .menuitem {background-position: -746px -346px;}
#shop_menu.djshop .menuitem:hover {background-position: -746px -370px;}
#shop_menu.djshop .menuitem.active {background-position: -746px -370px;}
#shop_menu.djshop .menuitem.first {background-position: -746px -322px;}
#shop_menu.djshop .menuitem.last {background-position: -746px -396px;}
#shop_menu.djshop .second a {background-position: -746px -346px;}
#shop_menu.djshop .second a:hover {background-position: -746px -370px;}
#shop_menu.djshop .second a.active {background-position: -746px -370px;}


/*lista towaru*/
.lista_towaru .page_amount .paginacja { margin-top: 8px;}
.lista_towaru .page_amount .active {text-decoration: underline; font-weight: bold;}
.lista_towaru .page_amount .wybor_strony {float: right;}
.lista_towaru .page_amount .wybor_strony a {font-weight: bold;}

.naglowek_tabeli {margin: 8px 0; border-top: 1px dotted #F1F1F1; padding-top: 3px;}
.naglowek_tabeli h1 {margin-right: 10px;}
.naglowek_tabeli a {margin-right: 5px; font-weight: bold;}
.naglowek_tabeli b {margin: 0 5px 0 0;}

.lista_towaru {width: 520px; margin-left: 10px;}
.lista_towaru .dotspacer {float: left; height: 27px; line-height: 1px; width: 1px; background: url(https://media.skylark.com.pl/img/backgrounds.png) -940px -419px;}
.lista_towaru .heading {background: url(https://media.skylark.com.pl/img/backgrounds.png) -420px -420px; height: 27px; overflow: hidden; color: #c3c3c3; margin-top: 10px;}
.lista_towaru .heading div {float: left; height: 27px; line-height: 27px; text-align: center; color: #ddd;}
.lista_towaru .heading div a {color: #ddd;}
.lista_towaru .heading div a.active {font-weight: bold;}

.lista_towaru .closing {background: url(https://media.skylark.com.pl/img/backgrounds.png) -420px -449px; height: 27px; overflow: hidden; color: #c3c3c3; margin-bottom: 10px;}
.lista_towaru .closing div {float: left; height: 27px; line-height: 27px; text-align: center; color: #ddd;}
.lista_towaru .closing div a {color: #ddd;}
.lista_towaru .closing div a.active {font-weight: bold;}

.lista_towaru .col_a {width: 110px;}
.lista_towaru .col_b {width: 238px;}
.lista_towaru .col_c {width: 70px;}
.lista_towaru .col_d {width: 98px;}

/*hw*/
.lista_towaru .hardware .col_a {width: 153px; border: 0 !important;}
.lista_towaru .hardware .col_b {width: 176px;}
.lista_towaru .hardware .col_c {width: 88px;}
.lista_towaru .hardware .col_d {width: 99px;}
.lista_towaru .hardware .col_e {width: 363px; border: 0 !important;}
.lista_towaru .hardware .col_e h2 {color: #666; height: 17px; margin: 15px 15px 0 5px; border-bottom: 1px dotted #dcdcdc;}
.lista_towaru .hardware .col_e p {color: #666; height: 45px; line-height: 11px; margin: 7px 15px 0 5px; overflow: hidden; text-align: justify;}
.lista_towaru .hardware .col_e .pricing {height: 64px; border: 0 !important; margin: 5px 0 0 0;}
.lista_towaru .hardware .col_e .pricing .detal {width: 172px; height: 30px; text-align: left; padding-top: 5px;}
.lista_towaru .hardware .col_e .pricing .promo {width: 90px; height: 25px; text-align: center; color: #ca1800; font-weight: bold; padding-top: 10px;}
.lista_towaru .hardware .col_e .pricing .promoplus {width: 90px; height: 32px; text-align: center; color: #ca1800; font-weight: bold; padding-top: 3px;}
.lista_towaru .hardware .col_e .pricing .zakupy {width: 99px; height: 64px; border: 0 !important;}.lista_towaru .hardware .col_e .pricing .zakupy .product_toolbar {margin: 5px 0 0 5px;}
.lista_towaru .hardware .col_e .pricing .raty {position: relative; top: -28px; margin-left: 5px; width: 249px; text-align: right; font-size: 10px; font-weight: normal; border-right: 0px; padding-top: 5px;}
.lista_towaru .hardware .col_e .pricing .basket_add img {margin: 10px 0 0 6px;}
.tags {line-height: 10px; margin: 0 15px 5px 150px; border-top: 1px dotted #DCDCDC; padding: 5px 0 0 7px; font-weight: bold;}
.tags a {font-weight: bold;}
.tags a:hover {text-decoration: underline;}

.lista_towaru .entry {height: auto; background: #f5f5f5 url(https://media.skylark.com.pl/img/tla_tabele.png) no-repeat -1040px bottom; margin-bottom: 1px;}
.lista_towaru .entry .wrapper {background: url(https://media.skylark.com.pl/img/tla_tabele.png) no-repeat -1560px 0;}
.lista_towaru .entry .wrapper div {float: left; border-right: 1px dotted #dcdcdc;}
.lista_towaru .odd {background: #fdfdfd url(https://media.skylark.com.pl/img/tla_tabele.png) no-repeat 0 bottom;}
.lista_towaru .odd .wrapper {background: url(https://media.skylark.com.pl/img/tla_tabele.png) no-repeat -520px 0;}
.lista_towaru .wrapper .dotspacer {float: left; height: 100%; line-height: 1px; width: 1px; background: url(https://media.skylark.com.pl/img/backgrounds.png) -1460px -476px !important;}
.lista_towaru .col_d {border-right: 0 !important;}
.lista_towaru .col_d .cena {text-align: center; margin: 12px 5px 10px 5px; width: 88px; border: 0 !important;}
.lista_towaru .col_d .product_toolbar {margin: 0 0 0 5px;}
.lista_towaru .col_d .basket_add img {margin: 5px 0 0 6px;}
.lista_towaru img.brak {margin: 5px 0 0 6px;}
.lista_towaru .col_a img {border: 2px solid #c7c7c7; margin: 12px 0 8px 12px; width: 83px; height: 83px;}
.lista_towaru .hardware .col_a img {border: 2px solid #c7c7c7; margin: 12px 0 8px 12px; width: 127px; height: 127px;}
.lista_towaru .col_b h2 {margin: 12px 0 4px 12px;}
.lista_towaru .col_b h2 .artist {color: #12a1bf;}
.lista_towaru .mp3 .col_b h2 .artist {color: #95ca00;}
.lista_towaru .djshop .col_b h2 .artist {color: #da1900;}

.lista_towaru .wrapper .col_b .rel_date {margin: 0px 0 8px 12px; border-right: none !important; float: none;}
.lista_towaru .wrapper .col_b .trklist {border-right: none; float: none;}
.lista_towaru .col_b .play_track {margin: 4px 0 3px 12px; display: block; padding-left: 12px; background: url(https://media.skylark.com.pl/img/play_track.gif) no-repeat left 1px; }
.lista_towaru  .mp3 .col_b .play_track {margin: 4px 0 3px 12px; display: block; padding-left: 12px; background: url(https://media.skylark.com.pl/img/play_track_mp3.gif) no-repeat left 1px; }
.lista_towaru .col_c {text-align: center;}
.lista_towaru .col_c h3 {margin: 12px 0 4px 0; width: 70px; overflow: hidden;}
.addthis_button {margin: 0 ;}

#produkt_layout {margin-top: 10px;}
#produkt_layout #wyprzedaz {margin-top: 10px;}
#produkt_layout .box-220 {margin-left: 20px;}

#produkt {margin-left: 20px;}
#produkt h1 {color: #c9c9c9; width: 500px; height: 28px; line-height: 28px; padding-left: 20px; height: 28px; background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -420px; overflow: hidden;}

#breadcrumbs {line-height: 15px;}
#breadcrumbs a {text-decoration: underline; font-weight: bold;}
#breadcrumbs a:hover {text-decoration: none;}
#breadcrumbs.cat {margin: 0 0 10px 10px; width: 100%;}

#content-main.vinyl_cd #produkt h1 {border-bottom: 3px solid #00a5d5;}
#content-main.mp3 #produkt h1 {border-bottom: 3px solid #95ca00;}
#content-main.djshop #produkt h1 {border-bottom: 3px solid #c21700;}

#produkt #opis_produktu {width: 520px; padding-bottom:10px;}
#produkt #opis_produktu .product_cover {width: 150px; height: 150px; border: 1px solid #c9c9c9; margin: 15px; float: left; }
#produkt .table_like {margin-top: 10px;}
#produkt .table_like .header {border-bottom: 3px solid #C21700;}
#produkt #tresc_opisu {padding: 10px; line-height: 1.2em;}
#produkt #tresc_opisu ul {list-style: inside; list-style-type: square; padding-left: 10px; padding-bottom: 10px;}
#produkt #tresc_opisu p {padding-bottom: 10px; }
#produkt #tresc_opisu h2 {padding-bottom: 10px; }
#produkt #tresc_opisu h3 {padding-bottom: 10px; }
#produkt #tresc_opisu .header {margin:10px 0; background: none; font-weight: bold; font-size: 1.1em; display: block;}

#produkt_oblicz_rate {display: block; width: 112px; height: 60px; overflow: hidden; background: url(https://media.skylark.com.pl/img/oblicz_raty_square.png) 0 -24px;}
#produkt_oblicz_rate:hover {background-position: 0 -108px;}

#content-main.djshop #produkt #opis_produktu {border-bottom: 1px dotted #eee;}
#produkt #dane {padding-top: 15px; line-height: 15px;}
#produkt #dane table {width: 300px;}
#produkt #dane .product_toolbar {float: right;}
#produkt #dane .basket_add {float: right; margin: 3px 0 0 0px; clear: both;}
#produkt #dane img.brak {float: right; margin: 3px 0 0 0px; clear: both;}

#produkt #opis_produktu.hardware .mainimg {float: left; width: 247px; height: 247px; border: 1px solid #b0b0b0; margin: 14px 0 0 14px; cursor: pointer;}
#produkt #opis_produktu.hardware .extra_img {float: left; width: 40px; height: 40px; border: 1px solid #b0b0b0; margin: 14px 0 0 8px; vertical-align: top; cursor: pointer;}
#produkt #opis_produktu.hardware .top_box {float: left; width: 112px; height: 73px; margin: 10px 0 0 10px; text-align: center;}
#produkt #opis_produktu.hardware .price_box {float: left; width: 112px; height: 60px; margin: 10px 0 0 10px; text-align: center; padding: 60px 0 0;}
#produkt #opis_produktu.hardware .price_box.free_del {padding-top: 0px;}

.raty_box {margin: 4px 0 0 14px;}
.raty_box label {height: 26px; line-height: 26px; display: block;}
.raty_box input {width: 50px; font-size: 11px; padding: 3px 0px; margin: 0px; color: #666; border: 1px solid #e0e0e0; margin: 4px 0 0 0;  text-align: center;}
.raty_box strong { font-size: 10px; color: #666;}
.raty_box .first_box {width: 140px;}
.raty_box .labels {width: 109px; font-size: 10px; text-align: right; margin-left: 20px; border-right: 1px dotted #eee; padding: 0 10px 0 0;}
.raty_box .count_fields {margin-left: 10px; width: 90px; text-align: left;  border-right: 1px dotted #eee;} 
.raty_box .wysokosc {margin-left: 10px; font-size: 10px; width: 100px; text-align: center;}
.raty_box .count_fields a {border: 1px solid #e0e0e0; background: #e0e0e0; color: #666; display: block; float: left; width: 10px; height: 10px; text-align: center; margin: 9px 3px 0 3px;}
.raty_box input#wysokosc_raty {margin-top: 6px; border: 1px solid #fff; width: 100px; font-size: 10px; font-weight: bold; color: #CA1800;}
.raty_box input#ilosc_rat {margin-top: 6px;}

#produkt #opis_produktu.hardware .top_box .product_toolbar {margin: 12px 0 3px 15px; }
#produkt #opis_produktu.hardware .top_box .basket_add {margin: 0 0 0 6px; }
#produkt #opis_produktu.hardware .top_box .buy_now {margin: 5px 0 0 6px;}
#produkt #opis_produktu.hardware .promo {color: #ca1800; font-weight: bold; margin-top: 10px;}
#produkt #opis_produktu.hardware .promoprice {color: #ca1800; font-weight: bold; margin-top: 10px; }
#produkt #opis_produktu.hardware .ceny {padding-top: 10px; height: 50px; color: #CA1800;}
#cena_produktu {color: #ca1800;}
#produkt #opis_produktu.hardware .kreska {float: left; height: 1px; width: 235px; border-bottom: 1px dotted #b0b0b0; margin: 5px 0 0 10px; }

#produkt #dane th {text-align: left; width: 100px;}
#produkt #dane td {}
#produkt #tracklist {clear: left;}
#produkt #tracklist .table_heading {border-bottom: 3px solid #c21700; color: #c9c9c9; width: 520px; line-height: 28px; height: 28px; background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -420px;}

#content-main.vinyl_cd #produkt #tracklist .table_heading {border-bottom: 3px solid #00a5d5;}
#content-main.mp3 #produkt #tracklist .table_heading {border-bottom: 3px solid #95ca00;}

#produkt #tracklist .table_heading div {float: left; color: #C9C9C9;}
#produkt #tracklist .track div {float: left; line-height: 38px; border-right: 1px dotted #f1f1f1;}
#produkt #tracklist .a {width: 40px; text-align: center;}
#produkt #tracklist .b {width: 201px;}
#produkt #tracklist .track .b {width: 201px; line-height: 10px ; padding-top: 8px;}
#produkt #tracklist .c {width: 45px; text-align: center;}
#produkt #tracklist .d {width: 76px; text-align: center;}
#produkt #tracklist .e {width: 410px; line-height:10px !important; padding-top:10px; border: 0;}
#produkt #tracklist .play_track_link {margin: 9px 0 0 11px;}
#produkt #tracklist .add_track_link {float: right; margin: 9px 6px 0 0;}
#produkt #tracklist .sms_track {margin: 9px 0 0 12px;}
#produkt #tracklist .track {color: #444; height: 44px; width: 520px; background: #fdfdfd url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -1365px -218px;}
#produkt #tracklist .odd {height: 44px; width: 520px; background: #f4f4f4 url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -1365px -256px;}
#produkt .addthis_button {margin: 0 0 10px 0; float: right;}

#lista_zdjec_hw {display: none; visibility: hidden;}


#shop_page {margin-top: 10px;}
#shop_page div.box-540 {margin-left: 10px;}
#shop_page div.box-220 {margin-left: 10px;}

#shop_page #showcase_top {background: #3e3e3e url(https://media.skylark.com.pl/img/backgrounds.png) -600px -134px;}
#shop_page #showcase #showcase_content {height: 139px; background: #aaa; overflow: hidden;} 
#shop_page #showcase #showcase_content .showcase_box {height: 139px; float: left; overflow: hidden;}
#shop_page #showcase #showcase_content .showcase_box img {height: 139px; width: 540px;}

#info_box {margin: -36px 0 0 -92px; width: 184px; height: 72px; position: fixed; top: 50%; left: 50%; z-index: 999; background-color: #eee; background: url(https://media.skylark.com.pl/img/backgrounds.png) -1162px 0px no-repeat ; }
#info_box_text {height: 20px; margin: 12px; text-align: center; color: #fff; font-weight: bold; font-size: 9px;}
#info_box img {margin: 3px 84px;}

.tipsy {z-index: 1000;}
.tip {background: #ffffc6; padding: 3px; border: 1px solid #000; width: 250px; z-index: 1000;}
.tip-title {color: #000;}

#checkout #checkout_breadcrumbs {color: #c9c9c9; width: 500px; line-height: 28px; padding-left: 20px; height: 28px; background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -420px; border-bottom: 2px solid #E6E5E4;}
#checkout #checkout_breadcrumbs a {color: #c9c9c9;}
#checkout #checkout_breadcrumbs a.active {font-weight: bold; text-decoration: underline;}
#checkout #checkout_breadcrumbs a.done {font-weight: bold;}

#checkout h2 {display: block; float: left; height: 30px; color: #000;  padding: 0 10px; line-height: 30px; border-bottom: 1px dotted #dcdcdc; }

#checkout #basket_list {width: 520px; background: url(https://media.skylark.com.pl/img/tla-pudelka.jpg) no-repeat 0 -285px; padding: 0 0 10px 0;}
#checkout #basket_list .pozycja > div {height: 60px; float: left; padding: 10px 10px 0 10px; border-right: 1px dotted #dcdcdc;}
#checkout #basket_list .pozycja {height: 70px; border-bottom: 1px dotted #dcdcdc; padding-bottom: 10px; clear: left;}

#koszyk_oblicz_rate {display: block; width: 171px; height: 26px; overflow: hidden; background: url(https://media.skylark.com.pl/img/oblicz_raty_long.png); margin: 12px 0 0 12px; float: left; }
#koszyk_oblicz_rate:hover {background-position: 0 26px;}

#checkout #basket_list h2.img {width: 61px; text-align: center;}
#checkout #basket_list h2.nazwa {width: 234px;}
#checkout #basket_list h2.ilosc {width: 76px;}
#checkout #basket_list h2.cena {width: 68px;}

#checkout #basket_list div.img {width: 60px;}
#checkout #basket_list div.img img {width: 60px; height: 60px;}
#checkout #basket_list div.nazwa {width: 233px; height: 57px; padding-top: 13px;}
#checkout #basket_list div.cena {width: 68px; height: 57px; border: 0; padding-top: 13px;}
#checkout #basket_list div.ilosc {width: 75px;}
#checkout #basket_list div.ilosc a.plus {border: 1px solid #e0e0e0; background: #e0e0e0; color: #666; display: block; float: left; width: 10px; height: 10px; text-align: center; margin: 3px 3px 0 3px;}
#checkout #basket_list div.ilosc a.amt {display: block; height: 16px; line-height: 16px; float: left; background-color: #fff; color: #7c7c7c; border: 1px solid #dfdfdf; width: 30px; text-align: center;}
#checkout #basket_list div.ilosc a.minus {border: 1px solid #e0e0e0; background: #e0e0e0; color: #666; display: block; float: left; width: 10px; height: 10px; text-align: center; margin: 3px 3px 0 3px;}
#checkout #suma {border-bottom: 2px solid #E6E5E4;}
#checkout #suma div.cena {padding: 10px; width: 68px; border: 0; line-height: 16px; height: 32px;}
#checkout #basket_list > a {float: right; display: block; width: 78px; color: #000; font-weight: bold; font-size: 12px; margin-top: 10px; text-align: right; margin-right: 10px;}

#checkout #checkout_login {width: 520px; background: url(https://media.skylark.com.pl/img/tla-pudelka.jpg) no-repeat 0 -285px; padding: 0 0 10px 0; border-bottom: 2px solid #E6E5E4;}
#checkout #checkout_dane {width: 520px; background: url(https://media.skylark.com.pl/img/tla-pudelka.jpg) no-repeat 0 -285px; padding: 0 0 10px 0;}
#checkout #checkout_pd {}

form.styled {display: block; width: 260px; float: left;}
form.styled.wide {width: 100%;}
form.styled div.form_wrapper {height: 24px; overflow: hidden; margin-top: 5px;}
form.styled input {display: block; float: left; height: 17px; width: 138px;  padding: 2px; border: 1px solid #bbb;  background-color: #fdfdfd; }
form.styled input[type=submit] {height: 18px; padding-right: 10px; display: block; width: 230px; text-align: right; border: none; background-color: transparent; color: #000; font-weight: bold; font-size: 12px; padding: 0; cursor: pointer; }
form.styled label {display: block; float: left; height: 23px; width: 87px; color: #000; text-transform: lowercase; padding-left: 10px; line-height: 21px; cursor: pointer;}
form.styled .error {margin: 3px 0 0 3px;}

input[type=submit].styled {height: 18px; padding-right: 10px; display: block; text-align: right; border: none; background-color: transparent; color: #000; font-weight: bold; font-size: 12px; padding: 0; cursor: pointer; }

#checkout form {display: block; width: 260px; float: left;}
#checkout form h2 {height: 30px; color: #000; width: 250px; padding-right: 0; padding-left: 10px; line-height: 30px; border-bottom: 1px dotted #dcdcdc; }
#checkout form h2.twin_border {border-bottom: 1px dotted #dcdcdc; border-top: 1px dotted #dcdcdc;}
#checkout form h2.raty {width: 520px;}
#checkout form h2.wide {width: 510px;}
#checkout form h3 {height: 30px; color: #000; padding-left: 10px; line-height: 21px;}
#checkout form div.wrapper {height: 24px; overflow: hidden; margin-top: 5px;}
#checkout form div.multi_line_wrapper {line-height: 24px; overflow: hidden; margin-top: 5px;}
#checkout form label {display: block; float: left; height: 23px; width: 87px; color: #000; text-transform: lowercase; padding-left: 10px; line-height: 21px; cursor: pointer;}
#checkout form div.multi_line_wrapper label {height: auto;}
#checkout form div.auto_height {height: auto; line-height: 23px;}
#checkout form div.error_field {background-color: #ffc0c0;}
#checkout form div.error_input input {border-color: #ffc0c0;}

#checkout form div.wide label {width: 230px; height: auto;}
#checkout form div.wide_label label {width: 450px; }
#checkout form input {display: block; float: left; height: 17px; width: 138px;  padding: 2px; border: 1px solid #bbb;  background-color: #fdfdfd; }
#checkout form textarea {display: block; height: 44px; width: 496px; margin: 0 10px; border: 1px solid #bbb;  background-color: #fdfdfd; }
#checkout form input[type=hidden] {display: none; visibility: hidden; }
#checkout form input[type=radio] {height: 22px; width: 15px; margin: 0 0 0 10px; background-color: transparent; border: 0; }
#checkout form input[type=checkbox] {height: 22px; width: 15px; margin: 0 0 0 10px; background-color: transparent; border: 0; }
#checkout form input[type=submit] {height: 18px; padding-right: 10px; display: block; width: 242px; text-align: right; border: none; background-color: transparent; color: #000; font-weight: bold; font-size: 12px; padding: 0; cursor: pointer; }
#checkout form select {display: block; width: 145px; height: 23px; border: 1px solid #bbb; background-color: #fdfdfd; }
#checkout form .error {margin: 3px 0 0 10px; color: #ff0000;}

#checkout form p {display: block; line-height: 18px; margin: 0 0 0 10px;}

#checkout form label.wide {width: 215px;}
#checkout form label.xwide {width: 415px;}
#checkout form div.expandable:hover {height: auto;}
#checkout form div.expandable label:hover {height: auto; color: #666;}
#checkout form a {display: block; padding-left: 10px; line-height: 19px; height: 19px;}
#checkout #checkout_login #remind_pass {display: block; width: 229px; text-align: right; }

#checkout .dane_firmy {display: none;}

#checkout #checkout_dane form {width: 100%; float: none;}
#checkout #basket_final_list .nazwa {width: 348px; padding-left: 10px;}
#checkout #basket_final_list .ilosc {width: 70px; text-align: center;}
#checkout #basket_final_list .cena {width: 80px; text-align: left; padding-left: 10px;}
#checkout #basket_final_list h4 {display: block; float: left; height: 27px; line-height: 27px; border-bottom: 2px solid #E6E5E4; margin-right: 1px; color: #aaa;}
#checkout #basket_final_list .pozycja {clear: both; border-bottom: 1px dotted #dcdcdc; height: 27px; margin-top: 4px; padding-bottom: 4px;}
#checkout #basket_final_list .pozycja div {float: left; border-right: 1px dotted #dcdcdc; height: 27px; line-height: 27px;}
#checkout #basket_final_list div.cena {border-right: 0;}
#checkout #basket_final_list h4.nazwa {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -420px ;}
#checkout #basket_final_list h4.ilosc {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -427px -420px  ;}
#checkout #basket_final_list h4.cena {margin-right: 0; background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -849px -420px;}
#checkout #basket_final_list div.clear {border-right: 0; height: 1px; line-height: 1px;}
#checkout #basket_final_list #suma {border-bottom: 0;}
#checkout #basket_final_list #suma div.cena {height: 23px; padding: 3px 10px;}
#checkout #checkout_dane .info {padding: 10px;}

#pay_again {padding: 0 10px; line-height: 20px; font-weight: bold;}
#pay_again a {color: #000; font-weight: bold;}

#pay_again {color: #000; font-weight: bold; font-size: 12px;}

.mp3_icon {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -494px;}
.zam_icon {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -538px;}
.wis_icon {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -515px;}
.gwa_icon {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -420px -561px;}
.log_icon {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -660px -494px;}
.pwd_icon {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -660px -515px;}

#flatpage {width: 690px; padding: 10px; line-height:1.2em;}
#flatpage.narrow {width: 500px; padding: 10px; line-height:1.2em;}
#newsletter {width: 690px; padding: 10px; line-height:1.2em;}

.sale_box {margin-top: 0px;}
.sale_box div.wrapper {margin: 8px 0 0 0; height: 30px; overflow: hidden;}
.sale_box img {clear: left;  height: 28px; width: 28px; border: 1px solid #666;}
.sale_box a.image {height: 30px; width: 35px;}
.sale_box a {display: block; float: left; overflow: hidden; color: #666;  padding: 0; line-height: 14px; border-bottom: none; width: 105px;}

.mainpage_listing h2 {color: #fff; font-size: 11px; line-height: 23px; text-align: center;}
.mainpage_listing h2 a {color: #fff; font-size: 11px; }

#producenci {padding-top: 10px;}
#producenci select {width: 100%;}
#prod_select_form a.n2Select-anchor {background-position: -1005px -83px;}
#prod_select_form div.n2Select-list {overflow: auto;}

#direct_access {margin-top: 10px;}
#direct_access .header h2 {color: #fff; font-size: 14px; margin-left: 10px; line-height: 25px;}
#direct_access .box_content {height: 200px; overflow: auto; margin: 10px 0 10px 10px;}
#direct_access .box_content a {width: 180px; display: block; overflow: hidden;}
#direct_access .box_content a:hover {color: #fff;}
#direct_access .box_content > div {width: 180px;}

#zobacz_takze {margin-top: 20px;}
#zobacz_takze .wrapper {text-align: center; margin-bottom: 20px; border: 1px dotted #666;}
#zobacz_takze .box_wrapper_white {height: 280px; overflow: hidden; padding: 10px;}
#zobacz_takze .p10 {line-height: 1.3em;}
#zobacz_takze .al.p10 {padding: 10px 10px 0 10px;}

#zt_ctrl {float: right; margin: 7px 5px 0 0;}
#zt_ctrl a {width: 15px; height: 14px; display: block; float: left; margin: 0 0 0 4px;}
#zt_up {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -508px -171px;}
#zt_pause {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -526px -171px;}
#zt_down {background: url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat -490px -171px;}
#zt_up:active {background-position: -562px -171px;}
#zt_up.active {background-position: -562px -171px;}
#zt_pause.active {background-position: -580px -171px;}
#zt_down:active {background-position: -544px -171px;}
#zt_down.active {background-position: -544px -171px;}

#top10_content {padding: 0 10px 10px 10px;}

#raty_przez_internet {background-color: #fff; border-top: 2px solid #aaa; }
#raty_przez_internet h2 {padding: 15px 0 5px 10px; font-size: 1.5em; text-align: center;}
#raty_przez_internet p {float: left; width: 20%; padding: 10px 5px; text-align: center;}
#raty_przez_internet p.one {padding: 15px 10px 0 10px;}
#raty_przez_internet div  {float: left; font-size: 20px; padding: 10px 5px 0;}
#raty_przez_internet div.clear {float: none;}

#procedura_ratalna {
	background: url("https://media.skylark.com.pl/img/btn_procedura_ratalna.gif") no-repeat scroll left top transparent;
    display: block;
    height: 31px;
    margin: 0 auto;
    width: 203px;
}

#procedura_ratalna:hover {
	background: url("https://media.skylark.com.pl/img/btn_procedura_ratalna.gif") no-repeat scroll left bottom transparent;
}

#procedura_ratalna_2 {
	background: url("https://media.skylark.com.pl/img/lukas_wide.png") no-repeat scroll left top transparent;
    display: block;
    height: 42px !important;
    margin: 0 auto;
    width: 200px;
	margin-top: 4px;
	float: left;
}

#procedura_ratalna_2:hover {
	background: url("https://media.skylark.com.pl/img/lukas_wide.png") no-repeat scroll left bottom transparent;
}




#lukas_raty_box {margin-top: 10px;}

#zawezanie select {width: 100%;}
#zawezanie a.n2Select-anchor {background-position: -1005px -83px;}
#zawezanie div.n2Select-list {overflow: auto;}

div.n2wrapper {height: 20px; overflow: hidden;}
div.n2wrapper:hover {overflow: visible;}

a:link.n2Select-anchor, a:visited.n2Select-anchor{
	display: block;
	overflow:hidden;
	color:#939393;
	text-decoration:none;
	font-size: 10px;
	background:url(https://media.skylark.com.pl/img/backgrounds.png) no-repeat 0px -144px;
	padding: 0 20px 0 5px;
	/*outline:none;*/
}
a:hover.n2Select-anchor, a:active.n2Select-anchor, a:focus.n2Select-anchor{
	text-decoration:none;
	/*outline:none;*/
}

.n2Select-list{
	margin:0;
	padding:0;
	border: 1px solid #ccc;
	z-index:10000;
	position: relative;
	top: 0 !important;
	left: 0 !important;
}

.n2Select-even{
	background-color:#fff;
}
.n2Select-odd{
	background-color:#F2F8FF;
}

.n2Select-group{
	font-weight:bold;
	font-style:italic;
	padding:0 8px;
	color:#000;
	cursor:default;
	padding-left:14px;
}
.n2Select-item{
	padding:0 3px;
	color:#000;
	cursor:pointer;
	background-repeat:no-repeat;
}
.n2Select-sub{
	padding:0 8px 0 16px;
	color:#000;
	cursor:pointer;
	/* more style for select options */
}
.n2Select-disabled{
	/*background-image:none;*/
	color:#ccc;
	cursor:default;
}
.n2Select-selected{
	background-color:#4096EE;
	color:#fff;
}

/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(/img/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(/img/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(/img/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(/img/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(/img/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}

#tag_list
{
	position: fixed;
	bottom: 0px;
	left: 0px;
	border: 1px solid #000;
	background-color: #fafafa;
	z-index: 2000;
	height: 20px;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
}

#tag_list a
{
	color: #000;
	margin: 3px;
}

#tag_list a:hover
{
	text-decoration: underline;
}


#tag_list:hover
{
	height: auto;
}

.landing_item {
	width: 150px;
	margin: 10px 0 0 10px;
	float: left;
	height: 170px;
	border: 1px solid #87B0C9;
	border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	text-align: center;
}

.landing_item:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F2F2F2'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #F2F2F2); /* for mozilla browser */
}

.landing_item strong {
	line-height: 1.4em;
}

.landing_item h4 {
	padding: 2px 0px;
	height: 2em;
}

.shop_page_listing_item h3 {
	padding: 2px 5px 5px 5px;
	height: 3em;
	color: inherit;
}

.shop_page_listing_item strong {
	padding-top: 0.7em;
	display: block;
	color: inherit;
}

.vinyl_cd .shop_page_listing_item {
	border: 1px solid #00a8d9;
	height: 190px;
}

.vinyl_cd .shop_page_listing_item h3 {
	padding: 2px 5px 5px 5px;
	height: 5em;
}

.vinyl_cd .shop_page_listing_item:hover{
	color: #00a8d9;
}

.shop_page_listing_item h3 a {
	color: inherit;
}

.shop_page_listing_item {
	width: 125px;
	margin: 10px 0 0 10px;
	float: left;
	height: 175px;
	border: 1px solid #da1900;
	border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	text-align: center;
}

.shop_page_listing_item.first {
	margin-left: 0px;
}

.shop_page_listing_item img {
	width: 110px;
	height: 110px;
}

.shop_page_listing_item:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F2F2F2'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #F2F2F2); /* for mozilla browser */
	color: #da1900;
}

#landing {margin: 10px 0 0 0;}

.milk_navi_button {
	border-radius: 20px 20px 20px 20px; 
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	font-weight: bold;
	position: fixed;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 90px;
	font-size: 80px;
	top: 50%;
	margin-top: -50px;
	background-color: #666;
	color: #fff;
	z-index: 10001;
	cursor: pointer;
}

.konfiguracja #facebook_share_button {position: relative; top: 0; right: 5px; z-index: 1;}
#facebook_share_button {position: relative; top: 27px; right: 10px; z-index: 20;}
.landing_item.pioneer {border-color: #ba0839;}


.lista_towaru .entry .wrapper div.admin_features {
	border-top: 1px solid #000;
	padding: 5px;
	border-right: 0;
	float: none;
}

.lista_towaru .entry .wrapper div.admin_features input {
	width: 40px; font-size: 9px; text-align: center;
}
.lista_towaru .entry .wrapper div.admin_features img {
	vertical-align: middle;
	cursor: pointer;
}

#messages {padding: 0; margin: 10px 0 0 0; background: #363637; }
#messages li {display: block; text-align: center; list-style: none; color: #fff; padding: 5px 0; font-weight: bold; border: 1px solid #eee;}

#fb_iframe_holder {width: 400px; height: 305px; background: #3b5998; padding: 5px; margin: 0 46px 0 0; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}
#fb_iframe_holder iframe {background: #fff;}
#fb_like {padding: 0 46px 0 0; height: 315px; width: 410px; overflow: hidden; background: url(facebook.png) top right no-repeat; position: fixed; top: 150px; left: 0px; margin-left: -410px; z-index: 2000;}
#fb_like:hover {margin: 0;}

#gplus1 {position: relative; top: 24px; right: 4px;}
.konfiguracja #gplus1 {position: relative; top: 0; right: 0; z-index: 1;}

#platnosci {text-align: center;}

