html{overflow-y:scroll;}

html, body{margin:0px 0px 20px 0px;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) 0px 0px no-repeat;padding:59px 0px 0px 0px;} 

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

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

ul.lmc li.snd a{background-position:0px -424px;padding:8px 5px 8px 34px;width:143px;}
ul.lmc li.snd a:hover{background-position:-182px -424px;}
ul.lmc li.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:0px;margin:0px;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 a.plink {display:block;text-decoration:none;border:solid 1px #888;text-align:left;}
#content a.plink:hover {border:solid 1px #111;}
#content a.plink img {max-width:174px;max-height:150px;clear:both;vertical-align:middle;}
#content a.plink span {font-size:11px;clear:both;display:block;margin:2px 4px;}
#content a.plink span.pspan {height:150px;text-align:center;margin:0px;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:0px 0px;margin:0px auto 0px auto;clear:both;text-align:left;padding:39px 44px 0px 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 ul.lmc li {padding:0px;text-align:center;width:182px;display:block;float:left;margin-right:1px;color:#444444;vertical-align:bottom;background-color:#00960B;}
#tmenu ul.lmc li.litm {width:152px;}
#tmenu ul.lmc li.litml {width:154px;margin-right:0px;}
#tmenu ul.lmc li a {padding-left:0px;padding-right:0px;width:100%;background-position:0px -455px;color:#FFFFFF;}
#tmenu ul.lmc li a:hover {background-position:-270px -455px;}
#tmenu ul.lmc {display:inline;}

#content .see {width:260px;float:right;background-position:0px -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:0px 2px;padding:0px 8px 0px 4px;list-style:none;line-height:15px;text-align:left}
#content .see ul li {padding:4px 0px;}
#content .see ul li a {text-decoration:none;}
#content .see ul li 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 0px 15px;color:#007308;}
#breadcrumb h2, #breadcrumb h3 {width:auto !important;margin:0px !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;}

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

#content .ordertable td a {background:url(/Styles/img/delete_16.png);margin-top:0px;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;}
#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; }