/* ====================================================================

Libreta
Grupa Pff
http://pff.pl/

Michał Krupa
m.krupa@pff.pl

April 2010

==================================================================== */




/* --------------------------
1. GLOBAL
---------------------------*/

	/* --------------------------
	1.1 CSS Reset
	---------------------------*/

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		}
		
		:focus {
		outline: 0;
		}
		
		body {
		line-height: 1;
		color: black;
		background: white;
		}
		
		ol, ul {
		list-style: none;
		}
		
		table {
		border-collapse: separate;
		border-spacing: 0;
		}
		
		caption, th, td {
		text-align: left;
		font-weight: normal;
		}
		
		blockquote:before, blockquote:after,
		q:before, q:after {
		content: "";
		}
		
		blockquote, q {
		quotes: "" "";
		}
		
		b, strong {
		font-weight: bold;
		}
		
		i, em {
		font-style: italic;
		}

	/* --------------------------
	1.2 General styles
	---------------------------*/	
	
		body {
		font: 62.5%/1.6 Arial, Helvetica, Verdana, sans-serif;
		}
		
		img {
		display: block;
		border: 0;
		}
		
		label[for] {
		cursor: pointer;
		}
		
		input, select, option, textarea {
		vertical-align: middle;
		}
			input.img, select.img {
			width: auto !important;
			height: auto !important;
			border: 0 !important;
			background: none !important;
			}
		
		/* hidden elements */	
		.h, div.hr hr {
		position: absolute;
		top: -9900px !important;
		left: 0;
		display: block;
		width: 1px;
		height: 1px;
		overflow: hidden;
		text-indent: -9990px;
		font-size: 1px;
		}
		
		/* floats clear */
		.clear {
		clear: both;
		font-size: 1px;
		visibility: hidden;
		}
	
/* --------------------------
2. BASE
---------------------------*/

	body {
	background: url(img/bg.png) repeat-x #f5f5f5;
	color: #7e7e7e;
	}

/* --------------------------
3. BASIC LAYOUT
---------------------------*/

	body {
	}	
		a:link,
		a:visited {
		color: #03588c;
		text-decoration: none;
		}
		a:hover,
		a:active {
		color: #058FE2;
		text-decoration: underline;
		}
					
		input, textarea, select {
		background: #fff;
		border: 1px solid #ddd;
		color: #898570;
		font: 1em/1.6 Arial, Helvetica, sans-serif;
		}	
			input, textarea {
			padding: 4px 10px;
			color: #898570;
			}
				input:focus, textarea:focus {
				border-color: #898570;
				color: #333;
				}
				
			input {
			width: 112px;
			line-height: 1.5em;
			}
			select {
			font-size: 1.2em;
			}
			input.img, select.img {
			padding: 0;
			}

	/* --------------------------
	3.1 Header
	---------------------------*/
	
		#header {
		width: 985px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		}

		/* --------------------------
		3.1.1 Logo
		---------------------------*/
		
			#logo {
			float: left;
			display: inline;
			width: 169px;
			height: 85px;
			overflow: hidden;
			margin: 22px 0 0 28px;
			font-size: 1em;
			font-weight: normal;
			}
				#logo a {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				overflow: hidden;
				color: #000;
				font-size: 2.5em;
				line-height: 44px;
				text-align: center;
				text-decoration: none;
				}
				
				#logo .r {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: url(img/logo.png) no-repeat;
				}

		/* --------------------------
		3.1.2 Boxes
		---------------------------*/
		
			#header .boxes {
			float: right;
			display: inline;
			width: 677px;
			margin: 28px 0 0 0;
			background: url(img/header/boxes/bg.png) no-repeat;
			font-size: 1.1em;
			}
				#header .boxes .boxesBottom {
				clear: both;
				height: 6px;
				overflow: hidden;
				background: url(img/header/boxes/bg-bot.png) no-repeat;
				font-size: 1px;
				line-height: 1px;
				}
				
				#header .boxes h3 {
				height: 17px;
				margin: 0 0 0.3em;
				padding: 10px 5px 0 33px;
				line-height: 16px;
				background: #b1b1b1;
				color: #fff;
				}
				
				#header .boxes ul {
				}
					#header .boxes ul li {
					line-height: 1.4em;
					}
						#header .boxes ul li a {
						background: url(img/embellishments/pointer-double-arrow-grey.png) 0 0.3em no-repeat;
						padding: 0 0 0 16px;
						}
							#header .boxes ul li a:link,
							#header .boxes ul li a:visited {
							color: #7e7e7e;
							text-decoration: none;
							}
							#header .boxes ul li a:hover,
							#header .boxes ul li a:active {
							color: #333;
							text-decoration: underline;
							}
				
				#header .boxes #information {
				float: left;
				display: inline;
				width: 237px;
				}
					#header .boxes #information h3 {
					background-image: url(img/header/boxes/head-information-bg.png);
					}
					
					#header .boxes #information ul {
					float: left;
					display: inline;
					margin: 0 16px;
					}
				
				#header .boxes #account {
				float: left;
				display: inline;
				width: 207px;
				margin: 0 0 0 13px;
				}
					#header .boxes #account h3 {
					background-image: url(img/header/boxes/head-account-bg.png);
					}
					
					#header .boxes #account ul {
					margin: 0 0 0 13px;
					}
						#header .boxes #account ul strong {
						color: #C51035;
						}
				
				#header .boxes #cart {
				float: right;
				display: inline;
				width: 208px;
				position: relative;
				}
					#header .boxes #cart h3 {
					background-image: url(img/header/boxes/head-cart-bg.png);
					}
					
					#header .boxes #cart ul {
					float: left;
					display: inline;
					margin: 0 0 0 13px;
					}
						#header .boxes #cart ul li {
						background: url(img/embellishments/pointer-double-arrow-grey.png) 0 0.4em no-repeat;
						padding: 0 0 0 16px;
						}
						
						#header .boxes #cart ul strong {
						color: #03588C;
						}
						#header .boxes #cart ul strong.price {
						color: #C51035;
						}
					
					#header .boxes #cart ul.buttons {
					float: right;
					margin: 0 9px 0 0;
					position: absolute;
					left: 140px;
					top: 55px;
					}
						#header .boxes #cart ul.buttons li {
						background: none;
						padding: 0;
						margin: 0.3em 0;
						}
							#header .boxes #cart ul.buttons li a {
							position: relative;
							display: block;
							width: 58px;
							height: 17px;
							padding: 0;
							background: none;
							}
								#header .boxes #cart ul.buttons li a span.r {
								position: absolute;
								top: 0;
								left: 0;
								display: block;
								width: 100%;
								height: 100%;
								}
									#header .boxes #cart ul.buttons li.cart a span.r {
									background: url(img/buttons/cart.png);
									}
									#header .boxes #cart ul.buttons li.buy a span.r {
									background: url(img/buttons/buy.png);
									}

	/* --------------------------
	3.2 Navigation bar
	---------------------------*/
	
		#navigationBar {
		width: 985px;
		height: 31px;
		overflow: hidden;
		margin: 1em auto 0;
		background: url(img/navigationbar/bg.png) no-repeat #b8b8b8;
		}	

		/* --------------------------
		3.2.1 Main navigation
		---------------------------*/
		
			#mainNav {
			float: left;
			display: inline;
			height: 31px;
			font-size: 1.3em;
			}
				#mainNav li {
				float: left;
				display: inline;
				height: 31px;
				line-height: 31px;
				}					
					#mainNav a {
					position: relative;
					display: block;
					height: 31px;
					overflow: hidden;
					color: #fff;
					font-weight: bolder;
					text-align: center;
					text-decoration: none;
					}
						#mainNav a .r {
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 100%;
						height: 100%;
						overflow: hidden;
						}
						
						#mainNav a:link .r,
						#mainNav a:visited .r {
						background-position: 0 0;
						}
						#mainNav a:hover .r,
						#mainNav a:active .r {
						background-position: 0 -31px;
						}
						
				#mainNav #mn-books a {
				width: 81px;
				}
					#mainNav #mn-books a .r {
					background-image: url(img/navigationbar/mainnav/books.png);
					}
				#mainNav #mn-textbooks a {
				width: 109px;
				}
					#mainNav #mn-textbooks a .r {
					background-image: url(img/navigationbar/mainnav/textbooks.png);
					}
				#mainNav #mn-libraries a {
				width: 112px;
				}
					#mainNav #mn-libraries a .r {
					background-image: url(img/navigationbar/mainnav/libraries.png);
					}

		/* --------------------------
		3.2.2 Main search
		---------------------------*/
				
			#mainSearch {
			float: left;
			display: inline;
			margin: 0 0 0 8px;
			}
				#mainSearch .inputs {
				float: left;
				display: inline;
				margin: 5px 0 0;
				}									
					#mainSearch #f_s_query {
					float: left;
					display: inline;
					width: 460px;
					border: 0;
					padding: 0.4em 0 0.3em 27px;
					background: url(img/navigationbar/mainsearch/input-bg.png) no-repeat #fff;
					}
					#mainSearch input.img {
					float: left;
					display: inline;
					}
					
				#mainSearch .advanced {
				float: left;
				display: inline;
				margin: 7px 0 0 13px;
				line-height: 1.1em;
				width: 100px;
				position: relative;
				}
					#mainSearch .advanced a:link,
					#mainSearch .advanced a:visited {
					color: #fff;
					text-decoration: none;
					}
					#mainSearch .advanced a:hover,
					#mainSearch .advanced a:active {
					color: #eee;
					text-decoration: underline;
					}
					
				#mainSearch .advanced .r {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 100%;
				height: 17px;
				overflow: hidden;
				background: url(img/zaawansowane.png) no-repeat; 
				}

		/* --------------------------
		3.2.3 Advanced search
		---------------------------*/
				
			#advancedSearch {
			position: absolute;
			top: 46px;
			left: 50%;
			width: 568px;
			margin: 0 0 0 -318px;
			z-index: 1000;
			}
				#advancedSearch .advancedSearchBottom {
				clear: both;
				height: 6px;
				overflow: hidden;
				background: url(img/navigationbar/advancedsearch/bg-bot.png) no-repeat;
				font-size: 1px;
				line-height: 1px;
				}
				
				#advancedSearch h3 {
				height: 22px;
				padding: 6px 18px 0;
				background: url(img/navigationbar/advancedsearch/header-bg.png) no-repeat #ccc;
				color: #fff;
				font-weight: bolder;
				font-size: 1.1em;
				line-height: 22px;
				}
				
				#advancedSearch a.closeButton {
				position: absolute;
				top: 10px;
				right: 12px;
				display: block;
				width: 13px;
				height: 13px;
				overflow: hidden;
				background: url(img/navigationbar/advancedsearch/close.png) no-repeat;
				font-size: 1px;
				line-height: 1px;
				}
				
				#advancedSearch .advancedSearchContent {
				padding: 1.5em 7px 0;
				background: url(img/navigationbar/advancedsearch/bg.png) repeat-y #fff;
				font-size: 1.1em;
				}
					#advancedSearch .advancedSearchContent ul {
					width: 100%;
					}
						#advancedSearch .advancedSearchContent ul li {
						height: auto;
						overflow: hidden;
						min-height: 18px;
						padding: 2px 0;
						}
							#advancedSearch .advancedSearchContent ul li.odd {
							background: #f1f1f1;
							}
							
							#advancedSearch .advancedSearchContent ul li label {
							float: left;
							display: inline;
							width: 200px;
							margin: 0 4px 0 0;
							color: #7e7e7e;
							font-weight: bolder;
							text-align: right;
							}
							
							#advancedSearch .advancedSearchContent ul li strong {
							color: #C51035;
							}
							
							#advancedSearch .advancedSearchContent ul li input {
							float: left;
							display: inline;
							width: 130px;
							padding: 1px 3px;
							font-size: 11px;
							}
							
							
							#advancedSearch .advancedSearchContent ul li select,
							#advancedSearch .advancedSearchContent ul li option {
							height: 16px;
							width: 138px;
							padding-top: 0;
							padding-bottom: 0;
							margin: 0;
							font-size: 11px;
							}
							
					#advancedSearch .advancedSearchContent .buttons {
					clear: both;
					height: auto;
					overflow: hidden;
					padding: 2.5em 0 0;
					}
						#advancedSearch .advancedSearchContent .buttons .left {
						float: left;
						display: inline;
						}
						#advancedSearch .advancedSearchContent .buttons .right {
						float: right;
						display: inline;
						}

	/* --------------------------
	3.3 Select category
	---------------------------*/
	
		#selectCategory {
		width: 985px;
		overflow: hidden;
		margin: 0.4em auto;
		}
			#selectCategory ul {
			float: right;
			display: inline;
			font-size: 1.1em;
			}
				#selectCategory ul li {
				float: left;
				display: inline;
				margin: 0 0 0 7px;
				background: url(img/selectcategory/bg-right.png) 100% 0 no-repeat;
				}
					#selectCategory ul li a {
					display: block;
					height: 19px;
					padding: 0 12px;
					background: url(img/selectcategory/bg-left.png) 0 0 no-repeat;
					line-height: 19px;
					}
						#selectCategory ul li a:link,
						#selectCategory ul li a:visited {
						color: #7e7e7e;
						text-decoration: none;
						}
						#selectCategory ul li a:hover,
						#selectCategory ul li a:active {
						color: #000;
						text-decoration: none;
						}
							
	/* --------------------------
	3.4 Content
	---------------------------*/
	
		#content {
		width: 991px;
		margin: 0 auto;
		background: url(img/content/bg.png) repeat-y #fff;
		}
			#contentTop,
			#contentBottom {
			clear: both;
			height: 6px;
			overflow: hidden;
			font-size: 1px;
			line-height: 1px;
			}
				#contentTop {
				background: url(img/content/bg-top.png) no-repeat;
				}
				#contentBottom {
				background: url(img/content/bg-bot.png) 0 100% no-repeat;
				}
		
		/* --------------------------
		3.4.1 Main content
		---------------------------*/
		
			#mainContent {
			float: right;
			display: inline;
			width: 810px;
			margin: 0 6px 0 0;
			font-size: 1.1em;
			}						
				#mainContent .stock-full {
				color: #639600;
				}
				#mainContent .stock-medium {
				color: #f90;
				}
				#mainContent .stock-few {
				color: #c00;
				}
				#mainContent .stock-empty {
				color: #999;
				}

			/* --------------------------
			3.3.2.1 Headers
			---------------------------*/
				
				#mainContent h2 {
				margin: 1em 10px;
				font-size: 1.3em;
				font-weight: bold;
				}
					#mainContent h2.header-border {
					padding-bottom: 0.6em;
					border-bottom: 1px solid #ddd;
					}
					
				#mainContent h3 {
				position: relative;
				overflow: hidden;
				color: #000;
				font-size: 1em;
				font-weight: bolder;
				}

			/* --------------------------
			3.3.2.2 Buttons
			---------------------------*/
			
				#mainContent .button-arrUp,
				#mainContent .button-arrDown {
				position: relative;
				display: block;
				width: 23px;
				height: 23px;
				overflow: hidden;
				background: #97A905;
				color: #545B02;
				line-height: 23px;
				text-align: center;
				}
					#mainContent .button-arrUp .r,
					#mainContent .button-arrDown .r {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					}
					#mainContent .button-arrUp .r {
					background: url(img/buttons/arrup.png) no-repeat;
					}
					#mainContent .button-arrDown .r {
					background: url(img/buttons/arrdown.png) no-repeat;
					}

		/* --------------------------
		3.4.2 Navigation
		---------------------------*/
		
			#navigation {
			float: left;
			display: inline;
			width: 161px;
			margin: 0 0 0 6px;
			font-size: 1.1em;
			}
				#navigation h3 {
				height: 22px;
				padding: 0 25px 0 10px;
				background: url(img/content/navigation/header-bg.png) 50% 50% no-repeat #9c9c9c;
				color: #fff;
				font-weight: bold;
				line-height: 22px;
				}

			/* --------------------------
			3.2.3.1 Submenu
			---------------------------*/
			
				#navigation #submenu {
				background: #fff;
				}					
					#navigation #submenu li {
					margin: 0 0 2px;
					}
						#navigation #submenu li a {
						display: block;
						height: 22px;
						padding: 0 25px 0 10px;
						color: #fff;
						font-weight: bold;
						line-height: 22px;
						}
							#navigation #submenu li a:link,
							#navigation #submenu li a:visited {
							text-decoration: none;
							}
							#navigation #submenu li a:hover,
							#navigation #submenu li a:active {
							text-decoration: underline;
							}
						
							#navigation #submenu li.collapsed a {
							background-position: 0 50%;
							}
							#navigation #submenu li.expanded a {
							background-position: -161px 50%;
							}
							
						#navigation #submenu li.books {
						background: url(img/content/navigation/submenu/header-bg-blue.png) no-repeat #085D91;
						}
							#navigation #submenu li.books a {
							background-image: url(img/content/navigation/submenu/header-arrow-blue.gif);
							}
						#navigation #submenu li.textbooks {
						background: url(img/content/navigation/submenu/header-bg-red.png) no-repeat #8FAE14;
						}
							#navigation #submenu li.textbooks a {
							background-image: url(img/content/navigation/submenu/header-arrow-red.gif);
							}
						#navigation #submenu li.libraries {
						background: url(img/content/navigation/submenu/header-bg-green.png) no-repeat #CB173C;
						}
							#navigation #submenu li.libraries a {
							background-image: url(img/content/navigation/submenu/header-arrow-green.gif);
							}
						#navigation #submenu li.multimedia {
						background: url(img/content/navigation/submenu/header-bg-orange.png) no-repeat #F68119;
						}
							#navigation #submenu li.multimedia a {
							background-image: url(img/content/navigation/submenu/header-arrow-orange.gif);
							}
						
						#navigation #submenu li li {
						background: #E7E7E7;
						margin: 0;
						}
								#navigation #submenu li li a {
								display: block;
								height: auto;
								padding: 0.3em 10px 0.3em 7px;
								border-bottom: 1px solid #d2d2d2;
								line-height: normal;
								background: none !important;
								}
									#navigation #submenu li li li {
									background: #f2f2f2;
									}
										#navigation #submenu li li li a {
										padding-left: 19px;
										font-weight: normal;
										}
											#navigation #submenu li li li li {
											background: #fff;
											}
												#navigation #submenu li li li li a {
												padding-left: 30px;
												border-color: #e7e7e7;
												font-weight: normal;
												}
								
								#navigation #submenu li li a:link,
								#navigation #submenu li li a:visited {
								color: #7e7e7e;
								text-decoration: none;
								}
								#navigation #submenu li li a:hover,
								#navigation #submenu li li a:active {
								color: #000;
								text-decoration: underline;
								}
								
										#navigation #submenu li.selected a {
										font-weight: bolder;
										color: #03588C !important;
										}

			/* --------------------------
			3.2.3.2 Contact
			---------------------------*/
			
				#navigation #contact {
				border-bottom: 2px solid #fff;
				background: url(img/content/navigation/box-bg.png) 0 100% no-repeat #fff;
				}
					#navigation #contact ul {
					margin: 0 1px 3px;
					}
						#navigation #contact li {
						position: relative;
						height: 45px;
						overflow: hidden;
						border-top: 1px solid #e1e1e1;
						font-size: 1.3em;
						line-height: 45px;
						text-align: center;
						}
							#navigation #contact li a {
							display: block;
							width: 100%;
							height: 100%;
							}
							
							#navigation #contact li .r {
							position: absolute;
							top: 0;
							left: 0;
							display: block;
							width: 100%;
							height: 100%;
							}
							
							#navigation #contact li.phone .r {
							background: url(img/content/navigation/contact/phone.jpg) no-repeat;
							}
							#navigation #contact li.email .r {
							background: url(img/content/navigation/contact/email.png) no-repeat;
							}
							#navigation #contact li.im .r {
							background: url(img/content/navigation/contact/im.png) no-repeat;
							}
						

			/* --------------------------
			3.2.3.4 Newsletter
			---------------------------*/
			
				#navigation #newsletter {
				border-bottom: 2px solid #fff;
				background: url(img/content/navigation/box-bg.png) 0 100% no-repeat #fff;
				}
					#navigation #newsletter fieldset {
					padding: 0.5em 8px;
					}
						#navigation #newsletter fieldset p {
						height: auto;
						overflow: hidden;
						margin: 0 0 0.5em;
						line-height: 1.3em;
						}
						
						#navigation #newsletter input {						
						float: left;
						display: inline;
						}
						
						#navigation #newsletter #f_n_mail {
						width: 94px;
						padding: 1px 5px 0;
						border: solid #c0c0c0;
						border-width: 1px 0 1px 1px;
						}
						
				#navigation #opineo {
				border-bottom: 2px solid #fff;
				background: url(img/content/navigation/box-bg.png) 0 100% no-repeat #fff;
				}
				
				#navigation #opineo p {
				padding: 0.5em 8px;
				}
				
				#navigation #dotpay {
				background: url(img/content/navigation/box-bg.png) 0 100% no-repeat #fff;
				}
				
				#navigation #dotpay p {
				padding: 0.5em 8px;
				}
				
				#navigation #dostawa {
				display: block;
				border-bottom: 2px solid #fff;
				}
				
				#navigation #dla_szkol {
				display: block;
				border-bottom: 2px solid #fff;
				}
							
	/* --------------------------
	3.5 Footer
	---------------------------*/
	
		#footer {
		clear: both;
		height: auto;
		overflow: hidden;
		width: 985px;
		margin: 0 auto 2em;
		font-size: 1.1em;
		text-align: center;
		}		
			#footer a:link,
			#footer a:visited {
			color: #7e7e7e;
			text-decoration: none;
			}
			#footer a:hover,
			#footer a:active {
			color: #000;
			text-decoration: underline;
			}
					
			#footer ul {
			margin: 0 0 0.5em;
			}
				#footer li {
				display: inline;
				border-left: 1px solid;
				padding: 0 3px 0 5px;
				}
					#footer li.first-item {
					border: 0;
					}
					
			#footer p {
			}	
				#footer p a {
				font-weight: bolder;
				}
			

/* --------------------------
4. MAIN CONTENT LAYOUTS
---------------------------*/

	/* --------------------------
	4.1 Items view
	---------------------------*/
	
		#content .itemsView {
		height: auto;
		overflow: hidden;
		padding: 0 0 2em;
		}

		/* --------------------------
		4.1.1 Items view items
		---------------------------*/
		
			#content .itemsView .items {
			float: left;
			display: inline;
			width: 574px;
			}

			/* --------------------------
			4.1.1.1 Featured box
			---------------------------*/
			
				#content .itemsView .items .featuredBox {
				position: relative;
				margin: 0 0 2em;
				background: url(img/content/maincontent/itemsview/items/featuredbox/bg.png) repeat-y #fff;
				}
					#content .itemsView .items .featuredBox .featuredBoxBottom {
					clear: both;
					height: 6px;
					overflow: hidden;
					background: url(img/content/maincontent/itemsview/items/featuredbox/bg-bot.png) 0 100% no-repeat;
					font-size: 1px;
					line-height: 1px;
					}
					
					#content .itemsView .items .featuredBox .header {
					height: 32px;
					overflow: hidden;
					background: url(img/content/maincontent/itemsview/items/featuredbox/bg-top.png);
					}
						#content .itemsView .items .featuredBox .header h2 {
						position: relative;
						height: 27px;
						overflow: hidden;
						margin: 5px 13px 0;
						line-height: 27px;
						}
							#content .itemsView .items .featuredBox .header h2 .r {
							position: absolute;
							top: 0;
							left: 0;
							display: block;
							width: 100%;
							height: 100%;
							overflow: hidden;
							}
							
							#content .itemsView .items .featuredBox .header h2.headerFeaturedBooks {
							width: 140px;
							}
								#content .itemsView .items .featuredBox .header h2.headerFeaturedBooks .r {
								background: url(img/content/maincontent/itemsview/items/featuredbox/header-featured-book.png) no-repeat;
								}
							#content .itemsView .items .featuredBox .header h2.headerSpecialOffer {
							width: 108px;
							}
								#content .itemsView .items .featuredBox .header h2.headerSpecialOffer .r {
								background: url(img/content/maincontent/itemsview/items/featuredbox/header-special-offer.png) no-repeat;
								}
							#content .itemsView .items .featuredBox .header h2.headerBestsellers {
							width: 103px;
							}
								#content .itemsView .items .featuredBox .header h2.headerBestsellers .r {
								background: url(img/content/maincontent/itemsview/items/featuredbox/header-bestsellers.png) no-repeat;
								}
					
					#content .itemsView .items .featuredBox .badge {
					position: absolute;
					top: 0;
					right: 0;
					display: block;
					width: 53px;
					height: 53px;
					overflow: hidden;
					font-size: 1px;
					line-height: 1px;
					}
						#content .itemsView .items .featuredBox .badgeFeaturedBooks {
						background: url(img/content/maincontent/itemsview/items/featuredbox/badge-featured-books.png) no-repeat;
						}
						#content .itemsView .items .featuredBox .badgeSpecialOffer {
						background: url(img/content/maincontent/itemsview/items/featuredbox/badge-special-offer.png) no-repeat;
						}
						#content .itemsView .items .featuredBox .badgeBestsellers {
						background: url(img/content/maincontent/itemsview/items/featuredbox/badge-bestsellers.png) no-repeat;
						}
					
					#content .itemsView .items .featuredBox .featuredBoxContent {
					position: relative;
					min-height: 140px;
					padding: 0 45px;
					}
						#content .itemsView .items .featuredBox .featuredBoxControls {
						}
							#content .itemsView .items .featuredBox .featuredBoxControls li {
							position: absolute;
							top: 50%;
							margin-top: -63px;
							width: 21px;
							height: 122px;
							overflow: hidden;
							}
								#content .itemsView .items .featuredBox .featuredBoxControls li a {
								position: relative;
								display: block;
								width: 100%;
								height: 100%;
								}
									#content .itemsView .items .featuredBox .featuredBoxControls li .r {
									position: absolute;
									top: 0;
									left: 0;
									display: block;
									width: 100%;
									height: 100%;
									overflow: hidden;
									}
							
							#content .itemsView .items .featuredBox .featuredBoxControls .prev {
							left: 15px;
							}
								#content .itemsView .items .featuredBox .featuredBoxControls .prev .r {
								background: url(img/content/maincontent/itemsview/items/featuredbox/previous-item.png) no-repeat;
								}
							#content .itemsView .items .featuredBox .featuredBoxControls .next {
							right: 15px;
							}
								#content .itemsView .items .featuredBox .featuredBoxControls .next .r {
								background: url(img/content/maincontent/itemsview/items/featuredbox/next-item.png) no-repeat;
								}

			/* --------------------------
			4.1.1.2 Featured item
			---------------------------*/
			
				#content .itemsView .featuredItem {
				}
					#content .itemsView .featuredItem .item {
					height: auto;
					overflow: hidden;
					padding: 1em 0;
					}
						#content .itemsView .featuredItem .item .pic {
						float: left;
						display: inline;
						width: 107px;
						}
							#content .itemsView .featuredItem .item .pic a {
							position: relative;
							float: left;
							}
								#content .itemsView .featuredItem .item .pic img {
								float: left;
								display: inline;
								}
							
							#content .itemsView .featuredItem .item .pic .libraryBadge {
							position: absolute;
							top: -4px;
							right: -4px;
							display: block;
							width: 54px;
							height: 54px;
							overflow: hidden;
							background: url(img/content/maincontent/badges/library-54.png) no-repeat;
							font-size: 1px;
							line-height: 1px;
							}
						
						#content .itemsView .featuredItem .item .content {
						float: right;
						display: inline;
						width: 366px;
						}
							#content .itemsView .featuredItem .item .content .description {
							line-height: 1.3em;
							}
								#content .itemsView .featuredItem .item .content .description h3 {
								font-size: 1.2em;
								}
									#content .itemsView .featuredItem .item .content .description h3 a:link,
									#content .itemsView .featuredItem .item .content .description h3 a:visited {
									text-decoration: none;
									}
									#content .itemsView .featuredItem .item .content .description h3 a:hover,
									#content .itemsView .featuredItem .item .content .description h3 a:active {
									text-decoration: underline;
									}
								
								#content .itemsView .featuredItem .item .content .description p {
								margin: 0.5em 0 0;
								}
								
								#content .itemsView .featuredItem .item .content .description .author {
								margin: 0 0 1.5em;
								}
								
								#content .itemsView .featuredItem .item .content .description .category {
								background: url(img/content/maincontent/itemsview/items/featureditem/category-bg-bot.png) 0 100% no-repeat #eee;
								}
									#content .itemsView .featuredItem .item .content .description .category span {
									display: block;
									padding: 0.2em 8px;
									background: url(img/content/maincontent/itemsview/items/featureditem/category-bg-top.png) no-repeat;
									}
								
							#content .itemsView .featuredItem .item .content .order {
							height: auto;
							overflow: hidden;
							padding: 3px 0 0;
							}
								#content .itemsView .featuredItem .item .content .order .rating {
								float: left;
								display: inline;
								margin: 7px 0 0;
								}
									
								#content .itemsView .featuredItem .item .content .order .price {
								float: left;
								display: inline;
								width: 189px;
								text-align: center;
								}
									#content .itemsView .featuredItem .item .content .order .price .old {
									font-size: 0.8em;
									}
										#content .itemsView .featuredItem .item .content .order .price .old del {
										color: #C51035;
										}
										
									#content .itemsView .featuredItem .item .content .order .price strong {
									color: #03588C;
									font-size: 1.4em;
									}
									
								#content .itemsView .featuredItem .item .content .order .addToCart {
								float: right;
								display: inline;
								margin: 4px 0 0;
								}
									#content .itemsView .featuredItem .item .content .order .addToCart a {
									position: relative;
									display: block;
									width: 89px;
									height: 17px;
									overflow: hidden;
									background: #D01D42;
									color: #fff;
									text-align: center;
									}
										#content .itemsView .featuredItem .item .content .order .addToCart a .r {
										position: absolute;
										top: 0;
										left: 0;
										display: block;
										width: 100%;
										height: 100%;
										overflow: hidden;
										background: url(img/buttons/add-to-cart.png) no-repeat;
										}
										
								#content .itemsView .featuredItem .item .content .order .niedostepne {
								float: right;
								display: inline;
								margin: 4px 0 0;
								}
									#content .itemsView .featuredItem .item .content .order .niedostepne span.a {
									position: relative;
									display: block;
									width: 89px;
									height: 17px;
									overflow: hidden;
									background: #D01D42;
									color: #fff;
									text-align: center;
									}
										#content .itemsView .featuredItem .item .content .order .niedostepne span .r {
										position: absolute;
										top: 0;
										left: 0;
										display: block;
										width: 100%;
										height: 100%;
										overflow: hidden;
										background: url(img/buttons/add-to-cart.png) no-repeat;
										}

			/* --------------------------
			4.1.1.3 Featured items
			---------------------------*/
			
				#content .itemsView .featuredItems {
				height: auto;
				overflow: hidden;
				}
					#content .itemsView .featuredItems .item {
					float: left;
					display: inline;
					width: 110px;
					margin: 0 5px;
					padding: 1em 0;
					text-align: center;
					}
						#content .itemsView .featuredItems .item .pic {
						}
							#content .itemsView .featuredItems .item .pic a {
							display: block;
							position: relative;
							}
								#content .itemsView .featuredItems .item .pic img {
								margin: 0 auto;
								}
							
							#content .itemsView .featuredItems .item .pic .libraryBadge {
							position: absolute;
							top: -4px;
							right: 20px;
							display: block;
							width: 54px;
							height: 54px;
							overflow: hidden;
							background: url(img/content/maincontent/badges/library-54.png) no-repeat;
							font-size: 1px;
							line-height: 1px;
							}
							
						#content .itemsView .featuredItems .item .content {
						line-height: 1.3em;
						}
							#content .itemsView .featuredItems .item .content h3 {
							margin: 0.4em 0 0.6em;
							}
							
							#content .itemsView .featuredItems .item .content .price {
							font-weight: bolder;
							}
								#content .itemsView .featuredItems .item .content .price strong {
								color: #C51035;
								}

			/* --------------------------
			4.1.1.4 Items overview
			---------------------------*/
			
				#content .itemsView .itemsOverview {
				}
					#content .itemsView .itemsOverview .item {
					padding: 4px 12px 0 10px;
					margin: 1em 0;
					height: auto;
					overflow: hidden;
					}
						#content .itemsView .itemsOverview .item .pic {
						float: left;
						display: inline;
						width: 82px;
						}
							#content .itemsView .itemsOverview .item .pic a {
							position: relative;
							float: left;
							}
								#content .itemsView .itemsOverview .item .pic img {
								float: left;
								display: inline;
								}
							
							#content .itemsView .itemsOverview .item .pic .libraryBadge {
							position: absolute;
							top: -4px;
							right: -4px;
							display: block;
							width: 54px;
							height: 54px;
							overflow: hidden;
							background: url(img/content/maincontent/badges/library-54.png) no-repeat;
							font-size: 1px;
							line-height: 1px;
							}
						
						#content .itemsView .itemsOverview .item .content {
						float: right;
						display: inline;
						width: 470px;
						height: auto;
						overflow: hidden;
						}
							#content .itemsView .itemsOverview .item .content .description {
							float: left;
							display: inline;
							width: 371px;
							line-height: 1.3em;
							}
								#content .itemsView .itemsOverview .item .content .description h3 {
								font-size: 1.2em;
								}
									#content .itemsView .itemsOverview .item .content .description h3 a:link,
									#content .itemsView .itemsOverview .item .content .description h3 a:visited {
									text-decoration: none;
									}
									#content .itemsView .itemsOverview .item .content .description h3 a:hover,
									#content .itemsView .itemsOverview .item .content .description h3 a:active {
									text-decoration: underline;
									}
								
								#content .itemsView .itemsOverview .item .content .description p {
								margin: 0.5em 0 0;
								}
								
								#content .itemsView .itemsOverview .item .content .description .author {
								margin-top: 0;
								}
								
								#content .itemsView .itemsOverview .item .content .description .category {
								background: url(img/content/maincontent/itemsview/items/itemsoverview/category-bg-bot.png) 0 100% no-repeat #eee;
								}
									#content .itemsView .itemsOverview .item .content .description .category span {
									display: block;
									padding: 0.2em 8px;
									background: url(img/content/maincontent/itemsview/items/itemsoverview/category-bg-top.png) no-repeat;
									}
								
							#content .itemsView .itemsOverview .item .content .order {
							float: right;
							display: inline;
							width: 90px;
							}
								#content .itemsView .itemsOverview .item .content .order .rating {
								margin: 0 0 1em;
								}
									#content .itemsView .itemsOverview .item .content .order .rating img {
									margin: 0 auto;
									}
									
								#content .itemsView .itemsOverview .item .content .order .price {
								margin: 0 0 0.5em;
								line-height: 1.4em;
								text-align: center;
								height: 63px;
								}
									#content .itemsView .itemsOverview .item .content .order .price .old {
									font-size: 0.8em;
									}
										#content .itemsView .itemsOverview .item .content .order .price .old del {
										color: #C51035;
										}
										
									#content .itemsView .itemsOverview .item .content .order .price strong {
									color: #03588C;
									font-size: 1.2em;
									}
									
								#content .itemsView .itemsOverview .item .content .order .addToCart {
								}
									#content .itemsView .itemsOverview .item .content .order .addToCart a {
									position: relative;
									display: block;
									width: 89px;
									height: 17px;
									overflow: hidden;
									background: #D01D42;
									color: #fff;
									text-align: center;
									}
										#content .itemsView .itemsOverview .item .content .order .addToCart a .r {
										position: absolute;
										top: 0;
										left: 0;
										display: block;
										width: 100%;
										height: 100%;
										overflow: hidden;
										background: url(img/buttons/add-to-cart.png) no-repeat;
										}
										
								#content .itemsView .itemsOverview .item .content .order .niedostepne {
								}
									#content .itemsView .itemsOverview .item .content .order .niedostepne span.a {
									position: relative;
									display: block;
									width: 89px;
									height: 17px;
									overflow: hidden;
									background: #D01D42;
									color: #fff;
									text-align: center;
									}
										#content .itemsView .itemsOverview .item .content .order .niedostepne .r {
										position: absolute;
										top: 0;
										left: 0;
										display: block;
										width: 100%;
										height: 100%;
										overflow: hidden;
										background: url(img/buttons/niedostepne.png) no-repeat;
										}

			/* --------------------------
			4.1.1.5 Pageing
			---------------------------*/
			
				#content .itemsView .pageing {
				clear: both;
				padding: 4px 0 0;
				background: url(img/content/maincontent/itemsview/items/pageing/bg-top.png) no-repeat #fff;
				line-height: 1.5em;
				}
					#content .itemsView .pageing .pageingBottom {
					clear: both;
					height: 3px;
					overflow: hidden;
					background: url(img/content/maincontent/itemsview/items/pageing/bg-bot.png) 0 100% no-repeat;
					font-size: 1px;
					line-height: 1px;
					}
					
					#content .itemsView .pageing .state {
					float: left;
					display: inline;
					margin: 0 0 0 10px;
					}
					
					#content .itemsView .pageing .grid {
					float: left;
					display: inline;
					margin: 0 0 0 7px;
					padding: 0 0 0 7px;
					border-left: 1px solid #aeaeae;
					}
						#content .itemsView .pageing .grid select {
						font-size: 1em;
						color: #7e7e7e;
						}
					
					#content .itemsView .pageing .current {
					float: left;
					display: inline;
					margin: 0 0 0 50px;
					}
					
					#content .itemsView .pageing ul {
					float: right;
					display: inherit;
					margin: 0 5px 0 0;
					}
						#content .itemsView .pageing ul li {
						float: left;
						display: inline;
						margin: 0 0 0 3px;
						}
							#content .itemsView .pageing ul li a {
							padding: 0 2px;
							border: 1px solid #B4BAC0;
							background: #f4f4f4;
							}
								#content .itemsView .pageing ul li a:link,
								#content .itemsView .pageing ul li a:visited {
								color: #7e7e7e;
								text-decoration: none;
								}
								#content .itemsView .pageing ul li a:hover,
								#content .itemsView .pageing ul li a:active {
								color: #000;
								text-decoration: underline;
								}
								
							#content .itemsView .pageing ul li strong {
							padding: 0 2px;
							border: 1px solid #005B8F;
							background: #005B8F;
							color: #fff;
							font-weight: normal;
							}

			/* --------------------------
			4.1.1.5 Structure
			---------------------------*/
			
				#content .structure {
				clear: both;
				margin: 0 0 0.3em;
				padding: 3px 0 0;
				background: url(img/content/maincontent/itemsview/items/structure/bg-top.png) no-repeat #eee;
				line-height: 1.4em;
				}
					#content .structure .structureBottom {
					clear: both;
					height: 4px;
					overflow: hidden;
					background: url(img/content/maincontent/itemsview/items/structure/bg-bot.png) 0 100% no-repeat;
					font-size: 1px;
					line-height: 1px;
					}
					
					#content .structure .breadCrumbs {
					float: left;
					display: inline;
					margin: 0.1em 0 0 10px;
					}
						#content .structure .breadCrumbs a:link,
						#content .structure .breadCrumbs a:visited {
						color: #7e7e7e;
						text-decoration: none;
						}
						#content .structure .breadCrumbs a:hover,
						#content .structure .breadCrumbs a:active {
						color: #000;
						text-decoration: underline;
						}
					
					#content .structure .sortCriteria {
					float: right;
					display: inline;
					margin: 0 4px 0 0;
					}
						#content .structure .sortCriteria select {
						color: #7e7e7e;
						font-size: 1em;
						}

		/* --------------------------
		4.1.2 Items view sidebar
		---------------------------*/
			
			#content .itemsView .sidebar {
			float: right;
			display: inline;
			width: 228px;
			padding: 3px 0 0;
			background: url(img/content/maincontent/itemsview/sidebar/bg-top.png) 50% 0 no-repeat #eee;
			}
				#content .itemsView .sidebar .sidebarBottom {
				clear: both;
				height: 3px;
				overflow: hidden;
				margin: -9px 0 0;
				background: url(img/content/maincontent/itemsview/sidebar/bg-bot.png) 50% 100% no-repeat;
				font-size: 1px;
				line-height: 1px;
				}
				
				#content .itemsView .sidebar .itemsList {
				margin: 0 3px 9px;
				padding: 3px 0 0;
				background: url(img/content/maincontent/itemsview/sidebar/itemslist/bg-top.png) no-repeat #fff;
				}
					#content .itemsView .sidebar .itemsList .itemsListBottom {
					clear: both;
					height: 3px;
					overflow: hidden;
					margin: -3px 0 0;
					background: url(img/content/maincontent/itemsview/sidebar/itemslist/bg-bot.png) 0 100% no-repeat;
					font-size: 1px;
					line-height: 1px;
					}
					
					#content .itemsView .sidebar .itemsList h3 {
					height: 22px;
					margin: 0 2px;
					padding: 0 12px;
					color: #fff;
					font-size: 1em;
					font-weight: bolder;
					line-height: 22px;
					}
						#content .itemsView .sidebar .new h3,
						#content .itemsView .sidebar .preview h3 {
						background: url(img/content/maincontent/itemsview/sidebar/itemslist/header-bg-blue.png) no-repeat #085D91;
						}
						#content .itemsView .sidebar .recommended h3 {
						background: url(img/content/maincontent/itemsview/sidebar/itemslist/header-bg-red.png) no-repeat #CB173C;
						}
						
							#content .itemsView .sidebar .new h3 a:link,
							#content .itemsView .sidebar .preview h3 a:link,
							#content .itemsView .sidebar .recommended h3 a:link,
							#content .itemsView .sidebar .new h3 a:visited,
							#content .itemsView .sidebar .preview h3 a:visited,
							#content .itemsView .sidebar .recommended h3 a:visited {
							color: #fff;
							text-decoration: none;
							}
							
							#content .itemsView .sidebar .new h3 a:hover,
							#content .itemsView .sidebar .preview h3 a:hover,
							#content .itemsView .sidebar .recommended h3 a:hover,
							#content .itemsView .sidebar .new h3 a:active,
							#content .itemsView .sidebar .preview h3 a:active,
							#content .itemsView .sidebar .recommended h3 a:active {
							color: #fff;
							text-decoration: underline;
							}
					
					#content .itemsView .sidebar .itemsList ul {
					margin: 0 1px;
					}
						#content .itemsView .sidebar .itemsList ul li {
						height: auto;
						overflow: hidden;
						padding: 0.3em 3px;
						border-top: 1px solid #e1e1e1;
						}
							#content .itemsView .sidebar .itemsList ul li.first-item {
							border-top: 0;
							}
							
							#content .itemsView .sidebar .itemsList ul li .pic {
							float: left;
							display: inline;
							width: 42px;
							}
								#content .itemsView .sidebar .itemsList ul li .pic a {
								position: relative;
								float: left;
								}
									#content .itemsView .sidebar .itemsList ul li .pic img {
									float: left;
									display: inline;
									}
								
								#content .itemsView .sidebar .itemsList ul li .pic .libraryBadge {
								position: absolute;
								top: -1px;
								right: -1px;
								display: block;
								width: 18px;
								height: 18px;
								overflow: hidden;
								background: url(img/content/maincontent/badges/library-18.png) no-repeat;
								font-size: 1px;
								line-height: 1px;
								}
							#content .itemsView .sidebar .itemsList ul li .content {
							float: right;
							display: inline;
							width: 172px;
							line-height: 1.3em;
							}
								#content .itemsView .sidebar .itemsList ul li .content h4 {
								margin: 0 0 0.3em;
								font-weight: bolder;
								}
									#content .itemsView .sidebar .itemsList ul li .content h4 a:link,
									#content .itemsView .sidebar .itemsList ul li .content h4 a:visited {
									text-decoration: none;
									}
									#content .itemsView .sidebar .itemsList ul li .content h4 a:hover,
									#content .itemsView .sidebar .itemsList ul li .content h4 a:active {
									text-decoration: underline;
									}
									
								#content .itemsView .sidebar .itemsList ul li .content .price {
								height: auto;
								overflow: hidden;
								}
									#content .itemsView .sidebar .itemsList ul li .content .price span {
									float: left;
									display: inline;
									}
									#content .itemsView .sidebar .itemsList ul li .content .price .addToCart {
									position: relative;
									float: left;
									display: inline;
									width: 10px;
									height: 9px;
									overflow: hidden;
									margin: 0.2em 0 0 5px;
									}
										#content .itemsView .sidebar .itemsList ul li .content .price .addToCart .r {
										position: absolute;
										top: 0;
										left: 0;
										display: block;
										width: 100%;
										height: 100%;
										background: url(img/content/maincontent/itemsview/sidebar/itemslist/add-to-cart.png) no-repeat;
										}

	/* --------------------------
	4.2 Item view
	---------------------------*/
	
		#content .itemView {
		height: auto;
		overflow: hidden;
		padding: 0 0 2em;
		}

		/* --------------------------
		4.2.2 Item info
		---------------------------*/
		
			#content .itemView .itemInfo {
			float: left;
			display: inline;
			width: 614px;
			height: auto;
			overflow: hidden;
			}
				#content .itemView .itemInfo .pic {
				float: left;
				display: inline;
				width: 144px;
				}
				
					#content .itemView .itemInfo .pic img {
					margin: 33px 0 0 25px;
					}
					
							#content .itemView .itemInfo .pic a {
							display: block;
							position: relative;
							}
					
							#content .itemView .itemInfo .pic .libraryBadge {
							position: absolute;
							top: -4px;
							right: 21px;
							display: block;
							width: 54px;
							height: 54px;
							overflow: hidden;
							background: url(img/content/maincontent/badges/library-54.png) no-repeat;
							font-size: 1px;
							line-height: 1px;
							}
				
				#content .itemView .itemInfo .attributes {
				float: right;
				display: inline;
				width: 470px;
				}
					#content .itemView .itemInfo .attributes h2 {
					margin: 0.3em 12px;
					color: #000;
					font-size: 1.3em;
					}
					
					#content .itemView .itemInfo .attributes h3 {
					height: 17px;
					margin: 0.5em 0;
					padding: 0 12px;
					background: url(img/content/maincontent/itemview/iteminfo/header-attributes-bg.png) no-repeat #eee;
					font-weight: bolder;
					line-height: 17px;
					}
					
					#content .itemView .itemInfo .attributes ul {
					}
						#content .itemView .itemInfo .attributes ul li {
						padding: 0 12px;
						background: #f5f5f5;
						}
							#content .itemView .itemInfo .attributes ul li.odd {
							background: #fff;
							}
							
							#content .itemView .itemInfo .attributes ul li img {
							display: inline;
							vertical-align: text-bottom;
							}
							
								#content .itemView .itemInfo .attributes ul li a:link,
								#content .itemView .itemInfo .attributes ul li a:visited {
								color: #c51035;
								text-decoration: none;
								}
								#content .itemView .itemInfo .attributes ul li a:hover,
								#content .itemView .itemInfo .attributes ul li a:active {
								color: #c51035;
								text-decoration: underline;
								}
				
				#content .itemView .itemInfo .description {
				clear: both;
				padding: 1em 0 2em;
				}
					#content .itemView .itemInfo .description h3 {
					height: 17px;
					margin: 0.5em 0;
					padding: 0 12px;
					background: url(img/content/maincontent/itemview/iteminfo/header-descritpion-bg.png) no-repeat #eee;
					font-weight: bolder;
					line-height: 17px;
					}
					#content .itemView .itemInfo .description p {
					margin: 0.5em 0;
					padding: 0 12px;
					line-height: 1.4em;
					}

		/* --------------------------
		4.2.3 Item order
		---------------------------*/
		
			#content .itemView .itemOrder {
			float: right;
			display: inline;
			width: 188px;
			margin: 3em 0 0;
			background: url(img/content/maincontent/itemview/itemorder/bg-top.png) no-repeat #eee;
			}
				#content .itemView .itemOrder .itemOrderBottom {
				clear: both;
				height: 5px;
				overflow: hidden;
				background: url(img/content/maincontent/itemview/itemorder/bg-bot.png) 0 100% no-repeat;
				font-size: 1px;
				line-height: 1px;
				}
				
				#content .itemView .itemOrder h3 {
				height: 22px;
				margin: 5px 5px 0;
				padding: 0 12px;
				background: url(img/content/maincontent/itemview/itemorder/header-bg.png) no-repeat #aaa;
				color: #fff;
				font-weight: bolder;
				line-height: 22px;
				}
				
				#content .itemView .itemOrder .details {
				padding: 0.4em 5px;
				margin: 1px 5px;
				background: #eee;
				text-align: center;
				}
				
				#content .itemView .itemOrder .price {
				padding: 1.5em 5px;
				margin: 0 4px;
				border-top: 1px solid #eee;
				text-align: center;
				}
					#content .itemView .itemOrder .price strong {
					color: #03588C;
					font-size: 1.6em;
					}
				
				#content .itemView .itemOrder .addToCart {
				margin: 0 4px;
				border-bottom: 1px solid #eee;
				text-align: center;
				}
					#content .itemView .itemOrder .addToCart a {
					position: relative;
					display: block;
					height: 26px;
					overflow: hidden;
					margin: 0 1px 1px;
					line-height: 26px;
					text-align: center;
					}
						#content .itemView .itemOrder .addToCart a .r {
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 100%;
						height: 100%;
						overflow: hidden;
						background: url(img/buttons/add-to-cart-big.png) no-repeat;
						}
					
				#content .itemView .itemOrder ul {
				margin: 1px 5px 0;
				padding: 0.6em 0 0.6em 10px;
				background: #eee;
				}
					#content .itemView .itemOrder ul a {
					background: url(img/embellishments/pointer-double-arrow-grey.png) 0 50% no-repeat;
					padding-left: 18px;
					}
						#content .itemView .itemOrder ul a:link,
						#content .itemView .itemOrder ul a:visited {
						color: #7e7e7e;
						text-decoration: none;
						}
						#content .itemView .itemOrder ul a:hover,
						#content .itemView .itemOrder ul a:active {
						color: #000;
						text-decoration: underline;
						}

		/* --------------------------
		4.2.4 Related items
		---------------------------*/
		
			#content .itemView .related {
			position: relative;
			clear: both;
			}				
				#content .itemView .related h3 {
				height: 17px;
				margin: 3em 0 0;
				padding: 0 12px;
				background: url(img/content/maincontent/itemview/header-bg-blue.png) no-repeat #0F6498;
				color: #fff;
				font-weight: bold;
				line-height: 17px;
				}
				
				#content .itemView .related .relatedItemsControls {
				}
					#content .itemView .related .relatedItemsControls li {
					position: absolute;
					top: 50%;
					margin-top: -63px;
					width: 21px;
					height: 122px;
					overflow: hidden;
					}
						#content .itemView .related .relatedItemsControls li a {
						position: relative;
						display: block;
						width: 100%;
						height: 100%;
						}
							#content .itemView .related .relatedItemsControls li .r {
							position: absolute;
							top: 0;
							left: 0;
							display: block;
							width: 100%;
							height: 100%;
							overflow: hidden;
							}
					
					#content .itemView .related .relatedItemsControls .prev {
					left: 15px;
					}
						#content .itemView .related .relatedItemsControls .prev .r {
						background: url(img/content/maincontent/itemview/related/previous-item.png) no-repeat;
						}
					#content .itemView .related .relatedItemsControls .next {
					right: 15px;
					}
						#content .itemView .related .relatedItemsControls .next .r {
						background: url(img/content/maincontent/itemview/related/next-item.png) no-repeat;
						}
			
				#content .itemView .relatedItems {
				height: auto;
				overflow: hidden;
				padding: 0 45px;
				}
					#content .itemView .relatedItems .item {
					float: left;
					display: inline;
					width: 110px;
					margin: 0 15px;
					padding: 1em 0;
					text-align: center;
					}
						#content .itemView .relatedItems .item .pic {
						}
							#content .itemView .relatedItems .item .pic img {
							margin: 0 auto;
							}
							
						#content .itemView .relatedItems .item .content {
						line-height: 1.3em;
						}
							#content .itemView .relatedItems .item .content h3 {
							height: auto;
							padding: 0;
							margin: 0.4em 0 0.6em;
							background: none;
							line-height: normal;
							}
							
							#content .itemView .relatedItems .item .content .price {
							font-weight: bolder;
							}
								#content .itemView .relatedItems .item .content .price strong {
								color: #C51035;
								}

		/* --------------------------
		4.2.5 Libraries
		---------------------------*/
		
			#content .itemView .libraries {
			margin: 0 0 2em;
			}
				#content .itemView .libraries h3 {
				height: 17px;
				padding: 0 12px;
				background: url(img/content/maincontent/itemview/header-bg-green.png) no-repeat #91AF15;
				color: #fff;
				font-weight: bold;
				line-height: 17px;
				}
				
				#content .itemView .libraries p {
				margin: 0.7em 12px;
				}
					#content .itemView .libraries p a:link,
					#content .itemView .libraries p a:visited {
					color: #C51035;
					text-decoration: none;
					}
					#content .itemView .libraries p a:hover,
					#content .itemView .libraries p a:active {
					color: #8A0B24;
					text-decoration: underline;
					}

		/* --------------------------
		4.2.6 Comments
		---------------------------*/
		
			#content .itemView .comments {
			}
				#content .itemView .comments h3 {
				height: 17px;
				padding: 0 12px;
				background: url(img/content/maincontent/itemview/header-bg-red.png) no-repeat #CC193E;
				color: #fff;
				font-weight: bold;
				line-height: 17px;
				}
				
				#content .itemView .comments .comment {
				width: 783px;
				margin: 0.3em 0;
				padding: 0.3em 13px 0;
				background: url(img/content/maincontent/itemview/comments/comment-bg-top.png) no-repeat #eee;
				}
					#content .itemView .comments .comment .commentBottom {
					clear: both;
					height: 3px;
					margin: 0 -13px;
					overflow: hidden;
					background: url(img/content/maincontent/itemview/comments/comment-bg-bot.png) 0 100% no-repeat;
					font-size: 1px;
					line-height: 1px;
					}
					
					#content .itemView .comments .comment p {
					padding: 0.3em 0;
					}
						#content .itemView .comments .comment .buttons {
						text-align: center;
						}
					
						#content .itemView .comments .comment img {
						display: inline;
						vertical-align: text-bottom;
						}
						
						#content .itemView .comments form.comment p strong {
						color: #C51035;
						}
					
					#content .itemView .comments .comment textarea {
					width: 763px;
					height: 120px;
					}
					
				
	/* --------------------------
	4.3 Text view
	---------------------------*/
	
		.textBlock {
		padding: 0 12px;
		line-height: 1.7em;
		}		
			.textBlock p {
			margin: 1em 0;
			}
				
	/* --------------------------
	4.4 Order view
	---------------------------*/
	
		.orderView {
		width: 814px;
		margin: 0 0 2em -4px;
		}
			#mainContent .orderView h2 {
			padding: 1em 12px 0.5em;
			margin: 0 0 1px;
			border-bottom: 1px solid #ddd;
			color: #03588C !important;
			}
			#mainContent .orderView h3 {
			color: #03588C !important;
			}
			
			#mainContent .orderView .sectionGrey {
			background: url(img/content/maincontent/orderview/section/bg-top.png) no-repeat #f0f0f0;
			}
				#mainContent .orderView .sectionGreyBottom {
				clear: both;
				height: 6px;
				overflow: hidden;
				background: url(img/content/maincontent/orderview/section/bg-bot.png) 0 100% no-repeat;
				font-size: 1px;
				line-height: 1px;
				}
				

		/* --------------------------
		4.4.1 Order plan
		---------------------------*/
		
			#orderPlan {
			clear: both;
			width: 814px;
			height: 22px;
			background: url(img/content/maincontent/orderview/orderplan/bg.png) 0 100% no-repeat #999;
			}
				#orderPlan li {
				float: left;
				display: inline;
				height: 22px;
				width: 162px;
				border-left: 1px solid #fff;
				color: #fff;
				font-size: 1em;
				line-height: 22px;
				text-align: center;
				}			
					#orderPlan li.first-item {
					border-left: none;
					}
							
					#orderPlan li.activeStep {
					background: url(img/content/maincontent/orderview/orderplan/active-item-bg.png) 0 100% no-repeat #CD1A3F;
					}
	
		/* --------------------------
		4.4.2 Order details
		---------------------------*/
		
			.orderDetails {
			padding: 0.5em 0 0;
			}
				#content .orderDetails h3 {
				font-size: 1.3em;
				font-weight: bolder;
				}
			
				.orderDetails label {
				vertical-align: middle;
				}
					.orderDetails label strong {
					text-decoration: underline;
					}
				
				.orderDetails input.img {
				margin-left: -2px;
				}
				
				#mainContent .orderDetails p {
				margin: 0.7em 0 0;
				}
			
				.orderDetails .payment {
				padding: 2em 12px;
				}					
					.orderDetails .payment ul {
					margin: 0.7em 0 0;
					}
						.orderDetails .payment ul li {
						display: inline;
						padding: 0 2em 0 0;
						}
	
		/* --------------------------
		4.4.3 Customer details
		---------------------------*/
		
			.customerDetails {
			height: auto;
			overflow: hidden;
			margin: 0.5em 0 0;
			padding: 0 12px 2em;
			}
				#content .customerDetails h3 {
				padding: 1.5em 0 0;
				font-size: 1.3em;
				font-weight: bolder;
				}
				
				.customerDetails .customerType {
				clear: both;
				padding: 1.5em 0;
				}
					#content .customerDetails .customerType label {
					float: none;
					padding: 0 15px 0 5px;
					}
					
					#content .customerDetails .customerType input.img {
					float: none;
					margin: auto;
					vertical-align: middle;
					}
					
				.customerDetails .personal {
				float: left;
				width: 302px;
				}
				.customerDetails .address {
				float: left;
				width: 345px;
				}			
					.customerDetails p {
					height: auto;
					overflow: hidden;
					padding: 0.3em 0;
					}		
						.customerDetails label {
						float: left;
						display: inline;
						padding: 6px 0 0;
						}
							.customerDetails .personal label {
							width: 75px;
							}
							.customerDetails .address label {
							width: 90px;
							}
					
						#content .customerDetails input {
						float: left;
						display: inline;
						width: 165px;
						padding-top: 6px;
						padding-bottom: 6px;
						}
					
						#content .customerDetails select {
						float: left;
						display: inline;
						width: 180px;
						margin: 5px 0;
						}
							#content .customerDetails select:focus {
							border-color: #999;
							}
				
				.customerDetails span {
				float: left;
				display: inline;
				padding: 6px 15px;
				}
						
				#content .customerDetails #f_order_info_building {
				width: 40px;
				margin-right: 34px;
				}
				#content .customerDetails #f_order_info_apartment {
				width: 45px;
				}
				.customerDetails #f_order_info_state {
				margin: 4px 0 0;
				padding: 0;
				}
	
		/* --------------------------
		4.4.4 Buttons
		---------------------------*/
		
			#mainContent .formButtons {
			clear: both;
			height: auto;
			overflow: hidden;
			padding: 1em 10px;
			}
				#mainContent .orderView .formButtons {
				height: 26px;
				padding: 0;
				margin: 1em 0 0;
				background: url(img/content/maincontent/orderview/formbuttons/bg.png) repeat-x #999; 
				}
				
				#mainContent .formButtons .left {
				float: left;
				display: inline;
				}
				#mainContent .formButtons .right {
				float: right;
				display: inline;
				}
		
			
/* --------------------------
5. DYNAMIC ACTIONS
---------------------------*/

	/* --------------------------
	5.1 Submenu
	---------------------------*/
		
		body.mooTools #navigation #submenu li.expanded ul {
		display: block;
		}
		body.mooTools #navigation #submenu li.collapsed ul {
		display: none;
		}
		
		
		
		
		
		
		
		
		
		
		#content .koszyk_zamowien {
		width: 100%;
		}
			#content .koszyk_zamowien td {
			border-bottom: 1px solid #e1e1e1;
			}
			
			
			
					#mainBanner {
					position: relative;
					display: block;
					width: 574px;
					margin-bottom: 10px;
					overflow: hidden;
					}
						#mainBanner #slideshow-controls {
						position: absolute;
						bottom: 13px;
						right: 13px;
						font-size: 0.9em;
						text-align: center;
						}
							#mainBanner #slideshow-controls li {
							float: left;
							display: inline;
							right: 10px;
							width: 21px;
							height: 21px;
							overflow: hidden;
							margin: 0 1px;
							background: url(img/content/controls-bg.png) no-repeat;
							line-height: 19px;
							text-align: center;
							}
								#mainBanner #slideshow-controls li.disactive {
								background-position: 0 0;
								color: #7b7b7b;
								}
								#mainBanner #slideshow-controls li.active {
								background-position: 0 -21px;
								color: #fff;
								font-weight: bold;
								}
						
						#mainBanner #slideshow-images {
						}
							#mainBanner #slideshow-images .active {
							display: block;
							}
							#mainBanner #slideshow-images .disactive {
							display: none;
							}
							#mainBanner #slideshow-controls li.prev ,
							#mainBanner #slideshow-controls li.next{
							display: none;
							}
							
/*  slider container(s) */
#container, #container2, #container3 { position: relative; margin: 0 auto; width: 574px; height: 152px; overflow: auto;   }

#container .item { display: block; width: 574px; }


/* controls styling */
#controls1, #controls2, #controls3 { display: block; position: relative; margin: 12px auto; width: 574px; }

.prev_btn, .next_btn { width: 15px; height: 15px; text-align: center;  }
.prev_btn { position:absolute; top:-35px; right:550px }
.next_btn { position:absolute; top:-35px; right:532px }

.num_nav { text-align: center;}
.num_nav ul li { display: inline; margin: 0 2px; }
.num_nav ul li a { padding: 2px 3px; color:#AF4B32; }
.num_nav ul li a.active, .num_nav ul li a:hover {  }


.btn_over { color:#fff; border: 1px solid #fff;  }

hr { margin: 22px 0; }

.clearit { clear: both; }