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

ESENIOR
Grupa Pff
http://pff.pl/

Michał Krupa
michal@procommerce.lodz.pl

November 2008


TABLE OF CONTENT:

	1.	GLOBAL
		1.1 CSS Reset
		1.2 General styles
	2. BASE
	3. BASIC LAYOUT
		3.1 Header
			3.1.1 Logo
			3.1.2 Welcome
			3.1.3 Account
			3.1.4 Cart
		3.2 Content
			3.2.1 Main navigation
			3.2.2 Navigation
				3.2.2.1 Submenu
				3.2.2.2 Main search
			3.2.3 Main content
				3.2.3.1 Headers
				3.2.3.2 Buttons
			3.2.4 Promo bar
				3.2.4.1 Newsletter
				3.2.4.2 Recommend to a friend
				3.2.4.3 Delivery info
			3.2.5 Footer
	4. MAIN CONTENT LAYOUTS
		4.1 News overview
		4.2 Items overview
		4.3 Related items
		4.4 Items list
		4.5 Item details
		4.6 Text block
		4.7 Bread crumbs
		4.8 Sorting criteria
		4.9 Pageing
		4.10 Order plan
		4.11 Order details
		4.12 Customer type
		4.13 Customer details
		4.14 Gift
		4.15 Buttons

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




/* --------------------------
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 Tahoma, 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;
			}
		
		/* hidden elements */	
		.h, div.hr hr {
		position: absolute;
		top: -9900px;
		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: #fff;
	color: #333;
	}

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

	body {
	}

	/* --------------------------
	3.1 Header
	---------------------------*/
	
		#header {
		background: url(img/header/bg.png) 0 100% repeat-x #fff;
		}
			#header-inner {
			position: relative;
			width: 923px;
			min-height: 188px;
			margin: 0 auto;
			background: url(img/header/people.jpg) 149px 100% no-repeat;
			font-size: 1.2em;
			}
			
		/* --------------------------
		3.1.1 Logo
		---------------------------*/
		
			#logo {
			position: absolute;
			bottom: 51px;
			left: 0;
			width: 178px;
			height: 46px;
			overflow: hidden;
			font-size: 1em;
			font-weight: bolder;
			}
				#logo a {
				position: relative;
				display: block;
				width: 178px;
				height: 46px;
				overflow: hidden;
				color: #708019;
				font-size: 3em;
				font-weight: bolder;
				}
				
				#logo .r {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 178px;
				height: 46px;
				background: url(img/logo.png) no-repeat;
				}

		/* --------------------------
		3.1.2 Welcome
		---------------------------*/
		
			#header .welcome {
			float: left;
			display: inline;
			width: 360px;
			margin: 1.2em 12px;
			font-size: 0.9em;
			}
				#header .welcome a {
				font-weight: bolder;
				}
					#header .welcome a:link,
					#header .welcome a:visited {
					color: #666;
					text-decoration: none;
					}
					#header .welcome a:hover,
					#header .welcome a:active {
					color: #000;
					text-decoration: underline;
					}
			
		/* --------------------------
		3.1.3 Account
		---------------------------*/
		
			#header #account {
			float: right;
			display: inline;
			width: 444px;
			margin: 1.1em 0;
			}
				#header #account a:link,
				#header #account a:visited {
				color: #333;
				text-decoration: underline;
				}
				#header #account a:hover,
				#header #account a:active {
				color: #888;
				text-decoration: underline;
				}
					
				#header #account h3 {
				float: left;
				display: inline;
				font-size: 1em;
				font-weight: bold;
				}
				
				#header #account ul {
				float: left;
				display: inline;
				margin: 0 0 0 9px;
				}
					#header #account li {
					float: left;
					display: inline;
					padding: 0 0 0 21px;
					background: url(img/embellishments/dot.gif) 9px 55% no-repeat;
					}
						#header #account li.first-item {
						padding-left: 0;
						background: none;
						}
						#header #account input.text {
						height: 15px;
						width: 50px;
						padding: 1px;
						border-top: 3px solid #e8e8e8;
						border-right: 1px solid #c0c0c0;
						border-bottom: 1px solid #c0c0c0;
						border-left: 3px solid #e8e8e8;
						}
						
		/* --------------------------
		3.1.4 Cart
		---------------------------*/
		
			#koszyk {
			clear: both;
			float: right;
			display: inline;
			width: 264px;
			min-height: 117px;
			margin: 20px 0 0;
			position: relative;
			}				
				#koszyk h3 {
				margin: 0 0 0.3em;
				color: #778335;
				font-size: 1.16em;
				font-weight: bolder;
				}
				
				#koszyk a {
				margin: 0 0 0.3em;
				color: #778335;
				font-size: 1.16em;
				font-weight: bolder;
				text-decoration: none;
				}
				
				#header .cart-empty {
				background: url(img/header/cart/empty.jpg) 160px 9px no-repeat;
				}
								
										
			#cartLink{
				width:90px;
				height: 83px;
				position: absolute;	
				right: 10px;
				top: 10px;
			}		
							
	/* --------------------------
	3.2 Content
	---------------------------*/
	
		#content {
		clear: both;
		width: 923px;
		margin: 0 auto;
		background: #fff;
		}
			#content input,
			#content select {
			height: 15px;
			padding: 3px;
			border-top: 3px solid #e8e8e8;
			border-right: 1px solid #c0c0c0;
			border-bottom: 1px solid #c0c0c0;
			border-left: 3px solid #e8e8e8;
			}
							
		/* --------------------------
		3.2.1 Main navigation
		---------------------------*/
		
			#mainNav {
			margin: 0 0 0.6em;
			background: url(img/mainnav/bg.png) 0 100% no-repeat #afcf33;
			}
				#mainNav ul {
				height: auto;
				overflow: hidden;
				margin: 0 0 0 14px;
				padding: 2px 0 3px;
				font-size: 1.2em;
				}
					#mainNav ul li {
					float: left;
					display: inline;
					padding: 0 1px 0 0;
					background: url(img/mainnav/item-border.png) 100% 100% no-repeat;
					text-transform: uppercase;
					}
						#mainNav ul a {
						display: block;
						padding: 0.95em 13px;
						font-weight: bolder;
						}							
							#mainNav ul a:link,
							#mainNav ul a:visited {
							color: #fff;
							text-decoration: none;
							}
							#mainNav ul a:hover,
							#mainNav ul a:active {
							background: #829E2A;
							color: #cf9;
							text-decoration: none;
							}

		/* --------------------------
		3.2.2 Navigation
		---------------------------*/
		
			#navigation {
			float: left;
			display: inline;
			width: 308px;
			margin: -0.4em 0 0;
			padding: 0 0 2em;
			font-size: 1.2em;
			}
				#navigation h3 {
				margin: 0.3em 0;
				font-size: 1.16em;
				font-weight: bolder;
				background: url(img/headers/black-308-bg.png) no-repeat #4c4c4c;
				color: #fff;
				}
					#navigation h3 span {
					display: block;
					padding: 0.55em 10px 0.55em 24px;
					background: url(img/headers/black-308-bot.png) 0 100% no-repeat;
					}
					
				#navigation h4 {
				margin: 0.3em 0;
				font-size: 1.16em;
				font-weight: bolder;
				background: url(img/headers/light-308-bg.png) no-repeat #eeeed5;
				color: #708019;
				}
					#navigation h4 span {
					display: block;
					padding: 0.55em 10px 0.55em 24px;
					background: url(img/headers/light-308-bot.png) 0 100% no-repeat;
					}
					
					#navigation h4 a:link {
					color: #708019;
					text-decoration: none;
					}
					#navigation h4 a:visited {
					color: #919100;
					text-decoration: none;
					}
					#navigation h4 a:hover,
					#navigation h4 a:active {
					color: #690;
					text-decoration: underline;
					}

			/* --------------------------
			3.2.2.1 Submenu
			---------------------------*/
			
				#navigation .submenu {
				}
					#navigation .submenu a {
					font-weight: bolder;
					}
						#navigation .submenu a:link,
						#navigation .submenu a:visited {
						color: #5d5d5d;
						text-decoration: none;
						}
						#navigation .submenu a:hover,
						#navigation .submenu a:active {
						color: #000;
						text-decoration: underline;			
						}
					
					#navigation .submenu ul {
					margin: 0 0 1em;
					padding: 0 0 0 40px;
					min-height: 84px;
					background: 7px 5px no-repeat;
					}
						#navigation .submenu li {
						border-top: 1px solid #d3d3d3;
						background: url(img/embellishments/arrow-green.gif) 5px 0.75em no-repeat;
						}
							
							#navigation .submenu li.first-item {
							border-top: 0;
							}
							
							#navigation .submenu li.first-item-collapsed {
							border-top: 0;
							}
							
							#navigation .submenu li.first-item-expanded {
							border-top: 0;
							}						
													
							#navigation .submenu li a {
							display: block;
							padding: 0.15em 0 0.1em 16px;
							}
						
						#navigation .submenu ul.health {
						background-image: url(img/navigation/submenu/health.png);
						padding: 0 0 0 84px;
						}
						#navigation .submenu ul.mental {
						background-image: url(img/navigation/submenu/mental.png);
						padding: 0 0 0 84px;
						}
						#navigation .submenu ul.sight {
						background-image: url(img/navigation/submenu/sight.png);
						padding: 0 0 0 84px;
						}
						#navigation .submenu ul.hearing {
						background-image: url(img/navigation/submenu/hearing.png);
						padding: 0 0 0 84px;
						}
						#navigation .submenu ul.activity {
						background-image: url(img/navigation/submenu/activity.png);
						padding: 0 0 0 84px;
						}
						#navigation .submenu ul.relax {
						background-image: url(img/navigation/submenu/relax.png);
						padding: 0 0 0 84px;
						}

			/* --------------------------
			3.2.2.2 Main search
			---------------------------*/
			
				#mainSearch {
				margin: 0 0 2em;
				padding: 0.3em 10px 0 24px;
				}

		/* --------------------------
		3.2.3 Main content
		---------------------------*/
		
			#mainContent {
			float: right;
			display: inline;
			width: 610px;
			margin: -0.4em 0 2em;
			color: #333;
			font-size: 1.2em;
			}				
				#mainContent select {
				height: 23px;
				}
			
				#mainContent .price {
				font-size: 1.16em;
				font-weight: bolder;
				color: #8ba92c;
				}
					#mainContent .price del {
					color: #939393;
					}
					
				#mainContent .stock-full {
				color: #8ba92c;
				}
				#mainContent .stock-medium {
				color: #f90;
				}
				#mainContent .stock-few {
				color: #c00;
				}
				#mainContent .stock-empty {
				color: #999;
				}

			/* --------------------------
			3.2.3.1 Headers
			---------------------------*/
					
				#mainContent h2 {
				margin: 0.3em 0;
				font-size: 1.16em;
				font-weight: bolder;
				background: url(img/headers/light-610-bg.png) no-repeat #eeeed5;
				color: #708019;
				}
					#mainContent h2 span {
					display: block;
					padding: 0.55em 10px 0.55em 24px;
					background: url(img/headers/light-610-bot.png) 0 100% no-repeat;
					}
					
					#mainContent h2 a:link {
					color: #708019;
					text-decoration: none;
					}
					#mainContent h2 a:visited {
					color: #919100;
					text-decoration: none;
					}
					#mainContent h2 a:hover,
					#mainContent h2 a:active {
					color: #690;
					text-decoration: underline;
					}
			
				#mainContent h3 {
				margin: 0 0 0.5em;
				font-size: 1.16em;
				font-weight: bolder;
				}
					#mainContent h3 a:link {
					color: #333;
					text-decoration: none;
					}
					#mainContent h3 a:visited {
					color: #444;
					text-decoration: none;
					}
					#mainContent h3 a:hover,
					#mainContent h3 a:active {
					color: #000;
					text-decoration: underline;
					}

			/* --------------------------
			3.2.3.2 Buttons
			---------------------------*/
			
				#mainContent .button-more {
				position: relative;
				display: block;
				width: 73px;
				height: 27px;
				background: #aaa;
				color: #fff;
				line-height: 27px;
				text-align: center;
				}
					#mainContent .button-more .r {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 73px;
					height: 27px;
					background: url(img/buttons/more.png) no-repeat;
					}
			
				#mainContent .button-toCart {
				position: relative;
				display: block;
				width: 89px;
				height: 27px;
				background: #aaa;
				color: #fff;
				line-height: 27px;
				text-align: center;
				}
					#mainContent .button-toCart .r {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 89px;
					height: 27px;
					background: url(img/buttons/tocart.png) no-repeat;
					}
			
				#mainContent .button-arrUp,
				#mainContent .button-arrDown,
				#mainContent .button-arrLeft,
				#mainContent .button-arrRight {
				position: relative;
				display: block;
				width: 23px;
				height: 23px;
				overflow: hidden;
				background: #999;
				color: #fff;
				line-height: 17px;
				text-align: center;
				}
					#mainContent .button-arrUp .r,
					#mainContent .button-arrDown .r,
					#mainContent .button-arrLeft .r,
					#mainContent .button-arrRight .r {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 23px;
					height: 23px;
					overflow: hidden;
					}
					#mainContent .button-arrUp .r {
					background: url(img/buttons/arrup.png) no-repeat;
					}
					#mainContent .button-arrDown .r {
					background: url(img/buttons/arrdown.png) no-repeat;
					}
					#mainContent .button-arrLeft .r {
					background: url(img/buttons/arrleft.png) no-repeat;
					}
					#mainContent .button-arrRight .r {
					background: url(img/buttons/arrright.png) no-repeat;
					}
							
		/* --------------------------
		3.2.4 Promo bar
		---------------------------*/
		
			#promoBar {
			clear: both;
			height: auto;
			overflow: hidden;
			font-size: 1.2em;
			}				
				#promoBar h3 {
				margin: 0 0 0.3em;
				font-size: 1.16em;
				font-weight: bolder;
				background: url(img/headers/black-300-bg.png) no-repeat #4c4c4c;
				color: #fff;
				}
					#promoBar h3 span {
					display: block;
					padding: 0.55em 10px 0.55em 24px;
					background: url(img/headers/black-300-bot.png) 0 100% no-repeat;
					}
					
				#promoBar .box {
				float: left;
				display: inline;
				width: 300px;
				}
					#promoBar .box-inner {
					padding: 0.5em 28px 1em;
					}
					
					#promoBar .box p {
					margin: 0.5em 0;
					}
					
					#promoBar .box form {
					margin: 0 0 0.6em;
					}
						#promoBar .box form input {
						width: 135px;
						}

			/* --------------------------
			3.2.4.1 Newsletter
			---------------------------*/
			
				#promoBar .newsletter {
				}


			/* --------------------------
			3.2.4.2 Recommend to a friend
			---------------------------*/
			
				#promoBar .recommend {
				margin: 0 11px 0 12px;
				}

			/* --------------------------
			3.2.4.3 Delivery info
			---------------------------*/
			
				#promoBar .delivery {
				}
					#promoBar .delivery .box-inner {
					min-height: 75px;
					padding-right: 130px;
					background: url(img/promobar/ups.jpg) 190px 13px no-repeat;
					}
							
							
		/* --------------------------
		3.2.5 Footer
		---------------------------*/
		
			#footer {
			clear: both;
			border-top: 1px solid #d3d3d3;
			padding: 1em 20px 3em;
			font-size: 1.1em;
			}
				#footer a:link,
				#footer a:visited {
				color: #555;
				font-weight: bolder;
				text-decoration: none;
				}
				#footer a:hover,
				#footer a:active {
				color: #000;
				font-weight: bolder;
				text-decoration: underline;			
				}

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

	/* --------------------------
	4.1 News overview
	---------------------------*/
	
		.newsOverview {
		height: auto;
		overflow: hidden;
		margin: -0.35em 0;
		padding: 0.5em 0 1em;
		background: url(img/maincontent/fauxcolumns-305-305.png) repeat-y;
		}
			.newsOverview .news {
			float: right;
			display: inline;
			width: 265px;
			margin: 0.8em 23px 0.8em 0;
			text-align: justify;
			}
				.newsOverview .oddItem {
				float: left;
				margin: 0.8em 0 0.8em 23px;
				}
				
				.newsOverview .news .date {
				float: right;
				display: inline;
				padding: 0.1em 0 0 5px;
				font-weight: bolder;
				}
				
				.newsOverview .news p {
				font-size: 0.9em;
				}

	/* --------------------------
	4.2 Items overview
	---------------------------*/
	
		.itemsOverview {
		height: auto;
		overflow: hidden;
		margin: -0.35em 0;
		padding: 0.5em 0 1em;
		background: url(img/maincontent/fauxcolumns-305-305.png) repeat-y;
		}
			.itemsOverview .item {
			float: right;
			display: inline;
			width: 288px;
			margin: 0.8em 10px 0.8em 0;
			}
				.itemsOverview .oddItem {
				clear: left;
				float: left;
				}
				
				#mainContent .itemsOverview .item h3 {
				margin-left: 116px;
				}
			
				.itemsOverview .item .pic {
				float: left;
				display: inline;
				margin: -1.6em 0 0 4px;
				}
				
				.itemsOverview .item .description {
				margin: 0 0 0 116px;
				text-align: justify;
				font-size: 0.9em;
				}
				
				.itemsOverview .item .details {
				height: auto;
				overflow: hidden;
				margin: 1.3em 0 0 116px;
				}
					.itemsOverview .item .details .price {
					float: left;
					display: inline;
					margin: 1px 0 0 7px;
					}
						
					.itemsOverview .item .details .more {
					float: right;
					display: inline;
					}

	/* --------------------------
	4.3 Related items
	---------------------------*/
	
		.itemsRelated {
		height: auto;
		overflow: hidden;
		margin: -0.35em 0;
		padding: 1em 0 1.5em;
		border-bottom: 1px solid #d5d5d5;
		background: url(img/maincontent/fauxcolumns-203-204-203.png) repeat-y;
		}
			.itemsRelated .item {
			float: left;
			display: inline;
			width: 179px;
			margin: 0.8em 12px 0;
			}
				.itemsRelated .clearItem {
				clear: left;
				}
				
				.itemsRelated .item .pic {
				margin: 1em 0 0;
				}
				
				.itemsRelated .item .description {
				margin: 1em 0 1em;
				text-align: justify;
				font-size: 0.9em;
				}

	/* --------------------------
	4.4 Items list
	---------------------------*/
	
		.itemsList {
		border-top: 1px solid #d3d3d3;
		}
			.itemsList .item {
			height: auto;
			overflow: hidden;
			padding: 1.5em 0;
			border-bottom: 1px solid #d3d3d3;
			}		
				#mainContent .itemsList .item h3 {
				margin-left: 116px;
				}
			
				.itemsList .item .pic {
				float: left;
				display: inline;
				margin: -1.6em 0 0 4px;
				}
				
				.itemsList .item .description {
				margin: 0 11px 0 116px;
				text-align: justify;
				font-size: 0.9em;
				}
				
				.itemsList .item .details {
				float: right;
				display: inline;
				height: auto;
				overflow: hidden;
				margin: 0.5em 0 0;
				}
					.itemsList .item .details .price {
					float: left;
					display: inline;
					margin: 1px 14px 0 0;
					}
						
					.itemsList .item .details .more {
					float: left;
					display: inline;
					}

	/* --------------------------
	4.5 Item details
	---------------------------*/
	
		.itemDetails {
		height: auto;
		overflow: hidden;
		margin: -0.35em 0;
		background: url(img/maincontent/fauxcolumns-125-485.png) repeat-y;
		}
			.itemDetails .description {
			float: right;
			display: inline;
			width: 452px;
			margin: 0 8px;
			padding: 1.7em 0;
			font-size: 0.9em;
			text-align: justify;
			}
				.itemDetails .description .attributes {
				margin: 1.5em 0;
				border-top: 1px solid #edede0;
				}
					.itemDetails .description .attributes li {
					padding: 0.6em 0;
					border-bottom: 1px solid #edede0;
					}
					
			.itemDetails .info {
			float: left;
			display: inline;
			width: 124px;
			padding: 2.5em 0;
			text-align: justify;
			}
				.itemDetails .info .pic {
				position: relative;
				padding: 0 0 30px;
				}
					.itemDetails .info .pic img {
					margin: 0 auto;
					}
					
					.itemDetails .info .pic p {
					margin: 0;
					}
						.itemDetails .info .pic p a {
						position: absolute !important;
						left: 50%;
						bottom: 0;
						}
							.itemDetails .info .pic a.previous {
							margin-left: -24px;
							}
							.itemDetails .info .pic a.next {
							margin-left: 2px;
							}
				
				.itemDetails .info .price {
				margin: 1em 0 0.4em;
				text-align: center;
				}
				
				.itemDetails .info .toCart {
				margin: 0 0 0 17px;
				}
				
				.itemDetails .info .stock {
				margin: 1em 0 0;
				padding: 0.7em 0 0.7em 7px;
				border-top: 1px solid #d5d5d5;
				border-bottom: 1px solid #d5d5d5;
				font-weight: bolder;
				}
					
				.itemDetails .info .action {
				padding: 1em 0;
				}
					.itemDetails .info .action a {
					font-weight: bolder;
					}
						.itemDetails .info .action a:link {
						color: #333;
						text-decoration: none;
						}
						.itemDetails .info .action a:visited {
						color: #666;
						text-decoration: none;
						}
						.itemDetails .info .action a:hover,
						.itemDetails .info .action a:active {
						color: #000;
						text-decoration: underline;
						}
						
					.itemDetails .info .action .print a {
					padding-left: 25px;
					background: url(img/icos/printer.gif) 4px 50% no-repeat;
					}

	/* --------------------------
	4.6 Text block
	---------------------------*/
	
		.textBlock {
		padding: 0.3em 11px;
		}
			#mainContent .textBlock h3 {
			margin: 1.2em 0 0.5em;
			}
			
			.textBlock p {
			margin: 0 0 1em;
			text-align: justify;
			}

	/* --------------------------
	4.7 Bread crumbs
	---------------------------*/
	
		.breadCrumbs {
		padding: 0.95em 11px;
		font-weight: bolder;
		letter-spacing: 2px;
		}
			.breadCrumbs a {
			letter-spacing: normal;
			}
				.breadCrumbs a:link {
				color: #333;
				text-decoration: underline;
				}
				.breadCrumbs a:visited {
				color: #666;
				text-decoration: underline;
				}
				.breadCrumbs a:hover,
				.breadCrumbs a:active {
				color: #000;
				text-decoration: underline;
				}

	/* --------------------------
	4.8 Sorting criteria
	---------------------------*/
	
		.sortCriteria {
		height: auto;
		overflow: hidden;
		margin: 1em 0 0;
		padding: 0 14px 1em;
		border-bottom: 1px solid #d3d3d3;
		line-height: 23px;
		}
			.sortCriteria h4 {
			float: left;
			display: inline;
			padding: 0 20px 0 0;
			font-size: 1em;
			font-weight: bold;
			}
			
			.sortCriteria ul {
			float: left;
			display: inline;
			}
				.sortCriteria li {
				float: left;
				display: inline;
				padding: 0 15px 0 0;
				color: #5d5d5d;
				font-weight: bolder;
				}
					.sortCriteria li span,
					.sortCriteria li a {
					float: left;
					display: inline;
					margin: 0 0 0 3px;
					}
					
					.sortCriteria li span {
					margin-right: 7px;
					}
					
					.sortCriteria li span.r {
					float: none;
					display: block;
					margin: 0;
					}

	/* --------------------------
	4.9 Pageing
	---------------------------*/
	
		.pageing {
		height: auto;
		overflow: hidden;
		padding: 1.1em 14px;
		}
			.pageing h4 {
			float: left;
			display: inline;
			font-size: 1em;
			font-weight: bold;
			}
			
			.pageing ul {
			float: left;
			display: inline;
			}
				.pageing li {
				display: inline;
				padding: 0 4px 0 8px;
				border-left: 2px solid #5d5d5d;
				}
					.pageing li.first-item {
					border-left: 0;
					}
					
					.pageing li a {
					font-weight: bolder;
					}
						.pageing li a:link {
						color: #5d5d5d;
						text-decoration: none;
						}
						.pageing li a:visited {
						color: #888;
						text-decoration: none;
						}
						.pageing li a:hover,
						.pageing li a:active {
						color: #000;
						text-decoration: underline;
						}

	/* --------------------------
	4.10 Order plan
	---------------------------*/
	
		#orderPlan {
		height: auto;
		overflow: hidden;
		padding: 0 3px;
		background: url(img/order/plan/bg.png) 50% 20px no-repeat;
		}
			#orderPlan li {
			float: left;
			display: inline;
			width: 100px;
			margin: 15px 26px 25px 0;
			padding: 50px 0 0;
			background: 50% 0 no-repeat;
			text-align: center;
			}
				#orderPlan #step1 {
				background-image: url(img/order/plan/step1.png);
				}
				#orderPlan #step2 {
				background-image: url(img/order/plan/step2.png);
				}
				#orderPlan #step3 {
				background-image: url(img/order/plan/step3.png);
				}
				#orderPlan #step4 {
				background-image: url(img/order/plan/step4.png);
				}
				#orderPlan #step5 {
				margin-right: 0;
				background-image: url(img/order/plan/step5.png);
				}

	/* --------------------------
	4.11 Order details
	---------------------------*/
	
		.orderDetails {
		height: auto;
		overflow: hidden;
		background: url(img/maincontent/fauxcolumns-203-204-203.png) repeat-y;
		margin: -0.35em 0;
		padding: 0.5em 0 0;
		border-bottom: 1px solid #edede0;
		}
			#mainContent .orderDetails h3 {
			margin: 1.2em 0 0.7em;
			font-size: 100%;
			}
			
			#mainContent .orderDetails p {
			margin: 1em 0 1.5em;
			}
			
			.orderDetails label {
			vertical-align: middle;
			}
			
			.orderDetails ul {
			margin: 0 0 1em;
			}
				.orderDetails li {
				margin: 0 0 0.3em;
				}
			
			.orderDetails .payment,
			.orderDetails .delivery,
			.orderDetails .coupon {
			float: left;
			width: 179px;
			}
			
			.orderDetails .payment {
			margin: 0 0 0 7px;
			}
			.orderDetails .delivery {
			margin: 0 0 0 30px;
			}
			.orderDetails .coupon {
			float: right;
			margin: 0 5px 0 0;
			}
			
			#f_order_coupon {
			width: 85px;
			}

	/* --------------------------
	4.12 Customer type
	---------------------------*/
	
		.customerType {
		margin: 1.3em 0;
		padding: 0 7px;
		}
			.customerType label {
			padding: 0 15px 0 0;
			vertical-align: middle;
			}

	/* --------------------------
	4.13 Customer details
	---------------------------*/
	
		.customerDetails {
		height: auto;
		overflow: hidden;
		margin: 0 0 0.1em;
		padding: 0 14px 2em;
		}
			.customerDetails p {
			height: auto;
			overflow: hidden;
			padding: 0.3em 0;
			}
		
			.customerDetails label {
			float: left;
			display: inline;
			width: 95px;
			padding: 0.25em 0 0;
			}			
			
			.customerDetails input,
			.customerDetails select {
			float: left;
			display: inline;
			width: 135px;
			margin: 0 30px 0 0;
			}
			.customerDetails select {
			width: 145px;
			}	
			
			.customerDetails .personal {
			float: left;
			width: 280px;
			}
			
			.customerDetails #f_order_info_state {
			padding: 0;
			}

	/* --------------------------
	4.14 Gift
	---------------------------*/
	
		.gift {
		margin: 0 0 0.1em;
		padding: 1.5em 20px 2.5em 175px;
		background: url(img/order/gift.jpg) 40px 50% no-repeat;
		}
			.gift p {
			margin: 0 0 1.5em;
			}

	/* --------------------------
	4.15 Buttons
	---------------------------*/
	
		.buttons {
		clear: both;
		padding: 0 11px;
		}
		
		
		
		
.hidden {display: none; }

#lista ul {
pargin: 0 0 0 9px;
}
#lista li {
padding: 0 0 0 21px;
background: url(img/embellishments/dot.gif) 9px 55% no-repeat;
}

.button {
	/* Przycisk w formularzu,a takze niektore linki, jako ze byly identyczne */
	border: 0;
	background: url(img/ikony/strzalka_form.gif) no-repeat;
	background-position: right;
	padding-right: 20px;
	font-weight: bold;
	color: #499A00;
	width: 100px;
	height: 20px;
	cursor: pointer;
	display: inline;
}

#lista_zamowien li.f{
	list-style-type: none;
	border-bottom: 1px solid #F2F2F2;
	margin: 20px;
	padding: 10px;
}

#panel_linki ul {
float: left;
display: inline;
margin: 0 0 0 9px;
}

#panel_linki ul li {
float: left;
display: inline;
padding: 0 0 0 21px;
background: url(img/embellishments/dot.gif) 9px 55% no-repeat;
}

#panel_linki a:link,
#panel_linki a:visited {
color: #333;
text-decoration: underline;
}
#panel_linki a:hover,
#panel_linki a:active {
color: #888;
text-decoration: underline;
}

.blad_formularz {
color: red;
}

		#navigation .submenu li.expanded ul {
		display: block;
		}
		#navigation .submenu li.collapsed ul {
		display: none;
		}
		#navigation .submenu li.first-item-expanded ul {
		display: block;
		}
		#navigation .submenu li.first-item-collapsed ul {
		display: none;
		}
		

.formularz_blad{color:red; font-weight: bold;}