@import url(reset.css);

body {background: #ccc; line-height: 140%; font-size: 0.81em; font-family: Arial, Helvetica, sans-serif; color: #333; padding-bottom: 2em}
a {color: #333333; text-decoration: none}
strong {font-weight: bold}

#sheet2 {background: #fff; width: 961px; margin: 0 auto; padding: 10px 14px 10px 14px; overflow: hidden;}

#sheet {background: #fff; width: 751px; margin: 0 auto; padding: 14px 25px 1px 25px; float: right;}

#header2 {overflow: hidden; }
#header2 h1 {float: left; width: 237px; height: 61px; background: url(logo_header.png) no-repeat}
#header2 h1 a {display: block; height: 100%; text-indent: -1000em}
#header2 ul {line-height: 1em; text-align: right; float: right; padding-right: 30px;}
#header2 ul {font-family: verdana, sans-serif; font-size: 1.0em}
#header2 ul li {display: inline; border-right: 1px solid #333; padding: 0 5px 0 4px; }
#header2 ul li a { font-weight: bold;}
#header2 ul li.last {border: none; padding-right: 0;}
#header2 ul a {color: #333;}
#header2 ul a:hover  {text-decoration: underline}

#header {overflow: hidden; margin-bottom: 13px; padding-bottom: 10px; border-bottom: 1px dotted #f00; width: 930px;}
#header h1 {float: left; width: 237px; height: 61px; background: url(logo_header.png) no-repeat}
#header a {float: left; width: 237px; background: url(logo_header.png) no-repeat; }
#header a img {padding: 0; margin: 0; width: 930px;}
#header h1 a {display: block; height: 100%; text-indent: -1000em}
#header ul {line-height: 1em; text-align: right; float: right; margin-top: 43px; }
#header ul, #footer, #navpath {font-family: verdana, sans-serif; font-size: 0.85em}
#header ul li, #footer ul li {display: inline; border-right: 1px solid #333; padding: 0 5px 0 4px; }
#header ul li a, #footer ul li a {}
#header ul li.last, #footer ul li.last {border: none; padding-right: 0;}
#header ul a, #footer ul a {color: #333;}
#header ul a:hover, #footer ul a:hover, #navpath a:hover {text-decoration: underline}

#nav {margin: 17px 5px 15px 5px; border-top: 1px dotted silver; font-size: 14px; padding: 0; overflow: hidden; zoom:1; width: 145px; float: left; }
#nav ul {margin-bottom: 30px;}
#nav li {padding: 7px 0px 1px 0px; font-weight: bold; color: #333; border-bottom: 1px dotted silver;}
#nav li a {color: #333}
#nav li a:hover {border-bottom: 1px dashed #9a9a9a}
#nav li.promo {color: #f00; background: url(promobear.png) 0px center no-repeat; padding: 7px 0px 0px 35px;}
#nav li.promo a {color: #f00; }

/*#nav li {display: inline}
#nav li a {float: left; padding: 7px 14px; font-weight: bold; color: #333}
#nav li a:hover {color: #9a9a9a}
#nav li.promo a {color: #f00; background: url(promobear.png) 7px center no-repeat; padding-left: 42px; padding-right: 0}
*/
#nav li.promo a:hover {color: #333}

#board {overflow: hidden; margin-bottom: 15px; }
#board .pic {margin: 0; float: left; width: 507px; overflow: hidden;}
#board .col {background: url(bigstuffcol.png) no-repeat; height: 248px; width: 225px; float: left; margin-left: 4px; display: inline; position: relative}
#board #search {padding: /* 40px */ 0 19px 0 19px; background: url(boardred.png) no-repeat; height: 182px}
#board #search h2 {height: 35px; text-indent: -1000em; }
#board #search label, #title-search label {display: block; font-weight: bold; color: #fff; font-size: 11px}
#board #search select {margin-bottom: 4px; display: block; width: 100%}
#board #checkoutpromo {height: 63px; /* position: absolute; bottom: 0; */ width: 100%; background: url(banerek2.jpg) no-repeat; }
#board #checkoutpromo a {text-indent: -1000em; height: 100%; display: block }
#board #search select { font-size: 12px; }

/*#board #checkoutpromo {height: 63px;  width: 100%; background: url(boardpromo.png) no-repeat; } #board #checkoutpromo a {text-indent: -1000em; height: 100%; display: block }*/

#categories {margin-bottom: 15px;}
dl.cat {border-bottom: 1px dotted #333; clear: both; overflow: hidden; zoom:1; margin-bottom: 12px; padding-bottom: 10px}
dl.cat dt {float: left; width: 200px; height: 100%; margin-right: 20px}
dl.cat dt img {display: block;}
//dl.cat dt img:hover {display: block; zoom:1; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;}
dl.cat dd {float: left; width: 160px; height: 140px; margin-right: 15px; zoom:1;}
dl.cat dd a {display: block;}
dl.cat dd a:hover {display: block; zoom:1;}
dl.cat dd a img {display: block; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;}
dl.cat dd a img:hover {display: block; zoom:1; filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}

#categories {margin-bottom: 15px;}
dl.mcat {border-bottom: 1px dotted #333; clear: both; overflow: hidden; zoom:1; margin-bottom: 12px; padding-bottom: 10px}
dl.mcat dt {float: left; width: 200px; height: 100%; margin-right: 20px}
dl.mcat dt img {display: block;}
//dl.cat dt img:hover {display: block; zoom:1; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;}
dl.mcat dd {float: left; width: 160px; margin-right: 15px; zoom:1;}
dl.mcat dd a {display: block;}
dl.mcat dd a:hover {display: block; zoom:1;}
dl.mcat dd img {display: block; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;}
dl.mcat dd img:hover {display: block; zoom:1; filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}

#titlebar {background: url(titlebar.png) no-repeat; line-height: 42px; padding: 0 10px; margin-bottom: 12px;}
#titlebar h2 {font-weight: bold; color: #fff; font-size: 22px;}

.tb_search#titlebar {background: none; padding: 0; line-height: 1.4em; background: none; overflow: hidden; zoom:1}
.tb_search #title-search {float: left; background: url(titlebarsearch.png) no-repeat; width: 536px; height: 57px; margin: 3px 3px 0 0;}
.tb_search #title-search ul {padding: 7px 10px 0 20px;}
.tb_search #title-search li {float: left; width: 148px; margin-right: 18px; display: inline }
.tb_search #title-search label {color: #fff;}
.tb_search #title-search select {display: block; width: 100%; font-size: 12px}
.tb_search #checkoutpromo {float: left; width: 208px; height: 62px; background: url(banerek1.jpg) no-repeat;  text-indent: -1000em}
.tb_search #checkoutpromo a {display: block; height: 100%}
	
/*.tb_search #checkoutpromo {float: left; width: 208px; height: 62px; background: url(banerek2.jpg) no-repeat;  text-indent: -1000em}
.tb_search #checkoutpromo a {display: block; height: 100%}*/
	
#navpath {margin-bottom: 12px; padding: 0 0 0 3px}	
#navpath b {font-weight: normal; margin: 0 3px}	

.fancyframe, #category {background: #fbfbfb; border: 1px dashed #d16e7a; padding: 9px 12px 0 12px}

#productfocus {overflow: hidden; zoom:1}
#productfocus .main {width: 347px; float: right;}
#productfocus .side {width: 389px; float: left;}
#productfocus p.pic {border: 1px dashed #d16e7a; padding: 10px 0; margin-bottom: 14px; text-align:center;}
#productfocus p.pic span {font-size: 10px; display: block; text-align: left; margin-bottom: 5px; margin-left: 10px;}
#productfocus .details {zoom:1}
#productfocus .details h3 {background: url(title-opis.png) no-repeat; height: 14px; text-indent: -1000em; margin-bottom: 10px;}
#productfocus .availablecolors {zoom:1; font-size: 11px; margin-bottom: 10px; }
#productfocus .availablecolors h3 {background: url(title-dost.png) no-repeat; height: 14px; text-indent: -1000em; margin-bottom: 10px;}
#productfocus .availablecolors dl {overflow: hidden; zoom:1}
#productfocus .availablecolors dt {float: left; width: 16px; text-indent: -1000em; height: 13px; margin-bottom: 8px; clear: both; zoom:1}
#productfocus .availablecolors dt img {display: block; zoom:1}
#productfocus .availablecolors dd {}
#productfocus .availablecolors dd {float: right; width: 290px;text-indent: -1000em; height: 13px; background: #333; margin-top: 1px; line-height: 1em; zoom:1; margin-bottom: 8px}
#productfocus .availablecolors dd strong {display: block; background: #090; height: 100%}
#productfocus .availablecolors p {margin-bottom: 9px}
#productfocus .availablecolors a {color: #b2061c; font-weight: bold;}

#productfocus .prefs {overflow: hidden}
#productfocus .prefs dl {float: left; width: 50%; margin-bottom: 10px}
#productfocus .prefs dl dt {font-weight: bold}
#productfocus .prefs a {float: left; margin-right: 4px}
#productfocus .fancyframe {margin-bottom: 14px;}
#productfocus .desc a {color: #b2061c}
#productfocus .desc a:hover {text-decoration: underline;}
#productfocus .desc p {margin-bottom: 0.7em}
#productfocus .desc .more {font-size: 0.85em; font-weight: bold}
#productfocus .photos {overflow: hidden; margin-bottom: 14px;  }
#productfocus .photos h3 {margin-bottom: 8px; font-weight: bold}
#productfocus .photos a {}
#productfocus .photos img {border: 1px dashed #d16e7a; float: left; margin-right: 10px;  margin-bottom: 5px;}
#productfocus .photos a:hover {border: 1px}
#productfocus .photos a:hover img {border-style: solid;  zoom:1}
#productfocus .photos li {display: inline}

.pricebox {background: #e2e2e2; overflow: hidden; border: 1px solid #cccccc; padding: 8px 10px; margin-bottom: 14px; zoom:1}
.pricebox p {float: left; width: 50%;}
.pricebox .error {font-size: 12px; color: #b2061c; font-weight: bold;}
.pricebox em {font-size: 0.85em; margin-bottom: 5px; font-style: normal; display: block}
.pricebox strong {font-size: 30px; display: block; color: #b2061c; line-height: 1em}
.pricebox span {margin-top: 8px; display: block}
.pricebox span a img {border: 1px solid #8b8b8b}
.button {background: #b2061c; color: #fff; border: 1px dashed #de960c; font-weight: bold; cursor: pointer; font-size: 13px; padding: 1px 20px; font-family: "Trebuchet MS";}
.button:hover {background: #333}
.pricebox fieldset {float: right; width: 140px}
.pricebox fieldset select {display: block; margin-bottom: 5px; width: 100%; font-size: 10px}
.pricebox fieldset input {display: block; width: 100% }

#category {margin-bottom: 15px; padding-right: 0; zoom:1;}
#category dl {margin-bottom: 0; border: none;   zoom:1; padding: 0; }
#category dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#category dl dt {width: 190px}
#category dt strong {}
#category dl dd {display: inline;  }
#category dl dd a {display: block;   zoom:1; color: #b2061c; font-weight: bold}
#category dl dd a:hover {height: 1%}
#category dl dd img {  display: block; margin-bottom: 5px}
#category dd span {display: block; padding-left: 12px}
#category dl dd a:hover img {visibility: visible; display: block}
#category dl dd a:hover span {color: #333}
/* #category dl dd a em {color: #b2061c;  font-weight: bold;  } */
#category dl.cat dd.active a img {visibility: visible; display: block}
#category h2 {padding-left: 0px; font-size: 16px; margin-bottom: 10px; margin-top: 20px; color: #e92946; font-weight: bold; display: block; clear: both;  height: auto;
top: -18px; position: relative; float: left; margin-bottom: -12px
}
#category p {margin-bottom: 12px; padding-right: 12px;

clear: both
}


.headline {margin-bottom: 15px;}
.headline h2 {color: #e92946; font-size: 16px; font-weight: bold;}
.headline p {margin-bottom: 10px}

#pager {background: url(pager.png) no-repeat; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #fff; margin-bottom: 20px; clear: both}
#pager a {font-weight: bold; padding: 0 3px; color: #fff}
#pager a:hover {text-decoration: underline}


div.products-ul_wrapper { }
ul.products {margin: 0 -28px 20px 0}
ul.products li {width: 166px; margin-right: 28px; float: left; margin-bottom: 18px; display: inline}
ul.products li h3 {font-size: 13px; font-weight: bold; margin-bottom: 5px;}
ul.products li h3 span {display: block; text-align: center; margin-bottom: 5px;}
ul.products li h3 a:hover {color: #9A9A9A;}
ul.products li h3 span img {}
ul.products li p {font-size: 0.8em; line-height: 2em; margin-bottom: 4px }
ul.products li p * {vertical-align: middle}
ul.products li.clr {height: 1px; line-height: 1px; clear: both;  border-bottom: 1px dotted #333; width: 751px; margin: 0 0 8px 0; float: none; display: block; zoom:1}
.pricelabel {font-size: 14px; font-weight: bold; background: url(pricelabel-red.png) no-repeat; padding: 7px 8px 5px 9px; color: #fff; font-style: normal}
ul.products_promo .pricelabel {background-image: url(pricelabel-green.png)}

.otherprods h2, .superpromos h2 {border-bottom: 1px dotted #333; font-size: 14px; font-weight: bold; padding-bottom: 5px; margin-bottom: 15px; color: #b2061c}
.otherprods ul.products li, .superpromos ul.products li {width: 127px}
.otherprods ul.products li.clr {width: 751px}
.superpromos ul.products li.clr {border: none;}


p.pager {text-align: center; margin-bottom: 10px; padding: 5px 0; font-weight: bold}


/* input.text { font-size: 11px} */

#cart {font-size: 12px; margin-bottom: 3em; zoom:1} 
#cart ul {padding: 17px 20px 0 20px; margin-bottom: 14px;} 
#cart li {clear: both; overflow: hidden; padding-bottom: 18px; margin-bottom: 18px; zoom:1}
#cart li.clr {clear: both; overflow: hidden; border-bottom: 1px dotted #333; padding-bottom: 18px; margin-bottom: 18px; zoom:1}
#cart li.last {border: none; margin-bottom: 0}
#cart li .a {float: left; width: 330px;}
	#cart li h3 {font-weight: bold; margin-left: 33px}
	#cart li h3 input {margin: 0px 0 0 -33px; float: left}
	#cart li h3 label {display: block}
	#cart li .a p {margin-left: 33px; line-height: 1.8em}
	#cart li .a .quantity {width: 3em;font-size: 11px}
	#cart li .a em {font-weight: bold}		
#cart li .b {float: left; width: 177px; padding: 0 16px}
	#cart li .b em {font-size: 11px; font-style: normal}
	#cart li .b strong {font-size: 30px; display: block; color: #b2061c; line-height: 1em}
#cart li span {float: right; width: 170px; width: 152px; text-align: right; padding-right: 18px;}
	#cart li span img {border: 1px solid #ccc}
#cart .buttons {float: left; padding-top: 20px}
#cart .buttons .button {}
	#cart .btn-del {width: 17em}
	#cart .btn-back {width: 13em}
	#cart .btn-buy {width: 8em}
#cart .pricebox {float: right; background: #fff; padding: 5px; margin-right: 20px; display: inline}
#cart .pricebox em {font-size: 11px; margin-bottom: 0}

#container {font-size: 12px; padding-bottom: 1px; margin-bottom: 1.4em}
#container p {margin-bottom: 1em}

#container .fancyframe {padding: 15px 25px 0 25px; margin-bottom: 15px}
.section h3 {background: url(title-opis.png) no-repeat; height: 14px; text-indent: -1000em; margin-bottom: 11px; overflow: hidden; }
li.section {border-bottom: 1px dotted #333; margin-bottom: 1em}
li.section .cell {float: left; width: 40%; margin: 0 14px 0.3em 0;}
li.section .cell select, li.section .cell input.text {width: 90%}
.section label strong {display: block; font-weight: normal; margin-bottom: 0.4em}
li.section fieldset {margin: 0 }

li.section#twojeUwagi, 
.orderconfirmation li.section#twojeUwagi {border-bottom: 0;}
li.section#twojeUwagi textarea {width: 50%}
li.section#dostawa fieldset {margin-bottom: 1em}

p.cells {overflow: hidden}

.ordercheckout input.text {width: 40%}
.ordercheckout h3 {background-image: url(title-podajDane.png)}


#statusZamowienia h3 {background-image: url(title-statusZamowienia.png); background-position: -1px 0;}
#daneZamawiajacego h3 {background-image: url(title-daneZamawiajacego.png);}
#faktura h3 {background-image: url(title-faktura.png);}
#dostawa h3 {background-image: url(title-dostawa.png);}
#sposobPlatnosci h3 {background-image: url(title-sposobPlatnosci.png);}
#poznalemRegulamin a {color: #b2061c; font-weight: bold;}
#sposobWysylki h3 {background-image: url(title-sposobWysylki.png);}
#adresWysylki h3 {background-image: url(title-adresWysylki.png);}
#twojeUwagi h3 {background-image: url(title-twojeUwagi.png);}
#daneZamawiajacego h3 {background-image: url(title-daneZamawiajacego.png);}
#doZaplaty h3 {background-image: url(title-doZaplaty.png);}
#formaPlatnosci h3 {background-image: url(title-formaPlatnosci.png);}
#sposobDostawy h3 {background-image: url(title-sposobDostawy.png);}

br.clr {height: 0px; line-height: 0; overflow: hidden; clear: both; }
#container .buttons {padding: 3px 25px; margin-bottom: 3em}

#container .fancyframe .buttons {margin-left: 0em; padding-left: 0em; padding-bottom: 1em; margin-bottom: 1em;}
li.section#twojeUwagi {padding-top: 1em;}

#container.ordinary .fancyframe {padding: 10px 10px 0 10px;}
#container.ordinary h3 {}
#container.ordinary ul {margin-bottom: 1.3em; padding-left: 2em; list-style: disc}
#container.ordinary h3 {color: #b2061c; font-family: Arial; font-weight: bold; font-size: 15px; margin-bottom: 0.5em}
#container.ordinary a {color: #b2061c; text-decoration: underline}
#container.ordinary a:hover {color: #777; text-decoration: none}
#container.ordinary em {font-style: italic}

#container.final {margin-bottom: 3em}
#container.final .fancyframe {padding: 45px}
#container.final p {text-align: center}
#container.final p.if {margin-top: 3em}
#container.final p strong {display: block}
#container.final .cash {font-size: 14px; color: #b2061c}
#container.final .account, #container.final h3 {font-size: 18px; color: #b2061c; }
#container.final h3 {text-align: center; margin-bottom: 1em}
#container.final .orderno {font-size: 14px; color: #b2061c}
#container.final a {font-weight: bold;  }


.form label strong {font-weight: block; display: block; color: #b2061c;}
.form input.text, .form select, .form textarea {width: 350px}
.form .captcha *{vertical-align: middle}

#footer {margin-bottom: 18px; clear: both}
#footer dl {border-top: 1px dotted #f00; border-bottom: 1px dotted #f00; overflow: hidden; padding: 5px 0; zoom:1; margin-bottom: 15px} 
#footer dt {margin-right: 10px;}
#footer dt a {background: url(logo_neumann.png) no-repeat; height: 27px; width: 70px; float: left; text-indent: -1000em}
#footer dd {margin: 0px 0 0 82px; padding-top: 4px}
#footer dd ul {zoom:1}
#footer p {clear: both; font-size: 0.9em}

#footer .links {margin-top: 15px; margin-bottom: 15px;}
#footer .links p {clear: both; font-size: 1.0em; }
#footer .links a {clear: both; font-size: 1.0em;}
#footer p img {vertical-align: middle;}

#container .error {font-weight: bold; color: #ff0000;}
#container .ok {font-weight: bold; color: #0000ff;}