html{overflow-y:scroll}

html, body{margin:0 0 20px 0;padding:0;text-align:center;background:url(/Styles/img/background.jpg) top center repeat-x #C8E0F2;font-family:verdana,arial} 
 
#pagewidth{width:860px;text-align:justify;margin-left:auto;margin-right:auto;background:url(/Styles/img/page_bg.gif) top center repeat-y} 

#page{background:url(/Styles/img/page_header.jpg) 0 0 no-repeat;padding:59px 0 0 0} 

#header{width:796px;margin:0 auto 0 auto;background-position:0 -95px} 
#header a{display:block;width:796px;height:297px}
#sidebar{width:182px;float:left;padding:0 2px 0 32px;overflow:hidden}
#sidebar h2{width:163px;margin:0 0 2px 0;padding:8px 5px 8px 14px;font-size:12px;font-weight:bold;color:#FFFFFF;background-position:0 -455px;background-color:#00960B}

.lmc{padding:0;margin:0;list-style:none;width:182px}
.lmc li{margin:0 0 2px 0;display:block;font-size:12px;font-weight:bold}
.lmc a{width:154px;display:block;background-position:0 -395px;padding:8px 5px 8px 23px;text-decoration:none;color:#3e4f3f}
.lmc a:hover{background-repeat:no-repeat;background-position:-182px -395px;text-decoration:none;color:#2e3b2f}
.lmc a.selected{background-repeat:no-repeat;background-position:-182px -395px;text-decoration:none;color:#2e3b2f}

.lmc .snd a{background-position:0 -424px;padding:8px 5px 8px 34px;width:143px}
.lmc .snd a:hover,.lmc .snd a.selected{background-position:-182px -424px}

#sidebar ul li{background-color:#f7fb66}

#content{float:right;display:inline;position:relative;width:564px;padding:30px 50px 30px 30px}
#content .intro{clear:both;overflow:hidden;margin-bottom:30px}
#content h1{color:#00960b;font-family:arial;font-size:22px;font-weight:bold;padding:0;margin:0;clear:left}
#content p{color:#333333;font-size:13px;line-height:1.7em}
#content a{color:#333333}
#content a:hover{color:#333333;text-decoration:none}
#content ul{color:#333333;font-size:13px;line-height:1.7em}

#content .plink{display:block;text-decoration:none;border:solid 1px #888;text-align:left}
#content .plink:hover{border:solid 1px #111}
#content .plink img{max-width:174px;max-height:150px;clear:both;vertical-align:middle}
#content .plink span{font-size:11px;clear:both;display:block;margin:2px 4px}
#content .plink .pspan{height:150px;text-align:center;margin:0;line-height:150px}

#content input.pib{border:solid 1px #888 !important;height:80px}
#content input.pib:hover{border:solid 1px #111 !important}

#content ul.ulp{list-style-type:none}

label{background-color:inherit;color:#606060;font-size:0.9em;font-weight:bold}

#footer{height:55px;background-position:0 0;margin:0 auto 0 auto;clear:both;text-align:left;padding:39px 44px 0 44px;width:772px;background-color:#B3D2EB;font-family:arial;font-size:10px;font-weight:bold;color:#FFFFFF} 

#footer #copy{font-size:11px;font-family:Verdana,Arial;color:#00960b;float:right;margin-top:15px;font-weight:bold}
#footer #copy a{color:#00960b;text-decoration:none}
#footer #copy a:hover{color:#007308}

#footer ul{font-size:11px;font-family:Verdana,Arial;color:#00960b;float:left;margin-top:15px;font-weight:bold}
#footer ul li{list-style:none}
#footer ul a{font-size:11px;font-family:Verdana,Arial;color:#00960b;text-decoration:none}
#footer ul a:hover{color:#007308}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
 
.sprite{background:url(/Styles/img/zabawki_ekologiczne.jpg) no-repeat}

#hint{margin:0pt auto;width:794px;background-color:#fff;clear:both;display:block;margin-top:2px;border:solid 1px #008009;text-align:center}
#hint p{margin:5px;font-size:12px;font-weight:bold;color:#008009}
#hint a{text-decoration:none;color:#008009}
#hint a:hover{text-decoration:underline;color:#007308}

#tmenu{margin:0pt auto;width:796px;background-color:#fff;clear:both;display:block;margin-top:2px;margin-bottom:2px;border-bottom:solid 1px #008009;height:32px}
#tmenu .lmc li{padding:0;text-align:center;width:182px;display:block;float:left;margin-right:1px;color:#444444;vertical-align:bottom;background-color:#00960B}
#tmenu .lmc li.litm{width:152px}
#tmenu .lmc li.litml{width:154px;margin-right:0}
#tmenu .lmc a{padding-left:0;padding-right:0;width:100%;background-position:0 -455px;color:#FFFFFF}
#tmenu .lmc a:hover{background-position:-270px -455px}
#tmenu .lmc{display:inline}

#content .see{width:260px;float:right;background-position:0 -455px;margin-right:20px;margin-top:15px;font-size:12px;border:solid 1px #888}
#content .see span{color:#FFFFFF;height:14px;padding:8px;font-weight:bold;display:block}
#content .see ul{margin:0 2px;padding:0 8px 0 4px;list-style:none;line-height:15px;text-align:left}
#content .see ul li{padding:4px 0}
#content .see a{text-decoration:none}
#content .see a:hover{text-decoration:underline}

#content .pncart{float:right;text-align:center;margin-bottom:20px;margin-top:-20px}
#content .ibcart{clear:both;height:70px}
#content .pncart a{font-size:10px;font-weight:bold;text-decoration:none;color:#007308;display:block}
#content .pncart a:hover{text-decoration:underline;color:#006b08}

#breadcrumb{font-size:10px;font-style:italic;font-weight:bold;margin:-15px 0 15px;color:#007308}
#breadcrumb h2, #breadcrumb h3{width:auto !important;margin:0 !important;display:inline !important;clear:none !important}
#breadcrumb a{font-size:10px !important;font-style:italic !important;font-weight:bold !important;text-decoration:none !important;color:#007308 !important}
#breadcrumb a:hover{text-decoration:underline !important;color:#006b08 !important}

* html .clearfix{height:1%}
.clearfix{display:block}

.tbordersum{margin-top:20px;width:570px}
.tbordersum tr th{font-size:12px !important}
.tbordersum tr.even{color:#555}
.tbordersum tr td{font-size:12px !important}
.tbordersum tr td p{font-size:10px !important}
.tbordersum tr .ar{text-align:right}
.tbordersum tr td label{font-size:12px !important}
.error{font-size:12px;font-weight:bold}

#content .ordertable td a.rm{background:url(/Styles/img/delete_16.png);margin-top:0;float:left;width:20px;height:20px}

.pi{float:left;width:176px;margin-right:10px;margin-top:10px}
.pl{float:left;width:176px;margin-top:10px}

.smalltext th{ font-size:14px;text-align:center}
.smalltext td{ font-size:13px;padding:5px}
.smalltext td img{ float:left;padding:0 5px 5px 0;max-width:280px}
.smalltext input.tb-amount{ width:30px}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/Lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/Lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }