body,html {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	text-align: left;
}




a {
	color: #33c;
}
a:visited {
	color: #55b;
}
a:hover {
	color: #3c3;
}

h2.headng{ 
	margin: 10px 0px 5px;
	padding: 0;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:  #8fb723;
	border-bottom: #8fb723 solid 1px;
}


hr{
	border: solid 1px #eee;
}

em {
	font-weight: bold;
	color: #777;
	font-style: normal;
}

input, select, textarea{
	font-family: arial, sans-serif;
}


/*
 >> Layout
*/
	div#pageCtnt{	/*Jak się zrobi min-width w body to źle działa w FF*/
		min-width: 999px;
	}
	
	div#wrapr{
		margin: 3px 0px 0px;	/* Note: marginesy lewy i prawy muszę być zerowe ze względu na width: 100% */
		padding: 0 0 15px;
		width:100%;
		float: left;
		clear: both;
	}
	
	div#midlCol {
		margin-left: 191px;
		margin-right: 210px;
		padding: 10px 15px;
	}
	
	div#mainCtnt {
		float:left;
		margin: 0px;
		padding: 0px;	/* musi zostać 0px, bo width: 100%; */
		width: 100%;
	}
	
	div#leftCol {
		float: left;
		width: 191px;
	}
	div#leftColPadng {
		padding: 6px 0px 6px 6px;
	}
	
	div#rightCol {
		float: right;
		width: 210px;
	}
	div#rightColPadng {
		padding: 6px 6px 6px 0px;
	}

	table#pageHeadr{
		width: 100%;
		/*border: solid 1px red;*/
		border-collapse: collapse;
	}
	#pageHeadr td {
				/*border: solid 1px red;*/
		
		padding: 0;
		text-align: left;
		vertical-align: top;
	}
	
	#pageHeadr td.loginPart {
		width:450px;
	}
	#pageHeadr td.logoPart {
		width:105px;
	}
	
	
	
	/*div#pageHeadr {*/
	/*	float: left;*/
	/*	width: 100%; */
	/*	height:100px;*/
	/**/
	/*	overflow: auto;*/
	/*	background: #fff;*/
	/*	color:#000000;*/
	/**/
	/*	font-size: 12px;*/
	/*}*/
	
	
	
	/*div#logo {*/
	/*	float: left;*/
	/*	padding: 5px 15px;*/
	/*}*/
	
	div#utilsMenu {
		float: right;
		background: #fff;
		padding: 3px 0;
	}
	
	div#ctgsMenu {
		clear: both;
		overflow: auto;
		padding: 2px 0;
		
		background: #fff;
		border-bottom: #aab solid 1px;
		font-weight: bold;
	}
	
	div#singlSbctgsMenu {
		clear: both;
		overflow: auto;
		margin: 5px;
		padding: 2px 0;
		border: #b2ec7a solid 1px;
	}
	
	div#allCtgsMenu {
		display: none;
		clear: both;
		margin: 5px;
		padding: 10px 7px 12px;
		overflow: auto;
		background: #fbfaf9;
		border: #88b solid 1px;
	}
	
	
	
	.tplCtntWrapr {
		margin: 15px 0;
	}
	
/*
 << Layout
*/



/* > Scroll */
	/* General */
		.horizTxtScroll {
			position: relative;
			overflow: hidden;
		}
		
		.horizTxtScrollCtnt {
			position: relative;
			float: left;
			visibility: hidden;
			white-space:nowrap;
			font-family: arial, sans-serif;
		}
	
	/* Specific */
		#scroll_askAbout {
			float: left;
			width: 300px;
			padding-top: 8px;
			padding-bottom: 3px;
			font-weight: bold;
			border-bottom: solid 1px #eef;
			cursor: pointer;
		}
		#scroll_askAbout {
			font-size: 14px;
			color: #6faadf;
		}
		#scroll_askAbout em {
			font-style: normal;
			font-weight: bold;
			color: #006dcf;

		}
		
		#pageHeadr td.scrollPart {
			vertical-align:middle;
		}
	
		
/* < Scroll */

.retLink {
	margin: -5px 10px 20px;
}


div.colBoxs {

	background:#DBDBDB;
	font-size:11px;
	
	padding:2px 1px 2px 2px;
	
}

.colBoxs b.headng{
	display:block;
	background:#88AC27;
	color:#FFFFFF;
	padding: 5px 0;
	font-family: arial, sans-serif;
	font-size:12px;
	font-weight:bold;
}


.colBoxs .ctnt{
	background:#FFFFFF;
	padding: 10px 10px;
	color:#5D5D5D;
}


h1.pageTitle{
	margin: 5px 0px 15px;
	font-size: 30px;
	font-family: tahoma, arial, sans-serif;
	color:#4182BE;
	font-weight:normal;
}



/* > ordPath */
	
	.ordPath {
		margin: 0px 0 10px;
		padding: 0px 0px;
	}
	
	.ordPath table {
		border-collapse: collapse;
		width: 100%;
	}

	.ordPath td {
		font-family: arial, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}
	
	
	.ordPath .title {
		text-align: center;
	}
	
	.ordPath .emptyLine {
		background: #ddd;
		font-size: 1px;
		height: 5px;
	}

	.ordPath .filldLine, .ordPath .halfFilldLine {
		background: #e00;
		font-size: 1px;
		height: 5px;
	}
	
	.ordPath .halfFilldLine {
		width: 50%;
		border-right: solid 2px #e00;
	}
	

	.ordPath .emptyPnt, .ordPath .filldPnt {
		width: 50%;
		height: 3px;
		
		margin-top: 2px;
		border-right: solid 2px #ddd;
		font-size: 1px;
	}

	.ordPath .filldPnt {
		border-right: solid 2px #e00;
	}
	
	.ordPath a.achvd {
		color: #f22;
	}
	
	.ordPath .notAchvd {
		color: #bbb;
	}
	.ordPath .cur {
		font-weight: bold;
		color: #c00;
	}
	

/* < ordPath */



/*
	> loginFrm
*/
.loginFrm {
	/*float: right;*/
	/*width:450px;*/
	padding: 10px;
	text-align: right;
}
.loginFrm label.txtBox {
	margin: 0 5px 0 10px;
	font-weight: bold;
}
.loginFrm input.inp {
	width:114px;
	vertical-align:middle;
	border:1px solid #257D31;
	background:#E2E2E2;
	height:18px;
}
.loginFrm label.chkBox {
	vertical-align:middle;
}
.loginFrm input.chkBox {
	margin: 0 8px 0 5px;
	vertical-align:middle;
}
.loginFrm .btn{
	margin-left: 5px;
	vertical-align: middle;
	border-style: none;
}


.logdInUsr {
	float:right;
	margin:5px 10px;
	width:300px;
	text-align:right;
	font-size: 13px;
}
.logdInUsr .sep {
	margin: 0 10px;
	color: #aaa;
}
.logdInUsr .val {
	margin-left: 4px;
	font-weight: bold;
}

/*
	< loginFrm
*/





/*
	> srchFrm
*/


div#srchFrm {
	clear: both;
	margin: 1px 0 0;
	padding: 1px 10px 1px;
	font-size: 12px;
	overflow: auto;
	background: #C8E5FE;
}

div#simplSrchFrm {
	margin: 5px 0px;
	vertical-align: middle;
}

#srchFrm label{
	font-weight: bold;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	margin: 0 5px;
}
#srchFrm .txtInp{
	margin: 0 10px 0 0;
	border:1px solid #257D31;
	background:#E2E2E2;
	height:18px;
	vertical-align: middle;
}

#srchFrm .selInp{
	margin: 0 10px 0 0;
	border:1px solid #257D31;
	vertical-align: middle;
}

div#advSrchFrm {
	display: none;
	clear: both;
	margin: 5px 0px;
	padding: 10px 7px 12px;
	overflow: auto;
	background: #cdeaff;
	border: #a8c5de solid 1px;
}

span.toglASFBtn {
	margin: 0 10px;
	color: #000;
	font-weight: bold;
	font-size: 12px;

	cursor: pointer;
}
span.toglASFBtn:hover{
	color: #0066ff;
}

span#toglASFIcon{
	margin-right: 3px;
	color: #6688aa;
	font-weight: bold;
	vertical-align:middle;
}
span#toglASFTxt {
	vertical-align:middle;
	font-size: 11px;
}

/*
	< srchFrm
*/




	
	/* > topMenu */
	.topMenu {
		clear: both;
		padding: 7px 5px 8px 5px;
		background:#3777A8;
		height:12px;
		font-size:11px;
		font-family:arial, sans-serif;
		color:#FFFFFF;
		line-height: 12px;
	}
	.topMenu a{
		margin: 0 15px;
		text-decoration:none;
		color:#FFFFFF;
		text-transform:uppercase;
	}
	.topMenu a:visited {
		color:#FFFFFF;
	}
	
	.topMenu a:hover {
		color:#F1C6C6;
	}




/* > navMenu Menu nawigacyjne z kategoriami */
	div.navMenu {
		font-family: arial, sans-serif;
		background:#fff;
		font-size:12px;
		border: 2px solid #88AC27;
		border-right-width: 5px;
		border-bottom-width: 3px;
		
	}
	.navMenu span.mainCtg{
		display:block;
		padding: 4px 12px 5px;
		text-align:left;
		background:#4182BE;
		border-top: 1px solid #88AC27;
		border-bottom: 1px solid #88AC27;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
	}
	
	
	.navMenu a{
		display:block;
		padding: 2px 10px 2px;
		width:158px;
		line-height: 14px;
		text-align:left;
		text-decoration:none;
		color:#494949;
	}
	.navMenu a:visited {
		color:#494949;
	}
	
	
	.navMenu div.colpsbl, .navMenu div.indirct {
		padding: 2px 10px 2px;
		line-height: 14px;
		text-align:left;
		color:#494949;
	}
	
	.navMenu div.colpsbl {
		cursor: pointer;
	}
	
	.navMenu div.xpndd {
		color: #888;
		font-weight: bold;
	}
	
	
	.navMenu a:hover { /*.navMenu div.hover {*/
		background:#88AC27;
		color:#FFFFFF;
	}
	
	.navMenu a.curCtg{
		font-weight: bold;
		color:#66c;
	}
	
	
	.navMenu div.sbctgsCtainr {
		display:none;
		padding: 2px 0px;
		background: #fcfcfc;
		border-top: 2px solid #f2f2f2;
		border-bottom: 2px solid #f2f2f2;
	}


	/* > pageFootr */

		div#pageFootr {
			clear:both;
			padding: 2px 0 0;
			border-top: solid 2px #88ac27;
		}
		
		div#footrMenu {
			padding: 7px 5px 8px 5px;
			background:#3777A8;
			height:12px;
			font-size:11px;
			font-family:arial, sans-serif;
			color:#FFFFFF;
			text-align: center;
		}
		
		
		div#footrMenu a{
			margin: 0 10px;
		
			text-decoration:none;
			color:#FFFFFF;
			text-transform:uppercase;
		}
		div#footrMenu a:visited {
			color:#FFFFFF;
			/*color: #000;*/
		}
		
		div#footrMenu a:hover {
			color:#F1C6C6;
		}
		
	/* < footrMenu */


/*
<< Layout
*/


.crossOutPrice {
	color: #000;
	font-weight: normal;
	text-decoration:line-through;
	white-space: nowrap;
}




/*
 > Product list - lista produktów
*/


div.prodsLst{
	margin: 5px 0 15px;
	font-size: 11px;
}

.prodsLst hr {
	margin: 0 0 8px;
	border: none;
	border-bottom: solid 1px #ddd;
}

div.prodsLst h2.headng{
	margin: 0px 0px 8px;
}


.prodsLst .priceLVP {
	margin-bottom: 8px;
	text-align: right;
}

.prodsLst .crossOutPrice {
	font-size: 14px;
}
.prodsLst .price{
	color: #c00;
	font-family: tahoma, sans-serif;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;

}





.prodsLst table.prod {
	width: 100%;
	margin: 0px 0 8px;
	
	border-collapse: collapse;
	border-bottom: solid 1px #ddd;
	

}
.prodsLst table.prod td{
	vertical-align: top;
	padding: 0 0 8px;
}
.prodsLst table.prod td.cover{
	width: 70px;

	padding-left: 5px;
	padding-right: 8px;
	text-align: center;
}


.prodsLst table.prod td.btns{
	width: 150px;
	padding-right: 5px;
}

div.prodsLst .titleAuthrs {
	margin-bottom: 4px;
}
div.prodsLst .prodTitle {
	margin-bottom: 2px;
}

div.prodsLst .prodTitle a {
	font-size: 13px;
	font-weight: bold;
}
div.prodsLst div.prodAuthrs{
	font-weight: bold;
	color: #999;
	
}

.prodsLst .prodLVP {
	clear: both;
	margin: 1px 0;
}

.prodsLst .lbl {
	margin-right: 6px;
	color: #666;
}


/*
 < Product list - lista produktów
*/


/*
 > Product column-list - kolumnowa lista produktów
*/


.prodsColLst .price{
	color:#930000;
	font-weight: bold;
}

div.prodsColLst{
}

div.prodsColLst a.prodTitle{
	font-size: 12px;
	font-weight: bold;
}
div.prodsColLst div.prodAuthrs{
	font-weight: bold;
	color: #666;
}


.prodsColLst td {
	padding: 3px 6px;
}


/*
 < Product column-list - kolumnowa lista produktów
*/




/*
 > Product details - szczegóły produktu (książki)
*/

div.prodDtails{
	overflow: auto;
}
div.prodDtails div.cover{
}


.prodDtails .prodLVP {
	clear: both;
	margin: 2px 0;
}

div.prodDtails h1.prodTitle{
	margin: 2px 0 0;
	padding: 0;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #555;
}
div.prodDtails div.prodAuthrs{
	margin: 0 0 5px;
	font-size: 13px;
	font-weight: normal;
	color: #666;
}
.prodDtails .priceCtainr {
	margin-bottom: 10px;
}
div.prodDtails .price{
	margin-left: 6px;
	color:#cc0000;
	font-family: tahoma, sans-serif;
	font-weight: bold;
	font-size: 15px;
}
div.prodDtails h2.headng{
	margin: 25px 0px 12px;
}
div.prodDtails table.uavaProdNotc{
	margin: 0 0 5px;
}
div.prodDtails table.uavaProdNotc td{
	padding: 0;
	color:#777;
	font-size:11px;
}

.prodDtails .lbl {
	margin-right: 8px;
	color: #888;
	font-weight: bold;
}


div.fullDscr/*genl-przy liście też*/, div.TOC{
	padding: 0px 10px;
}
div.fullDscr{
	font-size: 12px;
}
div.TOC{
	font-size: 12px;
}
div.fullDscr b,div.TOC b{
	color: #555;
}
/*div.TOC{
}*/
div.TOC h3{
	color: #555;
	padding: 0px;
	margin: 12px 0px 5px 0px;
	font-size: 13px;
}
div.TOC h2{
	color: #555;
	padding: 0;
	margin: 16px 0px 12px 0px;
	font-size: 15px;
}
div.TOC ul{
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 0px 30px;
	list-style-type: circle;
}
div.TOC li{
	margin: 1px 0px;
}



/*
 < Product details - szczegóły produktu (książki)
*/








/* >> btns */
	
	
	.inlnBtn {
		float: left;
		padding: 1px 6px;
		
		font-family: arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		white-space: nowrap;
		
		background: white;
		border: solid 2px #fdd4ad;
		border-top: solid 2px #fdc28d;
		border-bottom: solid 2px #fdc28d;
		/*color: #630;*/
		color: #952;
		
		cursor: pointer;
	}
	.inlnBtnOver {
		background: #fffcf4;
		color: #630;
	
	}
	
	

	
	.addToSL {
		/*border: solid 1px #f00;*/
		width: 100%;
		/*white-space: nowrap;*/
		float: right;
		clear: right;
		line-height: 1px;
		text-align: right;
		padding-bottom: 6px;
	}

	
	.addToSL .loadngIco {
		position: relative;
		top: -2px;
		margin-right: 4px;
	}
	
	.addToSL .btn{
		cursor: pointer;
	}
	
	.addToSL .msg{
		float: right;
		clear: right;
		padding: 3px 5px 3px;
		
		border: solid 1px #f0f0f0;
		
		font-family: arial, sans-serif;
		font-size: 11px;
	}

	.addToSL .msg img {
		margin-left: 4px;
	}

	
	.chkoutBtnTbl {
		width:100%;
		clear:both;
		padding: 0;
		margin: 20px 0 10px;
		border-collapse: collapse;
	}
	.chkoutBtnTbl td{
		padding:0;
	}
	
	.chkoutBtnTbl .cmnt {
		font-size:11px;
		color:#555;
		padding: 3px 0 0;
		text-align:right;
	}
	
	.chkoutBtn {
		float: right;
		padding: 3px 11px 3px 11px;
		
		white-space: nowrap;
		
		font-family: arial, sans-serif;
		font-size: 11px;
		line-height: 12px;
		font-weight: bold;
	
		background: #ea6e00;
	
		border: solid 2px #fdd4ad;
		border-top: solid 2px #fdc28d;
		border-bottom: solid 2px #fdc28d;
	
		color: white;
		cursor: pointer;
	}
	
	.chkoutBtnOver {
		background: #ef882c;
		background: #ef8f3b;
	
	}
	/*.chkoutBtn span.lbl{*/
	/*}*/
	.chkoutBtn span.ico {
		margin: 0 -3px 0 6px;
		font-family: arial, sans-serif;
		font-size: 12px;
		line-height: 12px;
		/*height: 10px;*/
		font-weight: bold;
		/*vertical-align: middle;*/
		color: #ff8;
	}


/* << btns */




.noElesMsg {	/*informacja o braku elementów - np. koszyk jest pusty, brak książek w kategorii*/
	font-size: 14px;
}


.acntPage .sbsect {
	padding: 5px;
	font-size: 11px;

}



/* >> Formularz wybory płatności/dostawy */

	.shipngFrm {
		float: left;
		margin: 15px 0 2px;
		padding: 10px 10px 10px 10px;
		background: #fafdff;
		border: solid 1px #f0f8fb;
		
		font-size: 11px;
	}
	.shipngFrm .headng {
		margin: 0px 0px 0px;
		color: #3777a8;
		font-size: 13px;
		font-weight:bold;
	}
	.shipngFrm label{
		display: block;
		float: left;
		width: 290px;
		margin: 8px 0 0;
		padding: 0px;
		
	}
	
	.shipngFrm .price{
		color: #c00;
		white-space: nowrap;
	}
	
	.shipngFrm input{
		display: block;
		float: left;
		clear: left;
		height: 15px;
		width: 15px;
		margin: 9px 8px 0 0;
		
	}

/* << Formularz wybory płatności/dostawy */



div.ratngStars {
/*	padding: 7px 0;*/
	margin: 0px 5px 0px 0px;
	float:left;
	clear:none;
	width: 74px;
	height: 13px;
	background: url('/imgs/misc/ratngStarsBgrd.gif') no-repeat;	
}
div.ratngStars div.fgrd{
	margin: 0px 0px;
	height: 13px;
	background: url('/imgs/misc/ratngStars.gif') no-repeat;
}






div.cartInfo div{
	text-align: center;
}

div.cartInfo div.justAddedLbl{
	margin: 5px 0 0;
	padding: 7px 0px 0px;
	border-top: solid 1px #ffd890;
	color: #ed3800;
	font-weight: bold;

}
div.cartInfo div.cartCtnt{
	margin: 3px 0px 3px;
}




.rulesPage {
	margin-top: 10px;
}
.rulesPage p {
	margin: 4px 20px 4px 0;
}
.rulesPage h2 {
	margin: 16px 0 8px;
	font-size: 16px;
	color: #4182be;
}



/* >> Menu kategorii; menu utils */


	
	div#ctgsMenu span.menuItem{ /* Menu item */
		margin: 0 10px;
	}
	div#ctgsMenu a{
		color: #33c;
		text-decoration: none;
	}
	div#ctgsMenu a:visited{
		color: #33c;
	}
	div#ctgsMenu a:hover{
		color: #33c;
		text-decoration: underline;
	}
	
	
	
	div#utilsMenu span.menuItem{ /* Menu item */
		margin: 0 8px;
	}
	div#utilsMenu a{
		text-decoration: none;
	}
	div#utilsMenu a:hover{
		text-decoration: underline;
	}
	
	
	
	div.mainCtgHeadng {
		margin: 5px 2px 0px;
		font-size: 13px;
	}
	div.mainCtgHeadng a{
		color: #cb3700;
		font-weight: bold;
		text-decoration: none;
	}
	div.mainCtgHeadng a:hover{
		color: #ffbb33;
		text-decoration: underline;
	}
	
	div#allCtgsMenu div.sbctgsMenu{
		padding: 0 3px;
	}


/* << */




/* >> whiteFrm */

	.whiteFrm{
		
		width: 555px;
		width: 100%;
	}

	.whiteFrm .lbl{
		width: 200px;
	}

	.whiteFrm .ctrl{
		width: 345px;
	}


	.whiteFrm input.btnCtrl, .whiteFrm input.sbmitCtrl {
		overflow: visible;	/* naprawia błąd IE - nadmierny padding */
		padding: 0px 8px 0px 8px;
		
		white-space: nowrap;
		font-family: arial, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
	
		background:#77b9ef;
		border: solid 2px #a4cdef;
		border-top: solid 2px #bfe2ff;
		border-bottom: solid 2px #bfe2ff;
		color: white;
		
		cursor: pointer;
	}
	
	.whiteFrm input.btnCtrl:hover, .whiteFrm input.sbmitCtrl:hover {
		background:#89c5f5;
	}
	
	.whiteFrm input.minorBtn {
		background: #f8f8f8;
		border: solid 2px #efefef;
		border-top: solid 2px #e9e9e9;
		border-bottom: solid 2px #e9e9e9;
		color: #888;
	}
	
	.whiteFrm input.minorBtn:hover {
		background: #fbfbfb;

	}
	
	.whiteFrm .btnsRow {
		padding: 8px;
	}
	
	.whiteFrm .btnsRow .fld{
		margin-right: 20px;
	}

/* << whiteFrm */






/* >> stdTbl */

	table.stdTbl {
		border-collapse: collapse;
	}
	
	table.stdTbl th {
		padding: 4px 5px 4px;
		vertical-align: middle;
		text-align: center;
		background: #d7ebff;
		color: #3777ab;
		border: solid 1px #bfdfff;
		font-weight: bold;
	}
	
	table.stdTbl td {
		padding: 5px 6px;
		border: solid 1px #f0f0fa;
	}
	
	


/* << stdTbl */