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

APTEKA NATOLINSKA
Grupa Pff
http://pff.pl/

Michał Krupa
michal@procommerce.lodz.pl

February 2009


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 Contact
		3.2 Content
			3.2.1 Headers
			3.2.2 Main navigation
			3.2.3 Main content wrapper
			3.2.4 Main content
				3.2.4.1 Buttons
				3.2.4.2 Main Search
			3.2.5 Navigation
				3.2.5.1 Submenu
				3.2.5.2 Map
			3.2.6 Sidebar
				3.2.6.1 Shopping cart
				3.2.6.2 Login
				3.2.6.3 Recommend us
				3.2.6.4 Advert
			3.2.7 Footer
	4. MAIN CONTENT LAYOUTS
		4.1 Items overview
		4.2 Categories list
		4.3 Item details
		4.4 Text block
		4.5 Bread crumbs
		4.6 Pageing
		4.7 Sorting criteria
		4.8 Order plan
		4.9 Order details
		4.10 Customer type
		4.11 Customer details
		4.12 Buttons
	5. DYNAMIC ACTIONS
		5.1 Submenu

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




/* --------------------------
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 "Trebuchet MS", 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;
			background: none !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: #00b100;
	color: #fff;
	}

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

	body {
	}	
		input, textarea, select {
		border: 1px solid #e2e2e2;
		color: #bfbfbf;
		font: 1em/1.6 "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		}	
			input, textarea {
			padding: 4px 3px 4px 10px;
			color: #333;
			}
				input:focus, textarea:focus {
				border-color: #ccc;
				}
				
			input {
			line-height: 1.5em;
			}
			select {
			font-size: 1.2em;
			}
			input.img, select.img {
			padding: 0;
			}

	/* --------------------------
	3.1 Header
	---------------------------*/
	
		#header {
		width: 951px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		font-size: 1.1em;
		background: url(img/header/bg.jpg) 50% 0 no-repeat;
		}

		/* --------------------------
		3.1.1 Logo
		---------------------------*/
		
			#logo {
			float: left;
			display: inline;
			width: 297px;
			height: 160px;
			overflow: hidden;
			margin: 0 0 0 34px;
			font-size: 1em;
			font-weight: bolder;
			}
				#logo a {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				color: #a0c335;
				font-size: 3em;
				line-height: 160px;
				}
				
				#logo .r {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: url(img/logo.jpg) no-repeat;
				}

		/* --------------------------
		3.1.2 Contact
		---------------------------*/
		
			#contactBox {
			float: right;
			display: inline;
			width: 193px;
			margin: 55px 0 0 0;
			padding: 0 0 0 102px;
			background: url(img/header/phone.jpg) no-repeat;
			line-height: 1.7em;
			}
				#contactBox .phone {
				color: #d8ffd8;
				font-size: 1.7em;
				}
							
	/* --------------------------
	3.2 Content
	---------------------------*/
	
		#content {
		width: 951px;
		margin: 0 auto;
		padding: 2px 0 0;
		background: #fff;
		color: #a0a0a0;
		}
			#content a {
			}
				#content a:link,
				#content a:visited {
				color: #639034;
				text-decoration: underline;
				}
				#content a:hover,
				#content a:active {
				color: #3a561f;
				text-decoration: underline;
				}

		/* --------------------------
		3.2.1 Headers
		---------------------------*/
			
			#mainContent h2,
			#mainContent div.header,
			#navigation h3,
			#sidebar h3 {
			clear: both;
			margin: 0 0 0.3em;
			padding: 0.7em 10px 0.6em 22px;
			border-bottom: 2px solid #dadada;
			color: #7d7d7d;
			}
			
			#mainContent div.header {
			padding-top: 1.2em;
			padding-bottom: 1.1em;
			}
			
			#navigation h3,
			#sidebar h3 {
			padding-left: 14px;
			}
			
			#mainContent h2,
			#navigation h3,
			#sidebar h3,
			#content #mainSearch h3 {
			font-size: 1.2em;
			font-weight: bolder;
			}
			
			#mainContent div.header {
			height: auto;
			overflow: hidden;
			}
				#mainContent div.header h2 {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
				border-bottom: none;				}
			
				#mainContent div.header .more {
				float: right;
				display: inline;
				margin: 0 11px 0 0;
				padding: 0 0 0 17px;
				font-size: 0.9em;
				}
					#mainContent div.header .more a {
					padding: 0 0 0 13px;
					background: url(img/embellishments/plus-lightgreen.gif) 0 60% no-repeat;
					}
		
			#mainContent h3 {
			margin: 0 0 1.1em;
			color: #686842;
			font-size: 1em;
			font-weight: bolder;
			}
				#mainContent h3 a:link,
				#mainContent h3 a:visited {
				text-decoration: none;
				}
				#mainContent h3 a:hover,
				#mainContent h3 a:active {
				text-decoration: underline;
				}

		/* --------------------------
		3.2.2 Main navigation
		---------------------------*/
		
			#mainNav {
			margin: 0 2px 6px;
			border: 1px solid #e7e7e7;
			}
				#mainNav ul {
				height: auto;
				overflow: hidden;
				background: url(img/mainnav/bg.png) repeat-x #e8e8e8;
				font-size: 1.1em;
				}
					#mainNav ul li {
					float: left;
					display: inline;
					height: 47px;
					background: url(img/mainnav/item-bg.png) 0 0 no-repeat;
					font-weight: bolder;
					}
						#mainNav ul li.first-item {
						background: none;
						}
							#mainNav ul li.first-item a {
							padding: 0 16px;
							}
					
						#mainNav ul a {
						display: block;
						height: 47px;
						padding: 0 16px 0 18px;
						line-height: 47px;
						}
							#mainNav ul a:link,
							#mainNav ul a:visited {
							background: url(img/mainnav/item-bg-hover.png) 0 -47px repeat-x;
							color: #666;
							text-decoration: none;
							}
							#mainNav ul a:hover,
							#mainNav ul a:active {
							background: url(img/mainnav/item-bg-hover.png) 0 0 repeat-x #129c12;
							color: #fff;
							text-decoration: none;
							}

		/* --------------------------
		3.2.3 Main content wrapper
		---------------------------*/
		
			#mainContentWrap {
			float: left;
			display: inline;
			width: 764px;
			}
				#content .mainContentWide {
				width: 946px
				}

		/* --------------------------
		3.2.4 Main content
		---------------------------*/
		
			#mainContent {
			float: right;
			display: inline;
			width: 543px;
			padding: 3px 0 1em;
			font-size: 1.1em;
			}
				.mainContentWide #mainContent {
				float: right;
				width: 724px;
				}
				
				#mainContent a:visited {
				color: #80bc43;
				text-decoration: underline;
				}
				
				#mainContent .stock-full {
				color: #639600;
				}
				#mainContent .stock-medium {
				color: #f90;
				}
				#mainContent .stock-few {
				color: #c00;
				}
				#mainContent .stock-empty {
				color: #999;
				}

			/* --------------------------
			3.2.4.1 Buttons
			---------------------------*/
			
				#mainContent .button-toCart {
				position: relative;
				display: block;
				height: 28px;
				overflow: hidden;
				background: #74a218;
				color: #fff;
				line-height: 28px;
				text-align: center;
				}
					#mainContent .button-toCart .r {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					}
					
					#mainContent .button-toCart {
					width: 83px;
					}
						#mainContent .button-toCart .r {
						background: url(img/buttons/tocart.png) no-repeat;
						}
			
				#mainContent .button-arrUp,
				#mainContent .button-arrDown {
				position: relative;
				display: block;
				width: 9px;
				height: 20px;
				overflow: hidden;
				background: #fff;
				color: #666;
				line-height: 20px;
				text-align: center;
				}
				#mainContent .button-arrLeft,
				#mainContent .button-arrRight {
				position: relative;
				display: block;
				width: 16px;
				height: 16px;
				overflow: hidden;
				background: #118e11;
				color: #fff;
				line-height: 18px;
				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;
					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;
					}
					#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.2 Main search
			---------------------------*/
			
				#mainSearch {
				height: auto;
				overflow: hidden;
				margin: 0 0 1em;
				padding: 0.9em 22px 0.75em;
				background: url(img/maincontent/mainsearch/bg.png) repeat-x #865721;
				color: #fff;
				}
					#mainSearch a:link,
					#mainSearch a:visited {
					color: #f3faca;
					text-decoration: underline;
					}
					#mainSearch a:hover,
					#mainSearch a:active {
					color: #fff;
					text-decoration: underline;			
					}
					
					#mainSearch h3 {
					float: left;
					display: inline;
					color: #fff;
					margin: 0;
					}
					
					#mainSearch fieldset {
					float: left;
					display: inline;
					margin: -2px 0 0 10px;
					}
						#mainSearch fieldset p {
						float: left;
						display: inline;
						margin: 0 0 0 12px;
						}
					
						#mainSearch #f_s_query {
						width: 129px;
						background: url(img/inputs/bg-142.png) no-repeat;
						color: #bfbfbf;
						}
							#mainSearch #f_s_query:focus {
							color: #333;
							}
							
						#mainSearch input.img {
						margin: 0 0 0 7px;
						}
						
						#mainSearch .advanced {
						margin-top: 0.6em;
						font-size: 0.9em;
						}
							#mainSearch .advanced a {
							padding: 0 0 0 15px;
							background: url(img/embellishments/plus-lightgreen.gif) 0 70% no-repeat;
							}
							

		/* --------------------------
		3.2.5 Navigation
		---------------------------*/
		
			#navigation {
			float: left;
			display: inline;
			width: 214px;
			padding: 0 0 2em;
			font-size: 1.1em;
			}

			/* --------------------------
			3.2.5.1 Submenu
			---------------------------*/
			
				#navigation .submenu {
				background: url(img/navigation/submenu/bg.png) repeat-x #00b100;
				border: 3px solid #00b100;
				}			
					#navigation .submenu a:link,
					#navigation .submenu a:visited {
					color: #f3faca;
					text-decoration: none;
					}
					#navigation .submenu a:hover,
					#navigation .submenu a:active {
					color: #fff;
					text-decoration: underline;			
					}
					
					#navigation .submenu h3 {
					padding: 1.1em 17px 0.9em;
					border-bottom: 0;
					color: #fff;
					}
					
					#navigation .submenu ul {
					margin: 0 0 5px;
					padding: 0 3px;
					}
						#navigation .submenu li {
						background: url(img/navigation/submenu/item-bg-top.gif) no-repeat #25bf25;
						margin: 0 0 1px;
						}
							#navigation .submenu li a {
							background: url(img/navigation/submenu/item-pointer.gif) 0 0.7em no-repeat;
							}
							#navigation .submenu li.collapsed a {
							background: url(img/navigation/submenu/tree-controls.gif) 0 0.7em no-repeat;
							}
							#navigation .submenu li.expanded a {
							background: url(img/navigation/submenu/tree-controls.gif) -202px 0.7em no-repeat;
							}
							
							#navigation .submenu li.expanded li a {
							background: url(img/navigation/submenu/item-pointer.gif) 0 0.7em no-repeat;
							}
							#navigation .submenu li.expanded li.collapsed a {
							background: url(img/navigation/submenu/tree-controls.gif) 0 0.7em no-repeat;
							}
							#navigation .submenu li.expanded li.expanded a {
							background: url(img/navigation/submenu/tree-controls.gif) -202px 0.7em no-repeat;
							}
							
							#navigation .submenu li.expanded li.expanded li a {
							background: url(img/navigation/submenu/item-pointer.gif) 0 0.7em no-repeat;
							}
							
							#navigation .submenu li span {
							display: block;
							background: url(img/navigation/submenu/item-bg-bot.gif) 0 100% no-repeat;
							}
							
							#navigation .submenu li a {
							display: block;
							padding: 0.3em 0 0.3em 31px;
							}
							
							#navigation .submenu li ul {
							margin: 0;
							padding: 0.2em 0;
							background: #00b100;
							}
								#navigation .submenu li ul li {
								padding-left: 11px;
								border-bottom: 1px solid #25bf25;
								background: none;
								}
									#navigation .submenu li ul li ul li {
									border-bottom: 0;
									}

			/* --------------------------
			3.2.5.2 Map
			---------------------------*/
			
				#navigation .map {
				margin: 0.8em 0 0;
				}	
					#navigation .map img {
					margin: 0 auto;
					}
					

		/* --------------------------
		3.2.6 Sidebar
		---------------------------*/
		
			#sidebar {
			float: right;
			display: inline;
			width: 179px;
			padding: 3px 0 2em;
			font-size: 1.1em;
			}	
				#sidebar ul.sideAction {
				margin: 1em 8px;
				}
					#sidebar ul.sideAction li {
					font-size: 0.9em;
					}
						#sidebar ul.sideAction li strong {
						font-size: 1.1em;
						}
						
						#sidebar ul.sideAction li a {
						padding-left: 18px;
						background: url(img/embellishments/plus-lightgreen.gif) 4px 50% no-repeat;
						}

			/* --------------------------
			3.2.6.1 Shopping cart
			---------------------------*/
			
				#cart {
				}
					#cart h3 {
					padding-bottom: 1.2em;
					background: url(img/sidebar/cart/header-bg.png) no-repeat;
					border-bottom: 0;
					}
					
					#cart p {
					margin: 1em 8px;
					}
					
					#cart ul.cartContent {
					margin: 1em 8px;
					}
						#cart ul.cartContent li {
						}
							#cart ul.cartContent li a {
							}
								#cart ul.cartContent li a:link,
								#cart ul.cartContent li a:visited {
								color: #a0a0a0;
								text-decoration: underline;
								}
								#cart ul.cartContent li a:hover,
								#cart ul.cartContent li a:active {
								color: #555;
								text-decoration: underline;
								}
								
							#cart ul.cartContent li a.deleteItem {
							margin-left: 6px;
							padding-left: 10px;
							background: url(img/embellishments/minus-lightgreen.gif) 2px 50% no-repeat;
							text-indent: 9990px;
							}

			/* --------------------------
			3.2.6.2 Login
			---------------------------*/
			
				#login {
				}
					#login p {
					margin: 1em 8px;
					}
					
					#login fieldset {
					margin: 1em 8px;
					}
						#login fieldset p {
						margin: 0;
						}
					
					#login #f_l_login,
					#login #f_l_pass {
					width: 109px;
					margin-left: 5px;
					background: url(img/inputs/bg-122.png) no-repeat #f5f5f2;
					color: #bfbfbf;
					}
						#recommend #f_l_login:focus,
						#login #f_l_pass:focus {
						color: #333;
						}
						
					#login .buttons {
					padding: 0;
					margin-top: -0.5em;
					text-align: right;
					}
						#login .buttons a {
						padding: 0 0 0 15px;
						background: url(img/embellishments/plus-lightgreen.gif) 0 60% no-repeat;
						font-size: 9px;
						}
						
						#login .buttons input {
						margin-right: 0;
						margin-left: 12px;
						}
								
			/* --------------------------
			3.2.6.3 Recommend to a friend
			---------------------------*/
			
				#recommend {
				}
					#recommend p {
					margin: 1em 8px;
					}		
					
					#recommend #f_r_mail {
					width: 109px;
					background: url(img/inputs/bg-122.png) no-repeat #f5f5f2;
					color: #bfbfbf;
					}
						#recommend #f_r_mail:focus {
						color: #333;
						}
						
					#recommend input.img {
					float: right;
					display: inline;
					margin: 0.6em 0 0;
					}
								
			/* --------------------------
			3.2.6.4 Advert
			---------------------------*/
			
				#sidebar .advert {
				}
					#sidebar .advert img {
					margin: 7px auto 0;
					}
							
							
		/* --------------------------
		3.2.7 Footer
		---------------------------*/
		
			#footer {
			clear: both;
			height: auto;
			overflow: hidden;
			padding: 1.7em 15px 2em;
			margin: 16px;
			border-top: 2px solid #dadada;
			}			
				#footer .copyright {
				float: left;
				display: inline;
				width: 400px;
				font-size: 1.1em;
				}
					#footer .copyright a {
					font-weight: bolder;
					text-decoration: none;
					}
				
				#footer .author {
				float: right;
				display: inline;
				width: 400px;
				text-align: right;
				}

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

	/* --------------------------
	4.1 Items overview
	---------------------------*/
	
		.itemsOverview {
		height: auto;
		overflow: hidden;
		margin: 0 0 2em;
		}
			.itemsOverview .item {
			float: left;
			display: inline;
			width: 116px;
			margin: 5px 0 0 5px;
			padding: 1.5em 7px;
			border: 1px solid #efefef;
			}
				.itemsOverview .oddItem {
				clear: left;
				margin-left: 0;
				}
			
				.itemsOverview .item .pic {
				text-align: center;
				}
					.itemsOverview .item .pic img {
					margin: 0 auto;
					}
					
				#content .itemsOverview .item h3 {
				margin: 0.5em 0 0;
				}
				
				.itemsOverview .item .description {
				height: auto;
				overflow: hidden;
				font-size: 0.9em;
				}
					.itemsOverview .item .description .price, .itemsOverview .item .description .oldPrice {
					float: left;
					display: inline;
					width: 60px;
					font-weight: bolder;
					}
					
					.oldPrice{
						text-decoration: line-through;
					}
					
					.promocja{
						color: red;
						font-size: 12px;
					}
						
					.itemsOverview .item .description .more {
					float: right;
					display: inline;
					}

	/* --------------------------
	4.2 Categories list
	---------------------------*/
	
		.categoriesList {
		margin: 0 0 1em;
		padding: 0.6em 12px 2em;
		}
			.categoriesList ul {
			height: auto;
			overflow: hidden;
			}
				.categoriesList li {
				float: left;
				display: inline;
				width: 150px;
				margin: 0.1em 18px 0.1em 0;
				}
					#content .categoriesList li a:link {
					color: #a0a0a0;
					}
					#content .categoriesList li a:visited {
					color: #bbb;
					}
					#content .categoriesList li a:hover,
					#content .categoriesList li a:visited {
					color: #666;
					}
					

	/* --------------------------
	4.3 Item details
	---------------------------*/
	
		.itemDetails {
		height: auto;
		overflow: hidden;
		background: url(img/maincontent/fauxcolumn-146-396.png) repeat-y;
		}
			.itemDetails .description {
			float: right;
			display: inline;
			width: 370px;
			margin: 0 5px 0 0;
			}
				.itemDetails .description p {
				margin: 0 0 0.5em;
				}
				.itemDetails .description .attributes {
				margin: 0 0 0.5em;
				}
					.itemDetails .description .attributes li {
					padding: 0.2em 0;
					}
						.itemDetails .description .attributes li strong {
						padding: 0 0 0 12px;
						}
						.itemDetails .description .attributes li select {
						margin: -1px 0 0 12px;
						border-color: #ddd;
						font-size: 1em;
						}
					
			.itemDetails .productInfo {
			float: left;
			display: inline;
			width: 132px;
			}	
				.itemDetails .productInfo p {
				margin: 0.6em 0;
				}

				.itemDetails .productInfo .pic {
				position: relative;
				margin: 0 0 40px;
				padding: 2em 0;
				border: 1px solid #efefef;
				}
					.itemDetails .productInfo .pic img {
					margin: 0 auto;
					}
							
					.itemDetails .productInfo .pic p {
					position: absolute;
					bottom: -22px;
					left: 0;
					width: 130px;
					margin: 0;
					}
						.itemDetails .productInfo .pic p a {
						position: absolute !important;
						left: 50%;
						bottom: 0;
						}
							.itemDetails .productInfo .pic a.previous {
							margin-left: -17px;
							}
							.itemDetails .productInfo .pic a.next {
							margin-left: 2px;
							}
							
				.itemDetails .productInfo .buy {
				padding: 0 0 0.8em 10px;
				font-size: 0.9em;
				line-height: 1.2em;
				}
					
					.itemDetails .productInfo .buy .price {
					font-size: 1.4em;
					}
						.itemDetails .productInfo .buy .price strong {
						color: #639034;
						}
					
					.itemDetails .productInfo .buy .button-toCart {
					margin: 1.6em auto 0;
					}
					
				.itemDetails .productInfo .print {
				padding: 0.2em 0 0.2em 10px;
				}
					.itemDetails .productInfo .print a {
					padding: 0 0 0 24px;
					background: url(img/maincontent/itemdetails/printer.png) 0 50% no-repeat;
					font-weight: bolder;
					}
						#content .itemDetails .productInfo .print a:link,
						#content .itemDetails .productInfo .print a:visited {
						color: #a0a0a0;
						text-decoration: none;
						}
						#content .itemDetails .productInfo .print a:hover,
						#content .itemDetails .productInfo .print a:active {
						color: #333;
						text-decoration: underline;
						}

	/* --------------------------
	4.4 Text block
	---------------------------*/
	
		.textBlock {
		padding: 0 14px;
		line-height: 1.7em;
		}		
			.textBlock p {
			margin: 1em 0;
			}

	/* --------------------------
	4.5 Bread crumbs
	---------------------------*/
	
		.breadCrumbs {
		padding: 0.7em 2px 1.7em;
		}
			.breadCrumbs strong,
			.breadCrumbs a {
			padding: 0 7px;
			}
				#content .breadCrumbs a:link,				
				#content .breadCrumbs a:visited {
				color: #a0a0a0;
				}
				#content .breadCrumbs a:hover,
				#content .breadCrumbs a:active {
				color: #333;
				}

	/* --------------------------
	4.6 Pageing
	---------------------------*/
	
		.pager {
		height: auto;
		overflow: hidden;
		padding: 0.9em 11px 0.9em;
		border: solid #efefef;
		border-width: 1px 0;
		}
			.itemsOverview + .pager {
			margin-top: -1.5em !important;
			}
			
			#content .pager h3 {
			float: left;
			display: inline;
			padding: 0 5px 0 0;
			margin: 0;
			color: #797a6c;
			}
			
			.pager ul {
			float: left;
			display: inline;
			}
				.pager li {
				float: left;
				display: inline;
				padding: 0 7px;
				border-left: 1px solid #a0a0a0;
				}
					.pager li.prevPage {
					border-left: 0;
					}
					
					.pager li.nextPage,
					.pager li.prevPage {
					position: relative;
					display: block;
					width: 5px;
					overflow: hidden;
					font-size: 9px !important;
					line-height: 9px;
					}
						.pager li.nextPage .r,
						.pager li.prevPage .r {
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 21px;
						height: 2em;
						overflow: hidden;
						}
						
						.pager li.prevPage .r {
						background: url(img/maincontent/pageing/arr-left.png) 50% 50% no-repeat #fff;
						}
						.pager li.nextPage .r {
						background: url(img/maincontent/pageing/arr-right.png) 50% 50% no-repeat #fff;
						}
						
					#content .pager li a:link {
					color: #a0a0a0;
					text-decoration: none;
					}
					#content .pager li a:visited {
					color: #bbb;
					text-decoration: none;
					}
					#content .pager li a:hover,
					#content .pager li a:active {
					color: #666;
					text-decoration: underline;
					}

	/* --------------------------
	4.7 Sorting criteria
	---------------------------*/
	
		.sortCriteria {
		height: auto;
		overflow: hidden;
		padding: 0.9em 11px 0.9em;
		}
			#content .sortCriteria h3 {
			float: left;
			display: inline;
			padding: 0 5px 0 0;
			margin: 0;
			color: #797a6c;
			}
			
			.sortCriteria ul {
			float: left;
			display: inline;
			}
				.sortCriteria li {
				float: left;
				display: inline;
				padding: 0 19px 0 0;
				text-transform: lowercase;
				}
					.sortCriteria li span,
					.sortCriteria li a {
					float: left;
					display: inline;
					margin: 0 0 0 3px;
					}
						.sortCriteria li span {
						margin-right: 3px;
						}
						
						.sortCriteria li a.button-arrUp,
						.sortCriteria li a.button-arrDown {
						margin-top: -1px;
						}						
						.sortCriteria li span.r {
						float: none;
						display: block;
						margin: 0;
						}

	/* --------------------------
	4.8 Order plan
	---------------------------*/
	
		#orderPlan {
		height: auto;
		overflow: hidden;
		margin: 0 0 0.5em;
		padding: 1em 0 1em 25px;
		}
			#orderPlan li {
			float: left;
			display: inline;
			height: 27px;
			width: 133px;
			margin: 0 0 0 1px;
			line-height: 27px;
			text-indent: 37px;
			background: 0 0 no-repeat;
			}				
				#orderPlan li.activeStep {
				background-position: 0 -35px;
				}
				
				#orderPlan #step1 {
				background-image: url(img/maincontent/order/plan/step1.png);
				}
				#orderPlan #step2 {
				background-image: url(img/maincontent/order/plan/step2.png);
				}
				#orderPlan #step3 {
				background-image: url(img/maincontent/order/plan/step3.png);
				}
				#orderPlan #step4 {
				background-image: url(img/maincontent/order/plan/step4.png);
				}
				#orderPlan #step5 {
				background-image: url(img/maincontent/order/plan/step5.png);
				}

	/* --------------------------
	4.9 Order details
	---------------------------*/
	
		.orderDetails {
		height: auto;
		overflow: hidden;
		background: url(img/maincontent/order/plan/faux-columns.png) repeat-y;
		margin: 1.5em 0 0;
		padding: 0 0 1em;
		}
			.orderDetails .payment,
			.orderDetails .delivery,
			.orderDetails .invoice {
			float: left;
			display: inline;
			width: 190px;
			margin: 0 11px;
			}
			
			.orderDetails .invoice {
			width: 220px;
			}
			
			.orderDetails .delivery {
			width: 170px;
			padding: 0 10px 0 20px;
			border: solid #dadada;
			border-width: 0 1px;
			}
			
			#mainContent .orderDetails h3 {
			margin: 0 0 0.5em;
			}			
			#mainContent .orderDetails p {
			margin: 1em 0 0;
			}
		
			.orderDetails label {
			vertical-align: middle;
			}
			
			.orderDetails input.img {
			margin-left: -2px;
			}
		
			.orderDetails ul {
			margin: 0 0 1em;
			}
				.orderDetails li {
				margin: 0 0 0.4em;
				}

	/* --------------------------
	4.10 Customer type
	---------------------------*/
	
		.customerType {
		padding: 1.5em 12px 0.5em;
		}
			.customerType label {
			padding: 0 15px 0 5px;
			}
			
			.customerType input.img {
			margin: 0 0 0 -2px;
			}

	/* --------------------------
	4.11 Customer details
	---------------------------*/
	
		.customerDetails {
		height: auto;
		overflow: hidden;
		padding: 1.5em 0 1em 12px;
		}			
			.customerDetails .personal {
			float: left;
			width: 242px;
			}
			.customerDetails .address {
			float: left;
			width: 425px;
			}			
				.customerDetails p {
				height: auto;
				overflow: hidden;
				padding: 0.3em 0;
				}		
					.customerDetails label {
					float: left;
					display: inline;
					padding: 6px 0 0;
					}
						.customerDetails .personal label {
						width: 60px;
						}
						.customerDetails .address label {
						width: 75px;
						}
				
					#content .customerDetails input {
					float: left;
					display: inline;
					width: 140px;
					padding-top: 6px;
					padding-bottom: 6px;
					border-color: #dcded3;
					}
						#content .customerDetails input:focus {
						border-color: #333;
						}
				
					#content .customerDetails select {
					float: left;
					display: inline;
					margin-top: 5px;
					border-color: #dcded3;
					}
						#content .customerDetails select:focus {
						border-color: #333;
						}
			
			.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;
			}
			#content .customerDetails #f_order_info_postalcode1{
			width: 40px;
			}			
			#content .customerDetails #f_order_info_postalcode2 {
			width: 49px;
			}			
			#content .customerDetails #f_order_info_town {
			width: 85px;
			margin-right: 10px;
			}
			.customerDetails #f_order_info_state {
			margin: 4px 0 0;
			padding: 0;
			}

	/* --------------------------
	4.12 Buttons
	---------------------------*/
	
		.buttons {
		clear: both;
		padding: 0.7em 10px;
		text-align: right;
		}
		
			
/* --------------------------
5. DYNAMIC ACTIONS
---------------------------*/

	/* --------------------------
	5.1 Submenu
	---------------------------*/
		
		body.mooTools #navigation .submenu li.expanded ul {
		display: block;
		}
		body.mooTools #navigation .submenu li.collapsed ul {
		display: none;
		}
		
						
/* ---------------------------------------------
 * 6. Integration
 */				
				
.info h1,.info p,.info ul {
	margin-left: 140px !important;
	font-size: 12px;
}

.info p {
	margin-bottom: 10px;
}

.info ul li {
	float: left;
	margin: 0 30px 0 0;
}

.info ul a {
	font-weight: bolder;
}

.poz {
	background: url(img/info_poz.jpg) no-repeat;
	height: 200px;
	padding-top: 15px;
}

.neg {
	background: url(img/info_neg.jpg) no-repeat;
	height: 200px;
	padding-top: 30px;
}

.ost {
	background: url(img/info_ost.jpg) 20px 180px no-repeat;
}

#panel_linki a:Link,#panel_linki  a:Visited {
	color: #000;
	font-weight: bold;
	font-size: 11px;
}

#panel_linki a:Hover {
	color: silver;
}

#panel_uzytkownika {
	width: 580px;
	margin: 20px auto;
}

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

.koszyk_zamowien .underlined td{
	
	border-bottom: 1px solid #edede0;
}

.koszyk_zamowien td {
	padding: 10px;
}
		
						
						
.hidden{
	display: none;
}						
						
						
						
						

/* Elementy zamówienia */
.zam_1 .left {
	float: left;
	width: 120px;
	padding: 0 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.zam_1 .right {
	float: left;
	width: 500px;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.zam_1 .right .button {
	float: right;
}

.zam_1 li {
	list-style-type: none;
	padding-left: 20px;
	background-position: left;
	font-weight: bold;
	line-height: 17px;
}

.zam_2 td {
	padding: 5px;
	padding-right: 20px;
}

.trojblok {
	width: 751px;
	background: url(img/podklad/trojblok.gif) repeat-y;
	background-position: 210px 0;
	border-bottom: 1px solid #E2E2E2;
}

.trojblok .left {
	width: 170px;
	padding: 20px;
	float: left;
}

.trojblok .center {
	width: 235px;
	padding: 20px;
	float: left;
}

.trojblok .right {
	width: 225px;
	padding: 20px;
	float: left;
}

.zam_2 li,.zam_2 .kropka {
	list-style-type: none;
	padding-left: 20px;
	background: url(img/ikony/kolko.gif) no-repeat;
	background-position: left;
	line-height: 20px;
	margin-right: 5px;
}

.zam_2 ul {
	padding-left: 0px;
}

.zam_2 li div,.zam_2 .trojblok .center div {
	float: right;
	margin-right: 20px;
}

.zam_2 .razem {
	width: 210px;
}

.zam_2 .razem div {
	width: 60px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}

.zamowienie_form .text,.zamowienie_form select {
	width: 170px;
}

a.krzyzyk:Link,a.krzyzyk:Visited {
	float: left;
	background: url(img/ikony/krzyzyk.gif) no-repeat;
	background-position: 75px 2px;
	width: 85px;
	font-weight: bold;
}

.zam_3 .podsumowanie {
	width: 491px;	
	border-bottom: 1px solid #E2E2E2;
}

.zam_3 .left {
	width: 490px;
	float: left;
}

.zam_3 .right {
	width: 290px;
	float: left;
	padding: 0px 20px;
}

.zam_3 .produkt {
	width: 470px;
	border-top: 1px solid #E2E2E2;
	padding: 5px 10px;
	clear: both;
}

.zam_3 .produkt .left {
	padding: 0;
	width: 240px;
	padding-right: 5px;
	float: left;
	padding-bottom: 5px;
}

.zam_3 .produkt .center {
	width: 40px;
	padding-right: 10px;
	float: left;
	padding-bottom: 5px;
}

.zam_3 .produkt .right {
	padding: 0;
	width: 70px;
	padding-right: 5px;
	float: left;
	font-weight: bold;
	padding-bottom: 5px;
}

.zam_3 .lacznie {
	font-weight: bold;
}

.forma_platnosci_up {
	width: 709px;
	height: 11px;
	background: url(img/podklad/forma_platnosci_up.gif) no-repeat;
	margin-top: 40px;
}

.forma_platnosci {
	width: 669px;
	background: #499A00;
	padding: 10px 20px;
	color: white;
}

.forma_platnosci_down {
	width: 709px;
	height: 15px;
	background: url(img/podklad/forma_platnosci_down.gif) no-repeat;
}

a.back:Link,a.back:Visited {
	background: url(img/ikony/back.gif) no-repeat;
	background-position: 0px 5px;
	font-weight: bold;
	padding-left: 20px;
	font-size: 13px;
}

.rachunek {
	width: 490px;
	padding: 0;
	margin: 0;
	padding-left: 20px;
}

.rachunek .left {
	width: 260px;
	padding-right: 5px;
	float: left;
	margin-bottom: 10px;
}

.rachunek .center {
	width: 80px;
	padding-right: 5px;
	float: left;
}

.rachunek .right {
	width: 124px;
	float: right;
}


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

#panel_linki {
	margin: 10px 0;
}
/**
.button {
	margin: 0;
	padding: 0 14px 0 0;
	border: 0 ;
padding: 0 14px 0 0 !important;
background: url(img/embellishments/arrow-orange.gif) 100% 70% no-repeat;
font-weight: bolder;
border: 0 !important;
color: #333;
display: inline;
text-decoration: underline;
}

.button:hover {
color: #000;
text-decoration: underline;
}



#userblock fieldset, #userblock div{
	padding: 10px;
}

#userblock h3{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}*/

#userblock div,#userblock fieldset{
	padding-left: 30px;
	padding-top: 10px;
} 

#userblock label{
	clear: left;
	margin-right: 10px;
	display: block;
	width: 30px;
	float: left;
}
#navigation .submenu li.login div a, #navigation .submenu li.login fieldset a{
	display: inline;
	background: none;
	padding: 0;
}

input.button{
	height: 12px;
	padding: 10px;
}

input[type=hidden]{
	display: none;
}

input.texttextarea.text{
	border: 1px solid #e2e2e2;
}
textarea.text{
	border: 1px solid #e2e2e2;
}
.aktualna {font-weight: bold;}

#marqueeText {font-size: 1.3em; color: red;}