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

PFFSHOP
Grupa Pff
http://pff.pl/

Grzegorz Jaworek
grzegorz.jaworek@gmail.com

January 2010


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 Sidebar
				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: #3c3c3c;
		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: 12px/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;
			height: auto;
			border: 0;
			}
		
		/* 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
---------------------------*/

	html {
	background: url(img/bg.gif) 0 0 repeat-x #fff;
	}
	
	body {
	background: url(img/bg.png) 50% 0 no-repeat;
	color: #3c3c3c;
	}
	
	a {
	color: #3c3c3c; 
	text-decoration: none;
	}
/* --------------------------
3. BASIC LAYOUT
---------------------------*/

	body {
	padding: 3px 0 0;
	}	
		input, textarea, select {
		border: 1px solid #d6d6d6;
		background: #fff;
		color: #3c3c3c;
		font: 1em/1.6 Arial, Helvetica, sans-serif;
		}	
			select option {
			text-align: center;
			}
			input, textarea {
			padding: 4px 3px 4px 10px;
			color: #3c3c3c;
			}
				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: 301px;
		overflow: visible;
		margin: 0 auto;
		font-size: 12px;
		position: relative;
		}

		/* --------------------------
		3.1.1 Logo
		---------------------------*/
		
			#logo {
			float: left;
			display: inline;
			width: 162px;
			height: 50px;
			overflow: hidden;
			margin: 30px 0 0 41px;
			font-size: 1em;
			font-weight: normal;
			}
				#logo a {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				color: #a00000;
				font-size: 2.5em;
				line-height: 50px;
				text-align: center;
				text-decoration: none;
				}
					#logo a b {
					color: #3a3a3a;
					font-weight: bolder;
					}
				
				#logo .r {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: url(img/logo.gif) no-repeat;
				}

		/* --------------------------
		3.1.2 Main navigation
		---------------------------*/
		
			#mainNav {
			float: right;
			display: inline;
			position: absolute;
			width: 704px;
			top: 302px;
			right: 0;
			margin: 0;
			padding: 0;
			}
				#mainNav ul {
				height: 20px;
				overflow: hidden;
				padding: 10px 15px;
				border-bottom: 1px solid #bfbfbf;
				font-size: 12px;
				}
					#mainNav ul li {
					float: left;
					display: inline;
					height: 20px;
					margin: 0 5px;
					font-weight: bolder;
					}					
						#mainNav ul a {
						display: block;
						height: 20px;
						padding: 0 5px;
						line-height: 20px;
						color: #3c3c3c;
						}
							#mainNav ul a:link{
							color: #3c3c3c;
							text-decoration: none;
							}
							#mainNav ul a:hover,
							#mainNav ul a:active,
							#mainNav ul a.active {
							background: #3c3c3c;
							color: #fff;
							text-decoration: none;
							}
							
	/* --------------------------
	3.2 Content
	---------------------------*/
	
		#content {
		width: 950px;
		margin: 0 auto;
		}

		/* --------------------------
		3.2.1 Headers
		---------------------------*/
		
			#sidebar h3,
			#sidebar h3 {
			padding:  0;
			margin: 0;
			font-size: 1px;
			line-height: 10px;
			text-indent: -9999px;
			font-weight: bolder;
			}
			
			#mainContent h2 {
			padding: 0;
			color: #3a3a3a;
			font-weight: bolder;
			}	
			#mainContent h3 {
			color: #3a3a3a;			
			font-weight: bolder;
			}

		/* --------------------------
		3.2.2 Main content wrapper
		---------------------------*/
		
			#mainContentWrap {
			float: left;
			display: inline;
			width: 949px;
			border-right: 1px solid #f1f1f1;
			}

		/* --------------------------
		3.2.3 Main content
		---------------------------*/
		
			#mainContent {
			float: right;
			display: inline;
			margin: 40px 0 0;
			width: 693px;
			padding: 22px 0 1em;
			font-size: 12px;
			}
				#mainContent a {
				}
					#mainContent a:link  {
					color: #d00000;
					text-decoration: underline;
					}
					#mainContent a:hover,
					#mainContent a:active {
					color: #d00000;
					text-decoration: underline;
					}
				
				.mainContentWide #mainContent {
				float: right;
				width: 772px;
				}
				
				#mainContent .price {
				height: 15px;
				padding: 0;
				color: #3c3c3c;
				font-weight: bolder;
				text-align: center;
				line-height: 15px;
				}
				#mainContent .promocja {
				color: #a00000;
				}
				
				#mainContent .oldPrice {
				color: #3c3c3c;
				text-align: center;
				}
				
				#mainContent .stock-full {
				color: #639600;
				}
				#mainContent .stock-medium {
				color: #f90;
				}
				#mainContent .stock-few {
				color: #c00;
				}
				#mainContent .stock-empty {
				color: #999;
				}

			/* --------------------------
			3.2.3.1 Buttons
			---------------------------*/
			
				#mainContent .button-black {
				padding: 3px 24px 3px 4px;
				background: url(img/embellishments/arr-black.gif) 90% 55% no-repeat;
				font-weight: bolder;
				}
					#mainContent .button-black:link{
					color: #3a3a3a;
					text-decoration: none;
					background-color: transparent;
					}
					#mainContent .button-black:hover,
					#mainContent .button-black:active {
					color: #3a3a3a;
					text-decoration: none;
					background-color: #f3f3f3;
					}
			
				#mainContent .button-arrUp,
				#mainContent .button-arrDown,
				#mainContent .button-arrLeft,
				#mainContent .button-arrRight {
				position: relative;
				display: block;
				width: 15px;
				height: 15px;
				margin-top: 2px;
				overflow: hidden;
				background: #fff;
				color: #666;
				line-height: 11px;
				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%;
					background: 0 0 no-repeat;
					}
					#mainContent .button-arrUp:hover .r,
					#mainContent .button-arrDown:hover .r,
					#mainContent .button-arrLeft:hover .r,
					#mainContent .button-arrRight:hover .r,
					#mainContent .active .r {
					background-position: 0 -15px;
					}
					#mainContent .button-arrUp .r {
					background-image: url(img/buttons/arrup.png);
					}
					#mainContent .button-arrDown .r {
					background-image: url(img/buttons/arrdown.png);
					}
					#mainContent .button-arrLeft .r {
					background-image: url(img/buttons/arrleft.png);
					}
					#mainContent .button-arrRight .r {
					background-image: url(img/buttons/arrright.png);
					}
							

		/* --------------------------
		3.2.4 Sidebar
		---------------------------*/
		
			#sidebar {
			float: left;
			display: inline;
			width: 246px;
			margin: 0 0 2em;
			padding: 0 0 80px;
			color: #3a3a3a;
			font-size: 12px;
			}
				#sidebar .bot {
				height: 8px;
				overflow: hidden;
				font-size: 1px;
				line-height: 1px;
				background: url(img/sidebar.gif) 0 0 no-repeat;
				}

			/* --------------------------
			3.2.4.1 Main search
			---------------------------*/
			
				#mainSearch {
				color: #fff;
				position: absolute;
				top: 230px;
				left: 646px;
				width: 298px;
				height: 75px;
				}
					#mainSearch a:link{
					color: #fff;
					text-decoration: none;
					}
					#mainSearch a:hover,
					#mainSearch a:active {
					color: #e1ffc6;
					text-decoration: underline;			
					}
					
					#mainSearch fieldset {
					padding: 0;
					}
						#mainSearch fieldset p {
						height: auto;
						float: left;
						width: 170px;
						height: 16px;
						padding: 4px 4px 3px 33px;
						overflow: hidden;
						background: url(img/inputs/search.gif) 0 0 no-repeat;
						}							
						#mainSearch .dropdown {
						float: left;
						width: 207px;
						margin: 12px 0 0;
						}
							#mainSearch .dropdown select {
							border-color: #6e6e6e;
							width: 100%;
							height: 23px;
							text-align: center;
							color: #8b8b8b;
							font: 12.5px Arial;
							}
						
						#mainSearch #f_s_query {
						float: left;
						display: inline;
						height: 16px; 
						line-height: 16px; 
						padding: 0;
						width: 100%;
						color: #8b8b8b;
						font: 12.5px Arial;
						border:0;
						background: none;
						}
							#mainSearch #f_s_query:focus {
							color: #505050;
							}
							
						#mainSearch input.img {
						clear: both;
						position: absolute;
						top: 28px;
						right: 0;
						margin: 0;
						}

			/* --------------------------
			3.2.4.2 Submenu
			---------------------------*/
			
				#sidebar .submenu {
				background: url(img/sidemenu.gif) 0 100% no-repeat;
				padding: 0 0 20px;
				font-size: 13px;
				}			
					#sidebar .submenu a,
					#sidebar .submenu a:link {
					color: #3c3c3c;
					text-decoration: none;
					}
					#sidebar .submenu a:hover,
					#sidebar .submenu a:active,
					#sidebar .submenu a.active {
					color: #fff;
					text-decoration: none;		
					background: #3c3c3c;					
					}
					
					#sidebar .submenu h3 {
					height: 43px;
					background: url(img/header/kategorie.gif) 0 0 no-repeat;
					}
					
					#sidebar .submenu ul {
					width: 208px;
					margin: 20px 0 0;
					padding: 0 19px;
					overflow: hidden;
					line-height: 24px;
					}
						#sidebar .submenu li {
						font-weight: bolder;
						padding: 1px 0 0;
						margin: -1px 0 0;
						float: left; 
						width: 100%; 
						clear: both;
						background: url(img/sidemenuitem.gif) 0 0 no-repeat;
						}
							
							#sidebar .submenu li a {
							display: block;
							padding: 3px 0 3px 20px;
							line-height: 18px;
							}
							
							#sidebar .submenu li ul {
							margin: 0;
							padding: 0 0 0.2em 13px;
							}
								#sidebar .submenu li ul li {
								padding-left: 2px;
								font-weight: normal;
								}
								
			/* --------------------------
			3.2.4.3 Recommend to a friend
			---------------------------*/
			
				#newsletter {
				background: url(img/sidebar.gif) 100% 0 repeat-y;
				margin-top: 15px;
				border-top: 1px solid #bfbfbf;
				}			
					#newsletter fieldset {
					background: url(img/icos/newsletter.gif) 99% 100% no-repeat;
					padding: 20px 20px 20px;
					}			
					#newsletter h3 {
					background: url(img/header/newsletter.gif) 0 0 no-repeat;
					margin: -20px -20px 5px;
					height: 26px;
					}
					
					#newsletter p {
					margin: 0.2 0;
					}		
					
					#newsletter #f_r_mail {
					width: 120px;
					color: #3c3c3c;
					}
						#newsletter #f_r_mail:focus {
						color: #3c3c3c;
						}
					#newsletter .img {
					background: url(img/buttons/send.png) 0 0 no-repeat;
					text-indent: -9999px;
					font-size: 0;
					line-height: 0;
					cursor: pointer;
					width: 44px !important;
					height: 44px !important;
					}
								
			/* --------------------------
			3.2.4.4 Delivery
			---------------------------*/
			
				#delivery {
				background: url(img/sidebar.gif) 100% 0 repeat-y;
				margin-top: 15px;
				border-top: 1px solid #bfbfbf;
				}	
					#delivery h3 {
					background: url(img/header/dostawa.gif) 0 0 no-repeat;
					height: 31px;
					}
					
					#delivery p {
					margin: 10px 0 0;
					font-size: 12px;
					line-height: 15px;
					padding: 5px 20px 20px 75px;
					text-align: center;
					background: url(img/icos/delivery.gif) 1px 0 no-repeat;
					}	
					

		/* --------------------------
		3.2.5 Sidebar
		---------------------------*/
		
			#sidebar {
			}

			/* --------------------------
			3.2.5.1 Shopping cart
			---------------------------*/
			
				#cart {
				padding: 0;
				position: absolute;
				top: 48px; 
				left: 708px;
				width: 188px;
				padding: 70px 0 0 30px;
				color: #fff;
				}
					#cart a:link{
					color: #fff;
					text-decoration: none;
					}
					#cart a:hover,
					#cart a:active {
					color: #e1ffc6;
					text-decoration: underline;			
					}
					
					#cart h3 {
					background: url(img/cart/empty.png) 0 0 no-repeat;
					position: absolute; 
					top: 0;
					left: 5px;
					height: 62px;
					width: 223px;
					line-height: 0;
					font-size: 0;
					text-indent: -9999px;
					padding: 0 0 0 100px;
					overflow: hidden;
					}
					#cart h3.emptyCart {
					background-image: url(img/cart/empty.png);
					}
					#cart h3.fullCart {
					background-image: url(img/cart/full.png);
					}
					
					#cart ul.cartSummary {
					margin: 0 1em 0 2em;
					font-weight: bolder;
					font-size: 12px;
					}
						#cart ul.cartSummary span {
						text-decoration: underline;
						}
					#cart ul.cartEmpty {
						padding-bottom: 19px;
					}
					
					#cart p.order {
					margin: 10px 0 0;
					padding: 0;
					width: 188px; 
					height: 29px;
					}
						#cart p.order a {
						display: block;
						height: 29px;
						width: 188px;
						padding: 0;
						line-height: 0;
						font-size: 0;
						text-indent: -9999px;
						background: url(img/cart/submit.png) 0 0 no-repeat;
						color: #fff;
						}

					
			/* --------------------------
			3.2.5.2 Login
			---------------------------*/
			
				#login {
				background: url(img/sidebar.gif) 100% 0 repeat-y;
				margin-top: 15px;
				border-top: 1px solid #bfbfbf;
				}
					#login a:link{
					color: #3a3a3a;
					text-decoration: none;
					}
					#login a:hover,
					#login a:active {
					color: #3a3a3a;
					text-decoration: underline;			
					}
					
					#login .inner,
					#login fieldset {
					padding: 15px 10px 20px 20px;
					}		
					#login .inner{
					background: url(img/icos/logged.gif) 100% 29px no-repeat;
					}					
						
					div#login h3 {
					margin: 0 0 1em;
					height: 31px;
					margin: -15px -10px 10px -20px;
					background: url(img/header/zalogowany.gif) 0 0 no-repeat;
					}
					form#login h3 {
					margin: 0 0 1em;
					height: 31px;
					margin: -15px -10px 10px -20px;
					background: url(img/header/logowanie.gif) 0 0 no-repeat;
					}
					
					#login p {
					margin: 0 0 0.6em;
					}

					
					#login ul {
					margin: 1em 0 0;
					}
					div#login ul li {
					padding-left: 25px;
					background: url(img/icos/bulk.gif) 10px 50% no-repeat;
					}					
						#login ul li strong {
						color: #a00000;
						font-size: 12px;
						text-indent: 2px;
						}
					
					#login #f_l_login,
					#login #f_l_pass {
					color: #3c3c3c;
					margin: 0 0 0 20px; 
					width: 130px;
					}
						#login #f_l_login:focus,
						#login #f_l_pass:focus {
						color: #3c3c3c;
						}
						
					#login .img {	
					margin: 0.6em 0 0 20px;
					}
							
		/* --------------------------
		3.2.6 Footer
		---------------------------*/
		
			#footer {
			clear: both;
			width: 949px;
			padding: 0 0 1.8em;
			margin: 0;
			color: #686868;
			font-size: 12px;
			font-weight: bolder;
			border-right: 1px solid #f1f1f1;
			}
				#footer a:link {
				color: #3c3c3c;
				text-decoration: none;
				}
				#footer a:hover,
				#footer a:active,
				#footer a.active  {
				color: #3c3c3c;
				text-decoration: underline;
				}
				
				#footer .line {
				clear: both;
				border-left: 1px solid #bfbfbf;
				border-top: 1px solid #f1f1f1;
				border-bottom: 1px solid #f1f1f1;
				padding: 0.7em;
				margin: 2em 0 0;
				color: #686868;
				font-size: 12px;
				font-weight: bolder;
				text-align: center;
				}
					#footer .line ul {
					text-align: center;
					}
						#footer .line ul li,
						#footer .line ul li a,
						#footer .line ul li img{
						display: inline;
						}
						#footer .line ul li img{
						font-size: 0; 
						line-height: 0;
						}
				#footer .line2 {
				}
					#footer .line2 ul {
					line-height: 43px;
					height: 43px;
					overflow: hidden;
					}
						#footer .line2 ul li {
						padding: 0 0 0 4px;
						display: inline-block;
						background: url(img/footline.gif) 0 0 no-repeat;
						}
						#footer .line2 ul li:first-child {
						background: none;
						}
				#footer .line3 {
				text-align: right;
				height: 39px;
				overflow: visible;
				padding: 0 1em;
				line-height: 39px;
				position: relative;
				}
					#footer .line3 ul {
					text-align: right;
					height: 39px;
					overflow: hidden;
					}
						#footer .line3 ul li {
						padding-left: 15px;
						}
						#footer .line3 p {
						float: left;
						height: 39px;
						overflow: hidden;
						}
					#footer .line3 .fancy{
					height: 41px;
					width: 1000px;
					left: -1000px;
					top: -1px;
					background: url(img/footfancy.gif) 0 0 no-repeat;
					position: absolute;
					}
						
				#footer #pff {
				text-align: right;
				margin-right: -1px;
				border-right: 1px solid #fff;
				padding: 2em 1.5em 0;
				}	
					#footer #pff a {
					color: #a00000;
					}
				
				

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

	/* --------------------------
	4.1 Stories overview
	---------------------------*/
	
		#mainContent h2.storiesOverviewHead  {
		background: url(img/header/aktualnosci.gif) 0 0 no-repeat;
		height: 42px;
		font-size: 1px;
		line-height: 1px;
		text-indent: -9999px;

		}
		
		.storiesOverview {
		height: auto;
		overflow: hidden;
		margin: 0.5em 0 0 2.5em;
		padding: 0;
		background: url(img/br.gif) 0 34px no-repeat;
		}
			#content .storiesOverview  h3 {
			height: 20px;
			line-height: 20px;
			overflow: hidden;
			}
			
			#content .storiesOverview  a {
			color: #3c3c3c;
			font-size: 13px;
			text-decoration: none;
			}
			#content .storiesOverview  a:hover {
			text-decoration: underline;
			}
			.storiesOverview .item {
			float: left;
			display: inline;
			width: 292px;
			margin-right: 15px;
			font-size: 11px;
			padding: 1em 15px 5px 0;
			}
				
				.storiesOverview .item .description {
				margin: 0.8em 0;
				text-align: justify;
				}
				
				.storiesOverview .item .more {
				text-align: right;
				font-weight: bold;
				}
					#content .storiesOverview .item .more  a {
					color: #a00000;
					font-size: 11px;
					text-decoration: none;
					}
					#content .storiesOverview .item .more  a:hover {
					text-decoration: underline;
					}
				

	/* --------------------------
	4.2 Items overview
	---------------------------*/
	
		#mainContent h2.itemsOverviewHead  {
		background: url(img/header/nowosci.gif) 0 0 no-repeat;
		height: 42px;
		font-size: 1px;
		line-height: 1px;
		text-indent: -9999px;

		}
		
		.itemsOverview {
		height: auto;
		overflow: hidden;
		margin: 0.5em -1px 2.5em;
		padding: 0;
		}
			.itemsOverview .item {
			font-size: 12px;
			text-align: center;
			float: left;
			display: inline;
			width: 160px;
			padding: 0 4px 10px;
			margin: 1px;
			border: 1px solid #bbb;
			}
					
				#content .itemsOverview .item h3 {
				font-size: 12px;
				font-weight: bold;
				text-align: center;
				height: 30px;
				line-height: 15px;
				overflow: hidden;
				width: 160px;
				display: table-cell;
				vertical-align: middle;
				color: #3c3c3c;
				margin: 0;
				clear: both;
				float: left;
				}
					#content .itemsOverview .item h3 a{
					color: #3c3c3c;
					text-decoration: none;
					}
					#content .itemsOverview .item h3 a:hover{
					color: #3c3c3c;
					text-decoration: underline;
					}
			
				.itemsOverview .item .pic {
				float: left;
				width: 160px;
				height: 143px; 
				overflow: hidden;
				}
				
				.itemsOverview .item .description {
				width: 160px;
				height: 15px; 
				overflow: hidden;
				text-align: center;
				margin: 8px 0 0;
				}
				
				.itemsOverview .item .details {
				clear: both;
				height: 50px;
				padding-top: 15px;
				overflow: hidden;
				position: relative;
				}
					.itemsOverview .item .details .oldPrice {
					position: absolute;
					top: 0;
					width: 100%;
					left: 0;
					height: 15px;
					overflow: hidden;
					margin: 0 0 0.3em;
					text-align: center;
					}
					
					.itemsOverview .item .details .price {
					width: 160px;
					}
					
					.itemsOverview .item .details .more a{
					margin: 5px auto 0;
					display: block;
					height: 30px;
					width: 83px;
					background: url(img/buttons/more.png) 0 0 no-repeat;
					font-size: 1px;
					line-height: 1px;
					text-indent: -9999px;
					}

	/* --------------------------
	4.3 Featured items
	---------------------------*/
		
		#mainContent h2.featuredItemsHead  {
		background: url(img/header/promocje.gif) 0 0 no-repeat;
		height: 42px;
		font-size: 1px;
		line-height: 1px;
		text-indent: -9999px;
		}
		
		.featuredItems {
		height: auto;
		overflow: hidden;
		margin: 0.5em -1px 2.5em;
		padding: 0;
		}
			.featuredItems .item {
			font-size: 12px;
			text-align: center;
			float: left;
			display: inline;
			width: 160px;
			padding: 0 4px 10px;
			margin: 1px;
			border: 1px solid #bbb;
			}
					
				#content .featuredItems .item h3 {
				font-size: 12px;
				font-weight: bold;
				text-align: center;
				height: 30px;
				line-height: 15px;
				overflow: hidden;
				width: 160px;
				display: table-cell;
				vertical-align: middle;
				color: #3c3c3c;
				margin: 0;
				clear: both;
				float: left;
				}
					#content .featuredItems .item h3 a{
					color: #3c3c3c;
					text-decoration: none;
					}
					#content .featuredItems .item h3 a:hover{
					color: #3c3c3c;
					text-decoration: underline;
					}
			
				.featuredItems .item .pic {
				float: left;
				width: 160px;
				height: 143px; 
				overflow: hidden;
				}
				
				.featuredItems .item .description {
				width: 160px;
				height: 15px; 
				overflow: hidden;
				text-align: center;
				margin: 8px 0 0;
				}
				
				.featuredItems .item .details {
				clear: both;
				height: 50px;
				padding-top: 15px;
				overflow: hidden;
				position: relative;
				}
					.featuredItems .item .details .oldPrice {
					position: absolute;
					top: 0;
					width: 100%;
					left: 0;
					height: 15px;
					overflow: hidden;
					margin: 0 0 0.3em;
					text-align: center;
					}
					
					.featuredItems .item .details .price {
					width: 160px;
					}
					
					.featuredItems .item .details .more a{
					margin: 5px auto 0;
					display: block;
					height: 30px;
					width: 83px;
					background: url(img/buttons/more.png) 0 0 no-repeat;
					font-size: 1px;
					line-height: 1px;
					text-indent: -9999px;
					}

	/* --------------------------
	4.4 Items list
	---------------------------*/
	
		.itemsList {
		margin: 0.5em 0 2.5em;
		}
			.itemsList .item {
			height: auto;
			overflow: hidden;
			padding: 2em 8px 3em;
			border-bottom: 1px solid #e6e6e6;
			}
				#content .itemsList .item h3 {
				margin: 0 0 0.7em 65px;
				font-size: 1.18em;
				clear: both;
				float: left;
				}
			
				.itemsList .item .pic {
				float: left;
				display: inline;
				width: 55px;
				margin: -2em 0 0;
				}
				
				.itemsList .item .description {
				float: right;
				display: inline;
				width: 523px;
				text-align: justify;
				}

				.itemsList .item .oldPrice {
				margin: 1em 0 -0.7em;
				}
				
				.itemsList .item .price {
				float: left;
				display: inline;
				margin: 1em 0 0;
				}
								
				.itemsList .item .more {
				float: left;
				display: inline;
				margin: 1.4em 0 0 16px;
				}

	/* --------------------------
	4.5 Categories list
	---------------------------*/
	
		.categoriesList {
		margin: 0 0 2em;
		padding: 0.6em 8px 1.5em;
		border-bottom: 1px solid #e6e6e6;
		}
			.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: #6b6b6b;
					}
					#content .categoriesList li a:hover,
					#content .categoriesList li a:active {
					color: #222;
					}
					

	/* --------------------------
	4.6 Item header
	---------------------------*/
	
		#content .itemHeader {
		margin: 0 0 1em;
		padding: 5px 21px;
		border-bottom: 1px solid #bfbfbf;
		border-top: 1px solid #bfbfbf;
		border-right: 1px solid #bfbfbf;
		border-left: 3px solid #3c3c3c;
		background: #f1f1f1;
		font-size: 18px; 
		color: #3c3c3c;
		}
			#content .itemHeader a {
			color: #3c3c3c;
			text-decoration: none;
			}
			#content .itemHeader a:hover {
			text-decoration: underline;
			}
			#content .itemHeader ul {
			float: left;
			width: 240px;
			padding: 0 20px 0 0;
			font-size: 12px;
			color: #3c3c3c;
			}
				#content .itemHeader ul a {
				padding: 0 0 0 12px;
				text-decoration: none;
				font-size: 12px;
				color: #3c3c3c;
				background: url(img/icos/bulk.gif) 0 50% no-repeat;
				}
				#content .itemHeader ul a:hover {
				text-decoration: underline;
				color: #a00000;
				}
				

	/* --------------------------
	4.7 Item details
	---------------------------*/
	
		.itemDetails {
		height: auto;
		float: left; 
		width: 681px;
		overflow: hidden;
		padding: 0 0 1.5em;
		font-size: 12px;
		}
			.itemDetails .description {
			float: right;
			display: inline;
			width: 321px;
			}
				.itemDetails .description p {
				margin: 0.5em 0;
				}
				.itemDetails .description .attributes {
				margin: 0.5em 0 0;
				background: url(img/dash.gif) 0 100% repeat-x;
				}
					.itemDetails .description .attributes li {
					height: auto;
					overflow: hidden;
					padding: 0.2em 0 0.7em;
					}
					
			.itemDetails .info {
			float: left;
			display: inline;
			width: 342px;
			margin-right: 18px;

			}		
				#mainContent .itemDetails .info h3.itemHeader {
				font-size: 12px;
				padding-left: 15px;
				}	
				.itemDetails .info p {
				margin: 0.6em 0;
				}
				
				.itemDetails .info ul {
				padding-left: 75px;
				overflow: hidden;
				background: url(img/icos/pdf.gif) 0 10px no-repeat;
				min-height: 55px;
				}
					.itemDetails .info ul li {
					margin-top: -1px;
					overflow: hidden;
					padding: 4px 12px;
					background: url(img/dash.gif) 0 0 repeat-x;
					}
						#content .itemDetails .info ul li a {
						color: #a00000;
						text-decoration: none;
						}
						#content .itemDetails .info ul li a:hover {
						text-decoration: underline;
						}

				.itemDetails .info .pic {
				padding: 0 0 1em;
				}
					.itemDetails .info .pic img {
					margin: 0 auto; width: 340px;
					border: 1px solid #bfbfbf;
					}
							
				.itemDetails .offer {
				height: auto;
				overflow: hidden;
				background: #f1f1f1;
				border: 1px solid #bfbfbf;
				font-size: 24px;
				color: #3a3a3a;
				padding: 0 15px;
				margin: 0 0 0.7em;
				}	
					.itemDetails .offer span {
					color: #a00000;
					}
					#content .itemDetails .offer .price {
					font-weight: normal;
					text-align: left;	
					}
				
					
					#content .itemDetails .offer .oldPrice {
					margin: 0.9em 0 0;
					}
							
				.itemDetails .info .actions {
				margin: 1.5em 0 0;
				}
					.itemDetails .info .actions li {
					padding: 1em 8px;
					border-top: 1px solid #e6e6e6;
					}
						.itemDetails .info .actions li li {
						padding: 0;
						border: 0;
						}
						
						.itemDetails .info .actions li.toCart a {
						display: block;
						padding: 0.4em 0 0.4em 52px;
						background: url(img/icos/tocart.gif) 5px 50% no-repeat;
						font-size: 12px;
						font-weight: bolder;
						}
							#content .itemDetails .info .actions li.toCart a:link{
							color: #4C9b01;
							text-decoration: none;
							background-color: transparent;
							}
							#content .itemDetails .info .actions li.toCart a:hover,
							#content .itemDetails .info .actions li.toCart a:active {
							color: #336901;
							text-decoration: none;
							background-color: #eafed8;
							}
						
						.itemDetails .info .actions li.compare span {
						display: block;
						margin: 0 0 0.7em;
						padding: 0.4em 0 0.4em 52px;
						background: url(img/icos/compare.png) 5px 50% no-repeat;
						color: #3a3a3a;
						font-size: 12px;
						font-weight: bolder;
						}
							#content .itemDetails .info .actions li.compare a:link {
							color: #686868;
							text-decoration: none;
							}
							#content .itemDetails .info .actions li.compare a:hover,
							#content .itemDetails .info .actions li.compare a:active {
							color: #3a3a3a;
							text-decoration: underline;
							}
							
							.itemDetails .info .actions li.compare ul {
							margin: 0.7em 0 0;
							padding: 0 4px 0 5px;
							}
							
							.itemDetails .info .actions li.compare ul.items {
							}
								.itemDetails .info .actions li.compare ul.items li {
								position: relative;
								padding: 0.2em 15px 0.2em 0;
								line-height: 1.3em;
								}
								
								.itemDetails .info .actions li.compare ul.items li a.deleteItem {
								position: absolute;
								top: 50%;
								right: 0;
								display: block;
								width: 9px;
								height: 9px;
								overflow: hidden;
								margin: -5px 0 0; 
								background: url(img/embellishments/minus-grey.gif) 0 0 no-repeat;
								text-indent: 9990px;
								}
						
						.itemDetails .info .actions li.bid a {
						display: block;
						padding: 0.4em 0 0.4em 52px;
						background: url(img/icos/bid.gif) 5px 50% no-repeat;
						font-size: 12px;
						font-weight: bolder;
						}
							#content .itemDetails .info .actions li.bid a:link {
							color: #686868;
							text-decoration: none;
							background-color: transparent;
							}
							#content .itemDetails .info .actions li.bid a:hover,
							#content .itemDetails .info .actions li.bid a:active {
							color: #3a3a3a;
							text-decoration: none;
							background-color: #f6f6f6;
							}
						
						.itemDetails .info .actions li.print a {
						display: block;
						padding: 0.4em 0 0.4em 52px;
						background: url(img/icos/print.gif) 5px 50% no-repeat;
						font-size: 12px;
						font-weight: bolder;
						}
							#content .itemDetails .info .actions li.print a:link {
							color: #a1a1a1;
							text-decoration: none;
							background-color: transparent;
							}
							#content .itemDetails .info .actions li.print a:hover,
							#content .itemDetails .info .actions li.print a:active {
							color: #3a3a3a;
							text-decoration: none;
							background-color: #f6f6f6;
							}
					
		.productList {
		width: 100%;
		clear: both;
		margin: 0 0 2em;
		line-height: 14px;
		}		
			.productList th {
			vertical-align: top;
			font-weight: bold;
			text-align: center;
			padding: 4px 1px;
			background: #f1f1f1;
			border-top: 1px solid #bfbfbf;
			border-bottom: 1px solid #bfbfbf;
			}	
				.productList th.first {
				border-left: 3px solid #3c3c3c;
				margin-left: -2px;
				padding: 4px 12px;
				}	
				.productList th.last {
				border-right: 1px solid #bfbfbf;
				padding: 4px 12px;
				}	
				.productList th small {
				display: block;
				font-size: 10px;
				font-weight: normal;
				}	
			.productList td {
			vertical-align: middle;
			padding: 4px 1px;
			text-align: center;
			font-size: 11px;
			}
				.productList td small {
				display: block;
				font-size: 9px;
				font-weight: normal;
				}	
			.productList tr {
			background: url(img/dash.gif) 0 100% repeat-x;
			}
		
		.addToCart { 
		display: block;
		width: 55px;
		height: 34px;
		background: url(img/icos/add.gif) 0 0 no-repeat;
		margin: 0 auto;
		}
		.itemQuantity  { 
		display: block;
		width: 25px;
		height: 14px;
		padding: 3px;
		margin: 0 auto;
		text-align: center;
		font-weight: bold;
		}
		
	/* --------------------------
	4.8 Item description
	---------------------------*/
	
		.itemDescription {
		height: auto;
		overflow: hidden;
		padding: 0.7em 0 2em 0;		
		display: inline;
		}
			#content .itemDescription h3 {
			margin: 0 0 0.5em;
			font-size: 12px;
			}
					

	/* --------------------------
	4.9 Item opinion
	---------------------------*/
	
		#mainContent h2.itemOpinionHead  {
		background: url(img/header/nowosci.gif) 0 0 no-repeat;
		height: 42px;
		font-size: 1px;
		line-height: 1px;
		text-indent: -9999px;

		}
		
		.itemOpinion .related {
		height: auto;
		overflow: hidden;
		margin: 0.5em -1px 2.5em;
		padding: 0;
		}
			.itemOpinion .related  .item {
			font-size: 12px;
			text-align: center;
			float: left;
			display: inline;
			width: 160px;
			padding: 0 4px 10px;
			margin: 1px;
			border: 1px solid #bbb;
			}
					
				#content .itemOpinion .related  .item h3 {
				font-size: 12px;
				font-weight: bold;
				text-align: center;
				height: 30px;
				line-height: 15px;
				overflow: hidden;
				width: 160px;
				display: table-cell;
				vertical-align: middle;
				color: #3c3c3c;
				margin: 0;
				clear: both;
				float: left;
				}
					#content .itemOpinion .related  .item h3 a{
					color: #3c3c3c;
					text-decoration: none;
					}
					#content .itemOpinion .related  .item h3 a:hover{
					color: #3c3c3c;
					text-decoration: underline;
					}
			
				.itemOpinion .related  .item .pic {
				float: left;
				width: 160px;
				height: 143px; 
				overflow: hidden;
				}
				
				.itemOpinion .related  .item .description {
				width: 160px;
				height: 15px; 
				overflow: hidden;
				text-align: center;
				margin: 8px 0 0;
				}
				
				.itemOpinion .related  .item .details {
				clear: both;
				height: 50px;
				padding-top: 15px;
				overflow: hidden;
				position: relative;
				}
					.itemOpinion .related  .item .details .oldPrice {
					position: absolute;
					top: 0;
					width: 100%;
					left: 0;
					height: 15px;
					overflow: hidden;
					margin: 0 0 0.3em;
					text-align: center;
					}
					
					.itemOpinion .related  .item .details .price {
					width: 160px;
					}
					
					.itemOpinion .related  .item .details .more a {
					margin: 5px auto 0;
					display: block;
					height: 30px;
					width: 83px;
					background: url(img/buttons/more.png) 0 0 no-repeat;
					font-size: 1px;
					line-height: 1px;
					text-indent: -9999px;
					}
				
	/* --------------------------
	4.10 Text block
	---------------------------*/
	
		.textBlock {
		padding: 0 8px;
		line-height: 1.7em;
		}		
			.textBlock p {
			margin: 1em 0;
			}
			.textBlock img {
			border: 1px solid #bfbfbf;
			}
			.textBlock img.r {
			float: right;
			margin: 5px 0 5px 5px;
			}
			.textBlock img.l {
			float: left;
			margin: 5px 5px 5px 0;
			}

	/* --------------------------
	4.11 Bread crumbs
	---------------------------*/
	
		.breadCrumbs {
		margin-top: -10px;
		padding: 0 22px 1em;
		font-size: 11px;
		}
			.breadCrumbs strong {
			padding: 0 2px;
			}
				#content .breadCrumbs a {
				color: #3a3a3a;
				text-decoration: none;
				padding-left: 8px;
				margin-right: 3px;
				background: url(img/icos/bulk.gif) 0 50% no-repeat;
				}
				#content .breadCrumbs a:hover,
				#content .breadCrumbs a:active {
				text-decoration: underline;
				}
				#content .breadCrumbs a.home {
				padding: 0;
				background: none;
				}

	/* --------------------------
	4.12 Pageing
	---------------------------*/
	
		.pageing {
		height: auto;
		overflow: hidden;
		padding: 1em 8px;
		}
			.itemsOverview + .pageing {
			margin-top: -1.5em !important;
			}
			
			#content .pageing h3 {
			float: left;
			display: inline;
			padding: 0 37px 0 0;
			margin: 0;
			font-size: 12px
			}
			
			.pageing ul {
			padding-right: 20px;
			text-align: right;
			}
				.pageing li {
				float: left;
				display: inline;
				margin-top: 2px;
				padding: 0 4px;
				line-height: 14px;
				font-weight: normal;
				border-left: 1px solid #3a3a3a;
				}	
				.pageing li:first-child,
				.pageing li.prevPage {
				border-left: 0;
				}					
					#content .pageing li a:link {
					color: #3a3a3a;
					text-decoration: underline;
					}
					#content .pageing li a:hover,
					#content .pageing li a:active {
					color: #a00000;
					text-decoration: none;
					}
					
					.pageing li.active,
					.pageing li.active a {
					color: #a00000;
					}
					
					.pageing li.prevPage {
					margin-left: 20px;
					margin-top: 0px;
					font-weight: normal;
					float: none;
					}
						.pageing li.prevPage a {
						padding-left: 15px;
						background: url(img/buttons/arrleft.png) 0 55% no-repeat;
						}
					.pageing li.nextPage {
					margin-left: 4px;
					padding-left: 5px;
					margin-top: 0px;
					font-weight: normal;
					float: none;
					}
						.pageing li.nextPage a {
						padding-right: 15px;
						background: url(img/buttons/arrright.png) 100% 55% no-repeat;
						}
						
	/* --------------------------
	4.13 Sorting criteria
	---------------------------*/
	
		.sortCriteria {
		height: auto;
		overflow: hidden;
		padding: 0 8px;
		}
			#content .sortCriteria h3 {
			float: left;
			display: inline;
			padding: 0 25px 0 0;
			font-size: 12px;
			}
			
			.sortCriteria ul {
			float: left;
			display: inline;
			padding: 0.1em 0 0;
			}
				.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 a.button-arrUp,
						.sortCriteria li a.button-arrDown {
						margin-top: 0.4em;
						}						
						.sortCriteria li span.r {
						float: none;
						display: block;
						margin: 0;
						}

	/* --------------------------
	4.14 Order plan
	---------------------------*/
	
		#orderPlan {
		margin: 0 0 1.5em;
		float: right; 
		width: 172px;
		padding: 10px;
		background: #f5f5f5;
		border: 1px solid #bfbfbf;
		}
			#orderPlan li {
			position: relative;
			float: left;
			padding: 5px 0;
			width: 172px;
			overflow: hidden;
			margin: 0;
			font-size: 14px;
			color: #bfbfbf;
			background: url(img/dash.gif) 0 100% repeat-x;
			}
				#orderPlan li span{
				position: relative;
				float: left;
				padding: 2px 0 2px 6px;
				width: 158px;
				overflow: hidden;
				margin: 0;
				font-size: 14px;
				color: #bfbfbf;
				border-left: 8px solid #bfbfbf;
				}
				#orderPlan li.activeStep span{
				border-color: #a00000;
				font-weight: bold;
				color: #a00000;
				}
				

	/* --------------------------
	4.15 Order intro
	---------------------------*/
	
		.orderIntro {
		}	
			.orderIntro .section {
			height: auto;
			overflow: hidden;
			padding: 2em 8px;
			border-top: 1px solid #e6e6e6;
			}
				.orderIntro .firstSection {
				border-top: 0;
				}
				
				.orderIntro .section h2 {
				float: left;
				display: inline;
				width: 145px;
				margin: 0 5px 0 0;
				}				
				.orderIntro .section .content {
				float: left;
				display: inline;
				width: 380px;
				margin: 0.2em 30px 0 0;
				}				
				.orderIntro .section .button {
				float: right;
				display: inline;
				width: 180px;
				margin: 0.2em 0 0 0;
				}
					.orderIntro .section .button-clear {
					clear: left;
					}
				
				.orderIntro .section form {
				}
					.orderIntro .section form .content {
					margin-top: -1px;
					}
					
					.orderIntro .section form p {
					float: left;
					display: inline;
					margin: 0 20px 0 0;
					}
						.orderIntro .section form p label {
						padding: 0 8px 0 0;
						font-weight: bolder;
						}
						
						.orderIntro .section form p #f_o_login,
						.orderIntro .section form p #f_o_pass {
						width: 107px;
						}
				
				.orderIntro .section ul {
				margin: 0.6em 0 0;
				padding: 0 7px;
				color: #499a00;
				font-weight: bolder;
				}
					.orderIntro .section ul li {
					margin: 0.7em 0;
					padding: 0 0 0 20px;
					background: url(img/embellishments/arr-green.gif) 0 55% no-repeat;
					}

	/* --------------------------
	4.16 Order details
	---------------------------*/
	
		.orderDetailsWrap {
		height: auto;
		overflow: hidden;
		margin: 1.5em 0 3.5em;
		padding: 0.5em 0;
		width: 684px;
		}
		.orderDetails {
		height: auto;
		overflow: hidden;
		float: left;
		padding: 0.5em 0;
		width: 484px;
		}
		#content .orderDetailsWrap h2 {
		margin: 0 0 1em;
		float: left;
		clear: both;
		width: 420px;
		padding: 5px 21px;
		border-bottom: 1px solid #bfbfbf;
		border-top: 1px solid #bfbfbf;
		border-right: 1px solid #bfbfbf;
		border-left: 3px solid #3c3c3c;
		background: #f1f1f1;
		font-size: 18px; 
		color: #3c3c3c;
		}
			#content .orderDetailsWrap h2 a {
			color: #3c3c3c;
			text-decoration: none;
			}
			#content .orderDetailsWrap h2 a:hover {
			text-decoration: underline;
			}
			
			.orderDetailsWrap .payment,
			.orderDetailsWrap .delivery,
			.orderDetailsWrap .invoice {
			float: left;
			display: inline;
			width: 190px;
			padding: 0 0 0 31px;
			}
			
			.orderDetailsWrap .invoice {
			width: 426px;
			float: left;
			display: block;
			clear: both;
			background: #831e1e url(img/invoice.jpg) 0 0 repeat-x;
			font-weight: bold;
			color: #fff;
			padding: 8px 20px;
			margin: 0 0 35px;
			}
				.orderDetailsWrap .invoice .img {
				margin: 2px 12px 0 10px;
				float: left;
				width: 13px; height: 13px;
				}
			
			.orderDetails .delivery {
			width: 170px;
			padding: 0 10px 0 50px;
			background: url(img/vdash.gif) 0 0 repeat-y;
			}
				.orderDetails .delivery ul li, 
				.orderDetails .payment ul li {
				padding-left: 22px;
				font-size: 11px;
				}
				.orderDetails .delivery ul li .img, 
				.orderDetails .payment ul li .img {
				margin: 0px 7px 0 -22px;
				}
			
			#mainContent .orderDetails h3 {
			margin: 0 0 0.5em;
			color: #a00000;
			}			
			#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.17 Customer type
	---------------------------*/
	
		.customerType {
		padding: 0.5em 12px 0.5em 20px;
		}
			.customerType label {
			padding: 0 15px 0 5px;
			font-weight: bold;
			}
			
			.customerType input.img {
			margin: -2px 0 0 -2px;
			height: 18px;
			width: 18px;
			}

	/* --------------------------
	4.18 Customer details
	---------------------------*/
	
		.customerDetails {
		height: auto;
		overflow: hidden;
		padding: 1.5em 0 2em 12px;
		background: url(img/dash.gif) 0 100% repeat-x;
		}			
			.customerDetails .personal {
			float: left;
			width: 290px;
			padding-left: 20px;
			}
			.customerDetails .address {
			float: left;
			width: 330px;
			padding-left: 20px;
			}			
				.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 input:focus {
						border-color: #999;
						}
				
					#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;
			}
			
			.buttons #cancel {
			float: left;
			width: 71px;
			height: 15px; 
			background: url(img/buttons/cancel.png) 0 0 no-repeat;
			margin: 5px 15px;
			}

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

	/* --------------------------
	5.1 Submenu
	---------------------------*/
		
		body.mooTools #sidebar .submenu li.expanded ul {
		display: block;
		}
		body.mooTools #sidebar .submenu li.collapsed ul {
		display: none;
		}
		
		
.productList .prom{
	color: red;
}