/**
 * emermed.pl
 *
 * @author Piotr Cichosz aka shpyo
 * @version 1.00 2008/04/28
 */

body,html {
	font: normal 11px tahoma, arial, sans-serif;
	background: #F4F8FF url(../img/bg-top.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; }

fieldset { border: 0; padding: 0; margin: 0; }

.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.jpg) top center no-repeat; width: 990px; margin: auto; }

#navBox { height: 191px; position: relative; }
#navBox a.logo { position: absolute; top: 36px; text-indent: -3000em; width: 387px; height: 54px; background: url(../img/logo.gif); }
#navBox p.contact { position: absolute; top: 2px; left: 195px; margin: 0; padding: 5px 0; color: #cfe1ff; }
#navBox p.contact a { color: #fff; }
#navBox p.contact span { padding: 0 10px 0 0; }
#navBox ul { position: absolute; top: 2px; }
#navBox ul#menu2 { right: 0; }
#navBox ul, #navBox ul li, #navBox ul li a { height: 27px; }
#navBox ul li, #navBox ul li a { float: left; }}
#navBox ul li.last { background: none; }
#navBox ul li a { float: left; display: block; text-indent: -3000em; color: #fff; font-size: 13px; }
#navBox ul li a.osklepie { width: 72px; background: url(../img/m-osklepie.gif); }
#navBox ul li a.aktualnosci { width: 92px; background: url(../img/m-aktualnosci.gif); }
#navBox ul li a.jakkupowac { width: 97px; background: url(../img/m-jakkupowac.gif); }
#navBox ul li a.regulamin { width: 84px; background: url(../img/m-regulamin.gif); }
#navBox ul li a.pomoc { width: 61px; background: url(../img/m-pomoc.gif); }
#navBox ul li a.koszty { width: 102px; background: url(../img/m-kosztywysylki.gif); }
#navBox ul li a.raty { width: 48px; background: url(../img/m-raty.gif); }
#navBox ul li a.kontakt { width: 69px; background: url(../img/m-kontakt.gif); }

#loginBox { position: absolute; top: 124px; height: 42px; width: 375px; }
#loginBox h3 { text-indent: -3000em; background: url(../img/logowanie.gif) no-repeat; padding: 1px 0; }
#loginBox fieldset { height: 22px; width: 375px; background: url(../img/bg-login.gif) no-repeat; position: relative; }
#loginBox fieldset input { height: 13px; color: #666; font-size: 10px; position: absolute; }
#loginBox fieldset input.text { top: 4px; left: 6px; width: 104px; }
#loginBox fieldset input.password { top: 4px; left: 132px; width: 84px; }
#loginBox fieldset input.submit { top: 0; left: 221px; width: 22px; height: 22px; background: url(../img/btn-login.gif); }
#loginBox fieldset span { position: absolute; right: 0; top: 3px; }
#loginBox fieldset span a { color: #1b4094; font-weight: bold; font-size: 10px; }

#searchBox { position: absolute; top: 134px; left: 627px; background: url(../img/bg-search.gif) no-repeat; height: 21px; padding: 20px 0 0 50px; }
#searchBox fieldset { height: 22px; background: url(../img/bg-search1.gif) no-repeat; position: relative; width: 340px; }
#searchBox fieldset input { height: 13px; color: #666; font-size: 10px; position: absolute; }
#searchBox fieldset input.text { top: 4px; left: 6px; width: 155px; }
#searchBox fieldset input.submit { top: 0; left: 162px; width: 22px; height: 22px; background: url(../img/btn-search.gif); }
#searchBox fieldset select { position: absolute; left: 350px; }
#searchBox a { color: #1B4094; font-size: 10px; font-weight: bold; position: absolute; left: 190px; top: 5px; }

#basketBox { height: 20px; background: url(../img/bg-koszyk.gif) no-repeat; color: #cfe1ff; position: absolute; top: 57px; width: 134px; font-size: 10px; right: 0; padding: 20px 0 0 48px; }
#repositoryBox { height: 20px; background: url(../img/bg-przechowalnia.gif) no-repeat; color: #cfe1ff; position: absolute; top: 57px; width: 114px; font-size: 10px; left: 625px; padding: 20px 0 0 38px; }

#containerBox { width: 771px; overflow: hidden; float: right; }
#containerBox h1 { font-size: 18px; }

#pathBox { border-bottom: solid 1px #eaeaea; padding: 8px 20px; color: #1B4094; margin: 0; }
#pathBox a { color: #1B4094; }

#newsBox { width: 769px; overflow: auto; background: #fff; border: solid 1px #e0ebff; }
#newsBox ul.news { width: 769px; }
#newsBox ul.news li { width: 344px; float: left; padding: 20px; }
#newsBox ul.news li h2 { font-size: 22px; margin: 0; padding: 3px 0; color: #f24a00; font-weight: normal; }
#newsBox ul.news li h3 { font-size: 16px; margin: 0; padding: 0; color: #f24a00; font-weight: normal; }
#newsBox ul.news li a { font-weight: bold; color: #1B4094; }
#newsBox ul.news li a.more { background: url(../img/ico_read-more.gif) center left no-repeat; padding: 2px 0; }
#newsBox ul.news li ul li { float: none; padding: 4px 0; border-top: solid 1px #EDF4FF; }

#containerBox h1.title, #containerBox h2.title { clear: both; margin: 10px 0 0 0; position: relative; height: 18px; padding: 8px 20px 5px 20px; font-size: 12px; color: #1b4094; background: url(../img/bg-h1.gif) no-repeat; clear: both; }
#containerBox h1.title span, #containerBox h2.title span { font-size: 10px; font-style: normal; position: absolute; top: 9px; color: #1B4094; }
#containerBox h1.title span.paginator, #containerBox h2.title span.paginator { display: block; width: 200px; right: 0; }
#containerBox h1.title span.paginator a, #containerBox h2.title span.paginator a { color: #1B4094; }
#containerBox h2.title { margin: 0 0 10px 0; }

#containerBox table.products { width: 771px; clear: both; margin: auto; background: #fff; border: solid 1px #e1ecff; }
#containerBox table.products td { vertical-align: top; width: 193px; padding: 10px 0 20px 0; background: url(../img/bg-td.gif) center bottom no-repeat; }
#containerBox table.products tr.noBg td { background: none; }
#containerBox table.products td div.data { padding: 5px 20px; border-right: solid 1px #dbe8ff;  }
#containerBox table.products td.last { width: 192px; }
#containerBox table.products td.last div.data { padding: 5px 20px; border: 0;  }
#containerBox table.products td h3 { font-size: 11px; color: #F24A00; }
#containerBox table.products td h3 a { color: #F24A00; }
#containerBox table.products td ul li { padding: 1px 0; }
#containerBox table.products td ul li.desc { color: #666; font-size: 10px; padding: 6px 0; }
#containerBox table.products td ul li.price { font-weight: bold; color: #666; padding: 0 0 6px 0; }
#containerBox table.products td ul li a.more { width: 55px; height: 22px; background: url(../img/wiecej.gif); display: block; text-indent: -3000em; }

#containerBox table.product { width: 771px; clear: both; margin: auto; background: #fff; border: solid 1px #e1ecff; }
#containerBox table.product td { background: none; border: 0; }
#containerBox table.product td h1 { color: #F24A00; font-size: 18px; font-weight: normal; }
#containerBox table.product td.pic, #containerBox table.product td.data { width: 384px; }
#containerBox table.product td.desc { width: 771px; }
#containerBox table.product td.desc div.desc { padding: 5px 30px; }
#containerBox table.product td.pic ul li { display: inline; }
#containerBox table.product td.pic ul li img { border: solid 1px #e6e6e6; }
#containerBox table.product ul.details li { padding: 10px 0; border-bottom: solid 1px #e5e5e5; margin: 0 30px 0 0; }
#containerBox table.product ul.details li a { color: #069; }
#containerBox table.product ul.details li input.small { width: 40px; text-align: center; border: solid 1px #b2cdff; margin: 0 10px; }
#containerBox table.product ul.details li span.y { color: #2eb000; font-weight: bold; }
#containerBox table.product ul.details li span.n { color: #f00; font-weight: bold; }
#containerBox table.product ul.details li.price { padding: 15px 0; }
#containerBox table.product ul.details li.price del { color: #c00; font-weight: bold; }
#containerBox table.product ul.details li.price span { font-weight: bold; font-size: 13px; }
#containerBox table.product ul.details li input.submit { background: url(../img/do-koszyka.gif); height: 22px; width: 121px; }
#containerBox table.product ul.details li input.repository { background: url(../img/do-przechowalni.gif); width: 121px; }
#containerBox table.product ul.details li input.recommend { background: url(../img/polec.gif); width: 174px; }
#containerBox table.product ul.details li input.returns { background: url(../img/zwroty.gif); width: 167px; }
#containerBox table.product ul.details li.instalments { border: 0; }

#newsletterBox { width: 172px; height: 36px; background: url(../img/bg-newsletter.gif); margin: 0 auto 15px auto; padding: 35px 0 0 10px; }
#newsletterBox fieldset { width: 161px; height: 22px; background: url(../img/bg-nletter.gif) no-repeat; position: relative; }
#newsletterBox fieldset input { height: 13px; color: #666; font-size: 10px; position: absolute; }
#newsletterBox fieldset input.text { top: 4px; left: 6px; width: 100px; }
#newsletterBox fieldset input.submit { top: 0; }
#newsletterBox fieldset input.minus { right: 0; width: 23px; height: 22px; background: url(../img/btn-minus.gif); }
#newsletterBox fieldset input.plus { right: 23px; width: 22px; height: 22px; background: url(../img/btn-plus.gif); }

#bottomMenuBox { color: #1b4094; height: 49px; position: relative; }
#bottomMenuBox a { color: #1b4094; font-weight: bold; }
#bottomMenuBox ul { position: absolute; left: 20px; top: 20px; }
#bottomMenuBox ul li { display: inline; }
#bottomMenuBox a.up { position: absolute; right: 10px; top: 15px; font-weight: bold; }

#menuBox { float: left; width: 187px; padding: 0 10px; }

#menuBox img { vertical-align: middle; }
#menuBox a { color: #fff; }

#menuBox h3 { text-indent: -3000em; height: 16px; margin: 10px 0; background: url(../img/kategorie.gif) no-repeat; }
#menuBox ul { margin: 15px auto; width: 183px; }
#menuBox ul li { margin: 2px 0; }
#menuBox ul li a { font-size: 9px; padding: 10px 20px 0 11px; background: url(../img/bg-menu.gif) no-repeat; height: 18px; width: 152px; display: block; }
#menuBox ul li.long a { height: 33px; background: url(../img/bg-menu-long.gif) no-repeat; }
#menuBox ul li.selected { background: url(../img/menu-bullet-on.gif) 166px 8px no-repeat; }
#menuBox ul li ul { margin: 2px 0; }
#menuBox ul li ul li a { background: url(../img/bg-menu-sub.gif) no-repeat; color: #1b4094; }
#menuBox ul li ul li ul li { border-top: solid 1px #dbe8ff; }
#menuBox ul li ul li ul li a { background: none; color: #f24a00; }
#menuBox ul.discount li a { background: url(../img/bg-menu-green.gif) no-repeat; }
#menuBox ul.sale li a { background: url(../img/bg-menu-red.gif) no-repeat; }

#footerBox { height: 82px; background: url(../img/bg-footer.gif) repeat-x; border-top: solid 3px #fd5100; margin: 5px 0 0 0; }
#footerBox p { margin: 0; padding: 0; position: absolute; }
#footerInsideBox { width: 990px; margin: auto; position: relative; top: 33px; font-size: 10px; color: #5976b8; }
#footerInsideBox p.copy { left: 295px; }
#footerInsideBox p.opr { left: 470px; }
#footerInsideBox p.logos { left: 570px; }