body { font: 11px Verdana, sans-serif; background: #485e69; margin: 0; padding: 0 ; text-align: center; padding-bottom: 20px  }
p.error { margin: 0; padding: 2px; color: #ff6103 }
body , #skippershop-menu a { color: #000 }
a , #skippershop-main legend { color: #4988c4 ; text-decoration: none }
#skippershop-left legend { color: #ff6103 }
legend { font-size: 16px }
legend, p.cena { font-weight: bold }
span.wartosc { color: #ff6103; font-weight: bold }
fieldset { border: 1px solid #ccc ; margin: 10px 4px ; padding: 4px }
#skippershop-menu { width: 320px; float: left }
#skippershop-menu a { display: inline  }
h1#header span { visibility: hidden }
h1#header { background: url('img/skippershop.jpg') 0px 0px no-repeat ; width: 380px; height: 20px; float: left  }
#skippershop-login { float: right }
#skippershop-login label { float: left; width:126px ; padding: 2px ; color: #aaa ; margin: 1px  }

#search p { border-top: 1px solid #ccc; color: #666; padding-top: 4px ; background: #fff url('img/help.gif') 0px 4px no-repeat; padding-left: 20px  }
#search button { background: #fff url('img/search.gif') 4px 0px no-repeat; border: none ; margin: 0; padding: 4px; width: 20px ; height: 18px }
#search input, #skippershop-login input { margin: 0; padding: 2px; font-size: 12px; padding-left: 4px ; background: #efefef }
#search input { width: 180px; margin-top: 8px  }
#search button span , #skippershop-login button span { display: none }

#skippershop-login fieldset { border: none ; display: block ; width: 330px }
#skippershop-login button { width: 56px; float: left; margin: 1px; padding: 0px ; background: #fff url('img/login.gif') 0px 0px no-repeat; border: none; height: 20px  }
#skippershop-login p { float: left; margin: 0; padding: 0; margin-left: 4px }
input { width: 120px; border: 1px solid #ccc; margin: 2px ; padding: 2px}

#skippershop-news { clear: both; background: #fff url('img/skipper.jpg') no-repeat; height: 190px; color: #fff ; border: 1px solid #fff }
#skippershop-news p a { color: #fff ; padding: 0px 2px 2px 2px }
#skippershop-news p.more { margin-top: 0px; float: right }
#skippershop-news { padding: 0px 40px 0px 252px }
#skippershop-news h2 , #skippershop-news p { font-size: 11px;  margin: 0px; padding: 0px }
#skippershop-news h2 { margin-top: 30px }
#skippershop-news p.data { font-weight: bold }

.szczegoly , .dodaj { padding: 2px 4px ; color: #fff; font-weight: bold ; font-size: 10px ; margin: 0 }
.szczegoly { border: 1px solid #000; background: #01649d }
.dodaj { border: 1px solid #000; background: #ff9e00 }

#wrapper { background: #fff; border: 1px dashed #aaa ; padding: 8px ; margin: 0px; height: 100%  }
#skippershop {width: 760px; margin: auto ; margin-top: 20px; background: #ddd ; padding: 1px ; border: 1px dashed #336633 ; text-align: left }

#register { margin: 8px }
#skippershop-left { width: 242px; float: left; height: 500px }
#skippershop-main {  }
#wrapper>div>#skippershop-left { height: auto; min-height: 500px }
#copyright { margin: 0; padding: 0 }


#kategoria div { width: 154px; height: 244px; float: left ; margin: 1px; padding: 0px ; border: 1px solid #ccc }
#kategoria div p { margin: 0px 4px ; padding: 0 }
#kategoria div p.cena { margin: 2px 4px }
.producent {color: #ff9e00; font-weight: bold }
#kategoria div h3 { color: #000 ; margin: 4px; padding: 0; height: 52px; overflow: hidden }
#kategoria div h3 a { color: #000 ; font-size: 12px }
div.wrapper { background: #ededed; border: 1px dashed #fff ; padding: 0px ; margin: 2px; float: left; width: 153px  }
#wyroznione-produkty div.wrapper div { border: 1px solid #c4c4c4 ; padding: 0px ; margin: 1px ; background: #fff url('img/gr.gif') repeat-x }
#wyroznione-produkty div.wrapper div img { width: 118px; height: 118px }
#wyroznione-produkty h3 { margin: 2px ; padding: 0px ; color: #000; font-size: 12px ; height: 50px ; overflow:hidden}
#wyroznione-produkty h3 a { color: #000; display: block ; padding: 0px ; margin: 2px  }
#wyroznione-produkty p { margin: 4px 1px }
p.cena { border-bottom: 1px solid #ccc; color: #0463a5 }

ul { list-style: none ; padding: 2px; margin: 0 }
ul li { border-bottom: 1px solid #ccc; padding: 4px ; margin: 0 }
ul li.sub { background: #dedede; padding-left: 10px ; border-top: 1px solid #fff }
ul li.active { background: #666 ; border: 0 }
ul li.active a { color: #fff }


#produkt img { border: 1px solid #000 ; width: 220px }
#produkt form { width: 220px }
#produkt div { margin: 4px; padding; 4px }
#produkt table { border: 1px solid #aaa; border-collapse: collapse ; width: 221px ; margin: 1px; padding: 0 }
td { width: 100px ; margin: 0 ; padding: 2px ; padding-left: 10px }
tr { border: 1px solid #aaa ; height: 30px }
#produkt table input { width: 20px }
tr.odd , tr.odd td { background: #ddd }
td.cecha { padding: 2px; text-align: right ; font-weight: bold ; padding-right: 10px }

button { border: none; background: none }
#koszyk h3 { margin: 0; padding: 0 ; padding-top: 10px }
td.cena, td.wartosc { font-weight: bold }
strong.cena { color: #ff6103; margin: 0; padding: 0 }
td.wartosc { color: #4988c4 }
#produkt button { float: right ; margin: 0; padding; 0 ; height: 26px ; margin-top: 4px }
#produkt form { margin: 0; padding: 0 }
.cena .staracena { font-size: 10px; font-weight: normal; text-decoration: line-through }
.cena .promocja { color: red }

#register fieldset { margin: 14px 2px }
#register fieldset label { display: block ; background: #efefef; border: 1px solid #ccc; position: relative ; padding: 6px; margin: 4px  ; text-align: left }
#register fieldset label input { position: absolute; left: 200px; top: 0px  ; width: 200px; background: #ffff99 }
#register button { background: #0463a5; border: 1px solid black; color: #fff; padding: 4px; margin: 4px }
#userinfo form { float: right; margin: 0; padding: 0 }
#userinfo fieldset { border: none ; margin: 0; padding: 0}
#userinfo form button { float: right ; border-bottom: 1px solid #ff6103; color: #ff6103 ; margin: 2px ; padding: 2px ; cursor: pointer }
#userinfo #logout button { color: #0463a5; border-bottom: 1px solid #0463a5 }

a.dokoszyka , a.zamow { display: block; border: 1px solid #000 ; margin: 4px 0px ; padding: 4px ; background: #ff9e00; color: #fff }
a.zamow { background: #ff6103 }
#skippershop-main a.zamow { width: 200px }
.przelicz button { cursor: pointer; border-bottom: 1px solid #000 ; padding: 0 }

#koszyk table, #koszyk table tr , #koszyk table td { margin: 0; padding: 0 }
div  { text-align: center }
h1, h2, h3, p, li, ul { text-align: left }
#news .news { clear: both; width: 450px ; margin: 4px; padding: 4px }
#news .news h3.title { margin: 0; padding: 0 }
#news .news p.pubDate { margin: 0; padding: 0; color: #adadad }
#news .news p.lead { margin: 10px 0px ; font-weight: bold }
#news .news div.content { margin: 10px 0px; text-align: left }
#addnews textarea#content { width: 450px;  height: 300px ; margin: 0; padding: 0}
#addnews input.title { width: 450px; border: 1px solid #ddd }
#addnews label input, #addnews label textarea { padding: 8px; margin: 4px 0px; border: 1px solid #ddd; background: #ffff99  }
#addnews textarea.lead { width: 450px; height: 70px }
#addnews  { text-align: left }
#addnews label { color: #0463f5; font: bold 14px Arial, Helvetica, sans-serif }

td.title { width: 80% ; text-align: left; font-weight: bold }
td.pubDate { width: 10% ; color: #ccc }

#reklamy img , #reklamy img a { border: none ; margin: 0; padding: 0 }
#reklamy img { margin: 4px 0px }
#reklamy { margin: 2px ; margin-left: 0px }
#actcsv { border-collapse: collapse; margin: 4px; padding: 2px ; border: none ; width: 450px }
#actcsv tr { margin: 1px ; padding: 1px }
#actcsv tr.backup { border: 1px solid #ddd }
tr.active { color: #445566 ; border: 1px solid #445566; background: #dedede }
tr.active td a { color: #fff ; text-decoration: line-through }
#actcsv .data { width: 120px }
form fieldset#formaplatnosci input { width: 20px; height: 20px ; margin: 4px; left: 0 }
form fieldset#formaplatnosci label { padding-left: 30px }
#navcat { text-align: left }
#navcat a { color: #aaa ; text-decoration: underline }
p.last { clear: both; color: #666 }

#produkt table td { font-size: 12px }
#skippershop-footer { clear: both }
