/**
 * optyline.pl
 *
 * @author Piotr Cichosz aka shpyo
 * @version 1.00 2008/02/19
 */

body,html {
	font: normal 11px tahoma, arial, sans-serif;
	background: #035d82 url(../img/bg.gif) repeat-x;
	color: #666;
	margin: 0;
}

/*
 * global styles
 */

*:focus { outline: none; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
img { border: 0; }
input { background: #fff; border: 0; color: #666; }
input.submit { cursor: pointer; }

.clearUl { margin: 0; padding: 0; list-style: none; }
.clear { clear: both; }
.r { float: right; }
.l { float: left; }
.c { text-align: center; }
.ri { text-align: right; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 3px 0; }

#mainBox { overflow: hidden; background: url(../img/bg-bottom.gif) bottom repeat-x; padding: 0 0 20px 0; }

#innerBox { width: 930px; margin: auto; overflow: hidden; }

#navBox { width: 930px; padding: 8px 0; }
#navBox ul, #navBox ul li, #navBox ul li a { height: 24px; }
#navBox ul li, #navBox ul li a { float: left; }
#navBox ul li a { display: block; text-indent: -3000em; }
#navBox ul li a.o-nas { width: 103px; background: url(../img/a-onas.gif); }
#navBox ul li a.regulamin { width: 129px; background: url(../img/a-regulamin.gif); }
#navBox ul li a.wysylka { width: 121px; background: url(../img/a-wysylka.gif); }
#navBox ul li a.o-soczewkach { width: 158px; background: url(../img/a-osoczewkach.gif); }
#navBox ul li a.kontakt { width: 115px; background: url(../img/a-kontakt.gif); }
#navBox ul li a.pomoc { width: 95px; background: url(../img/a-pomoc.gif); }
#navBox ul li a:hover, #navBox ul li a.selected { background-position: 0 -24px; }

#containerBox { width: 720px; overflow: hidden; float: left; }
#containerBox h1 { color: #fff; font-size: 18px; }
#logoBox { background: #fff url(../img/bg-top-btm.gif) bottom no-repeat; padding: 0 0 10px 0; }
#logoBox p.path { margin: 0; padding: 2px 10px; color: #999; }
#logoBox p.path a { color: #999; }
#logoSpace { position: relative; height: 269px; background: url(../img/bg-top.jpg) no-repeat; }
#logoSpace a { text-indent: -3000em; display: one; width: 204px; height: 110px; top: 10px; position: absolute; }
#newsBox { margin: 10px 10px 0 10px; border-top: solid 1px #e5e5e5; padding: 10px 20px; }
#newsBox h1 { color: #005072; }

#containerBox h1.title { position: relative; background: url(../img/h1-title.jpg) no-repeat; height: 20px; padding: 15px 20px; margin: 5px 0; }
#containerBox h1.title span { position: absolute; right: 20px; top: 20px; font-size: 11px; font-weight: normal; }
#containerBox h1.title span a { color: #4dcce7; }
#containerBox h1.title span a.selected { color: #fff; font-weight: bold; }

#containerBox table.products { width: 719px; }
#containerBox table.products td { vertical-align: top; width: 234px; background: #fff url(../img/bg-product.gif) bottom no-repeat; border-bottom: solid 7px #035d82; }
#containerBox table.products td.spacer { width: 2px; background: #035d82; padding: 0 3px; }
#containerBox table.products td div { padding: 0 30px; }
#containerBox table.products td h3 { font-size: 13px; color: #00A8D7; }
#containerBox table.products td h3 a { color: #00A8D7; }
#containerBox table.products td ul li { padding: 2px 0; }
#containerBox table.products td ul li.price { font-weight: bold; font-size: 13px; }
#containerBox table.products td.last { border: 0; }

#containerBox div.pTop { height: 20px; background: #fff url(../img/bg-page-top.gif) top no-repeat; font-size: 0; }
#containerBox div.pWrapper { background: #fff; padding: 10px 30px; }
#containerBox div.pBottom { height: 20px; background: #fff url(../img/bg-page-bottom.gif) bottom no-repeat; font-size: 0; }

#containerBox table.product h4 { font-size: 11px; }
#containerBox table.product td { vertical-align: top; }
#containerBox table.product input.submit { width: 104px; height: 20px; background: url(../img/do-koszyka.gif); }
#containerBox table.product input.przechowalnia { background: url(../img/przechowalnia.gif); width: 115px; }
#containerBox table.product ul.details { margin: 0 0 20px 0; }
#containerBox table.product ul.details li { padding: 7px 0; border-bottom: solid 1px #e5e5e5; overflow: hidden; }
#containerBox table.product ul.details li b, #containerBox table.product ul.details li select, #containerBox table.product ul.details li span.def { display: block; float: left; margin: 0 15px 0 0; }
#containerBox table.product ul.details li b, #containerBox table.product ul.details li span.def { width: 30px; padding: 4px 0 0 0; }
#containerBox table.product ul.details li b.off { font-weight: normal; }
#containerBox table.product ul.details li span.def { width: auto; padding: 4px 0 0 10px; }
#containerBox table.product ul.details li span.is { font-weight: bold; color: #2eb000; }
#containerBox table.product ul.details li span.no { font-weight: bold; color: #f00; }
#containerBox table.product ul.details li select { width: 185px; border: solid 1px #eee; }
#containerBox table.product ul.details li.price del { font-weight: bold; color: #f00; }
#containerBox table.product ul.details li.price span.new { font-weight: bold; font-size: 18px; padding: 0 0 0 10px; }
#containerBox table.product ul.details li.rating img { vertical-align: middle; }
#containerBox table.product ul.details li.rating select { width: 55px; float: none; display: inline; }

#containerBox h2.producents { text-indent: -3000em; background: url(../img/bg-producenci.gif) no-repeat; }

#menuBox { float: left; width: 210px; }
#menuBox img { vertical-align: middle; }
#menuBox a { color: #4DCCE7; font-weight: bold; font-size: 10px; }
#menuBox div.leftMenuPadding { padding-left: 20px; color: #fff; }
#menuBox div.leftMenuPadding ul li { padding: 10px 0; border-bottom: solid 1px #1d6e8f; }
#menuBox div.leftMenuPadding ul li.last { border: 0; }
#menuBox div.leftMenuPadding ul li ul { padding: 0 0 0 25px; }
#menuBox div.leftMenuPadding ul li a { background: url(../img/bg-ul-list.gif) center left no-repeat; font-size: 11px; color: #fff; padding: 3px 0 3px 25px; }
#menuBox div.leftMenuPadding ul li ul li a { background: none; padding: 3px 0; color: #4dcce7; }
#menuBox h3 { text-indent: -3000em; }
#menuBox h3.logowanie { background: url(../img/bg-logowanie.gif) no-repeat; padding: 15px 0; }
#menuBox h3.kategorie { background: url(../img/bg-kategorie.gif) no-repeat; padding: 10px 0; }
#menuBox h3.wyszukiwanie { background: url(../img/bg-wyszukiwanie.gif) no-repeat; padding: 10px 0; }
#menuBox h3.twoj-koszyk { background: url(../img/bg-twoj-koszyk.gif) no-repeat; padding: 15px 0; }
#menuBox h3.producenci { background: url(../img/bg-producenci2.gif) no-repeat; padding: 20px 0; margin: 10px 0 0 0; }

#searchBox { background: url(../img/bg-szukaj.jpg) no-repeat; height: 118px; padding: 5px 0 0 0; }
#searchBox a { color: #fff; }
#searchBox input { width: 172px; }
#searchBox input.submit { background: url(../img/bg-szukaj.gif); width: 50px; height: 21px; margin: 0 20px 0 0; }

#loginBox a { color: #4dcce7; }
#loginBox input { width: 83px; }
#loginBox input.submit { background: url(../img/bg-loguj.gif); width: 50px; height: 21px; margin: 0 8px 0 0; }

#partnersBox { background: #fff url(../img/partnerzy-bottom.gif) bottom no-repeat; padding: 0 0 10px 0; overflow: hidden; }
#partnersBox img { font-size: 0; padding: 0; margin: 0; }
#partnersBox ul { clear: both; overflow: hidden; background: url(../img/bg-partners.gif) no-repeat; }
#partnersBox ul li { float: left; width: 143px; height: 67px; overflow: hidden; margin: 0 1px 1px 0; }

/*#newsletterBox { padding-left: 20px; width: 190px; clear: both; float: right; margin: -240px 0 0 0; }*/
#newsletterBox { padding-left: 20px; color: #fff; }
#newsletterBox a { color: #4DCCE7; font-weight: bold; font-size: 10px; }
#newsletterBox h3.newsletter { background: url(../img/bg-newsletter.gif) no-repeat; padding: 15px 0; text-indent: -3000em; }
#newsletterBox input { width: 172px; }
#newsletterBox input.submit { background: url(../img/bg-zapisz.gif); width: 50px; height: 21px; margin: 0 8px 0 0; }

#footerBox { color: #4dcce7; font-weight: bold; }
#footerBox a { color: #4dcce7; }
#footerBox p.l { padding: 5px 0 5px 20px; }

#copyrightBox { clear: both; border-top: solid 1px #345268; color: #5D8595; padding: 10px 0; overflow: hidden; }
#copyrightBox p { width: 350px; margin: 0; padding: 5px; font-size: 10px; }
#copyrightBox p.l { border-right: solid 1px #334B5F; width: 344px; padding-right: 10px }