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(http://media.skylark-digital.com/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;}
.cl {clear: both;}
.fl {float: left;}
.fr {float: right;}
.hr {height: 3px; clear: both;  background: transparent url(http://media.skylark-digital.com/hr.gif) repeat-x fixed center left; margin: 3px 0px;}
.ac {text-align: center;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.p10 {padding: 10px;}
.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;}

.color_djshop {color: #da1900;}
.color_vinyl_cd {color: #00a8d9;}
.color_mp3 {color: #95ca00;}

.gradient_bg_520 {background: url(http://media.skylark-digital.com/img/tla-pudelka.jpg) no-repeat 0 -285px;}

.play_track_link {background: url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -100px -124px; display: block; width: 19px; height: 19px;}
.add_track_link {background: url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -122px -124px; display: block; width: 19px; height: 19px;}
.sms_track {background: url(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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.1em;}
#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(http://media.skylark-digital.com/img/backgrounds.png) left bottom;}
.box_close {width: 220px; line-height: 5px; height: 5px; background: transparent url(http://media.skylark-digital.com/img/backgrounds.png) 0px -188px; overflow: hidden; }
.box_wide_close {width: 520px; line-height: 5px; height: 5px; background: transparent url(http://media.skylark-digital.com/img/backgrounds.png) -240px -188px; overflow: hidden; }

.header {background: url(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/img/gradient_tlo.png) no-repeat bottom left;}
.box-340 .gradient {background: url(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -940px -1460px;}
.table_like .even {background: url(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/img/search_bg.png); height: 54px; width: 363px;}
#search_box > img {margin: 10px 0 0 10px;}
#search_box #select_box {width: 100px; height: 20px; padding: 0; float: left; margin: 2px 6px 0 10px;}
#search_box #cat_select {width: 100px; height: 20px; padding: 0;}
#search_box #search_string_box {width: 160px; height: 20px; padding: 0; float: left; background: url(http://media.skylark-digital.com/img/backgrounds.png) -100px -144px; margin: 2px 0 0 0;}
#search_box #search_string_box input {width: 135px; height: 16px; line-height: 16px; border: 0px; background: #fff; margin: 2px 0 0 20px; padding: 0;}
#search_box #search_button {margin: 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; font-weight: bold; padding: 0 20px; display: block; float: left; height: 36px; background: url(http://media.skylark-digital.com/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;}

#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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/img/backgrounds.png) -920px -33px;}
#login_box #username_input {width: 160px; height: 20px; float: left; background:url(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/img/li-blue.png) 2px 3px no-repeat; display: block;}
#przeczytaj a:hover {color: #888;}

#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;}

#shortcut a {width: 90px; display: block; float: left; text-align: center; margin-top: 10px; font-size: 9px;}
#shortcut a img {margin-bottom: 5px;}
#shortcut img {display: block; border: 1px solid #ddd;}

#articles img {float: left; margin: 10px 10px 0 0;}
#articles h4 {margin: 10px 0 5px 0;}
#articles h3 {margin: 0px 0 5px 0;}

#articles .scroller {height: 698px; clear: both;}
#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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/img/bg-compiled-dots.png); }
.dotspace_v {height: 1px; line-height: 1px; float: left; width: 115px; margin: 0 10px 9px 9px; background: url(http://media.skylark-digital.com/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 .box_content {margin: 8px 10px 0 10px;}
#kosz {font-size: 9px; color: #c7c7c7;}
#kosz #kosz_ilosc {font-weight: bold; color: #fff;}
#kosz #kosz_lista {height: 80px; overflow: auto;}
#kosz #kosz_lista .kosz_wpis {margin-top: 7px; border-bottom: 1px dotted #666666; padding-bottom: 7px; font-size: 9px;}
#kosz #kosz_zamow {display: block; margin: 5px 0; float: right;}

.product_toolbar {background: url(http://media.skylark-digital.com/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: 85px; background: url(http://media.skylark-digital.com/img/backgrounds.png) -420px -232px; overflow: hidden;}
#page-footer .box_content {margin-top: 6px;}

#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: 100px; margin-left: 15px;}
#page-footer p.payments img {margin: 4px 4px 0 0;}
#page-footer p.languages {width: 60px; 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(http://media.skylark-digital.com/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 .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(http://media.skylark-digital.com/img/backgrounds.png) -420px -346px;}
#shop_menu .menuitem:hover {background-position: -420px -370px;  z-index: 3;  position: relative;}
#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; font-weight: bold; width: 150px; height: 24px; line-height: 22px; font-size: 10px; padding-left: 10px;}
#shop_menu .second {margin: -24px 0 0 160px;}
#shop_menu .second a {background: url(http://media.skylark-digital.com/img/backgrounds.png) -420px -346px;}
#shop_menu .second a:hover {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.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.djshop .menuitem {background-position: -746px -346px;}
#shop_menu.djshop .menuitem:hover {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;}

/*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(http://media.skylark-digital.com/img/backgrounds.png) -940px -419px;}
.lista_towaru .heading {background: url(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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 .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(http://media.skylark-digital.com/img/tla_tabele.png) no-repeat -1040px bottom; margin-bottom: 1px;}
.lista_towaru .entry .wrapper {background: url(http://media.skylark-digital.com/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(http://media.skylark-digital.com/img/tla_tabele.png) no-repeat 0 bottom;}
.lista_towaru .odd .wrapper {background: url(http://media.skylark-digital.com/img/tla_tabele.png) no-repeat -520px 0;}
.lista_towaru .wrapper .dotspacer {float: left; height: 100%; line-height: 1px; width: 1px; background: url(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -420px -420px; overflow: hidden;}
#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; background: url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -1365px 0px ; 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; background: url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -1365px 0px ;}
#produkt #tresc_opisu .header {margin:10px 0; background: none; font-weight: bold; font-size: 1.1em; display: block;}

#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: 110px; height: 110px; border: 1px solid #b0b0b0; margin: 14px 0 0 10px; 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;}

.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: 10px 0 3px 15px; }
#produkt #opis_produktu.hardware .top_box .basket_add {margin: 0 0 0 6px; }
#produkt #opis_produktu.hardware .promo {color: #ca1800; font-weight: bold; margin-top: 50px;}
#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(http://media.skylark-digital.com/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: 15px;}
#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: 38px; width: 520px; background: #fdfdfd url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -1365px -218px;}
#produkt #tracklist .odd {height: 38px; width: 520px; background: #f4f4f4 url(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/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;}

#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(http://media.skylark-digital.com/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(http://media.skylark-digital.com/img/tla-pudelka.jpg) no-repeat 0 -285px; padding: 0 0 10px 0;}
#checkout #checkout_pd {}

#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.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.wide label {width: 230px;}
#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: 230px; 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 3px;}

#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; visibility: hidden;}

#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(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -420px -420px ;}
#checkout #basket_final_list h4.ilosc {background: url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -427px -420px  ;}
#checkout #basket_final_list h4.cena {margin-right: 0; background: url(http://media.skylark-digital.com/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(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -420px -494px;}
.zam_icon {background: url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -420px -538px;}
.wis_icon {background: url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -420px -515px;}
.gwa_icon {background: url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -420px -561px;}
.log_icon {background: url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -660px -494px;}
.pwd_icon {background: url(http://media.skylark-digital.com/img/backgrounds.png) no-repeat -660px -515px;}

#flatpage {width: 500px; padding: 10px;}

.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: 40px;}
.sale_box a {display: block; float: left; overflow: hidden; color: #666;  padding: 0; line-height: 10px; border-bottom: none; width: 100px;}

.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%;}


#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: 10px;}

#top10_content {padding: 0 10px 10px 10px;}

a:link.n2Select-anchor, a:visited.n2Select-anchor{
	display: block;
	overflow:hidden;
	color:#939393;
	text-decoration:none;
	font-size: 10px;
	background:url(http://media.skylark-digital.com/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;
}


