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

Carhartt
Grupa Pff
http://pff.pl/

Michał Krupa
michal@procommerce.lodz.pl

July 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 User box
			3.1.3 Login form
		3.2 Content
			3.2.1 Main navigation
				3.2.1.1 Main menu
				3.2.1.2 Shopping cart
			3.2.2 Main content
				3.2.2.1 Kernel
					3.2.2.1.1 Headers
					3.2.2.1.2 Buttons
					3.2.2.1.3 Main banner
					3.2.2.1.4 Copyright
				3.2.2.2 Sidebar
					3.2.2.2.1 Main search
					3.2.2.2.2 Submenu
					3.2.2.2.3 Reccomend to a friend
					3.2.2.2.4 Delivery
				3.2.2.3 Auhor
				3.2.2.4 Splash
				3.2.2.5 Footer
	4. MAIN CONTENT LAYOUTS
		4.1 Stories overview
		4.2 Items overview
		4.3 Item details
		4.4 Text block
		4.5 Pageing
		4.6 Sorting criteria
		4.7 Order details
		4.8 Customer details
		4.9 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 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
---------------------------*/
	
	html {
	background: url(img/bg.jpg) 50% 0 #23201F;
	}
	body {
	background: url(img/bg-top.jpg) 50% 0 repeat-x;
	color: #fff;
	}

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

	body {
	}	
		a:link, a:visited {
		color: #7A4B4B;
		text-decoration: underline;
		}
		a:hover, a:active {
		color: #3E2626;
		text-decoration: underline;
		}
		
		input, textarea, select {
		background: #fff;
		border: 0;
		color: #545454;
		font: 1em/1.6 Arial, Helvetica, sans-serif;
		}	
			input, textarea {
			padding: 10px 3px 10px 10px;
			}
				input:focus, textarea:focus {
				color: #222;
				}
				
			input {
			width: 131px;
			background: url(img/inputs/144-bg.png) no-repeat #eee;
			line-height: 1.5em;
			}
			select {
			border: 1px solid #ddd;
			font-size: 1.2em;
			}
			input.img, select.img {
			padding: 0;
			}

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

		/* --------------------------
		3.1.1 Logo
		---------------------------*/
		
			#logo {
			float: left;
			display: inline;
			width: 197px;
			height: 54px;
			overflow: hidden;
			margin: 34px 0 0 26px;
			font-size: 1em;
			font-weight: normal;
			}
				#logo a {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				color: #fff;
				font-size: 4em;
				text-align: center;
				text-decoration: none;
				}
				
				#logo .r {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: url(img/logo.png) no-repeat;
				}
		
		/* --------------------------
		3.1.2 User box
		---------------------------*/
		
			#userBox {
			float: right;
			display: inline;
			height: auto;
			overflow: hidden;
			margin: 40px 47px 0 0;
			width: 400px;
			font-size: 1.1em;
			}
				#userBox p {
				margin: 0 0 0.7em;
				color: #AE8686;
				}
				
				#userBox ul {
				}
					#userBox li {
					display: inline;
					padding: 0 13px 0 0;
					white-space: nowrap;
					}
						#userBox li a {
						padding: 0 0 0 13px;
						background: url(img/embellishments/dot-gold.gif) 0 55% no-repeat;
						text-transform: lowercase;
						}
							#userBox li a:link,
							#userBox li a:visited {
							color: #fff;
							text-decoration: underline;
							}
							#userBox li a:hover,
							#userBox li a:active {
							color: #AE8686;
							text-decoration: underline;
							}
		
		/* --------------------------
		3.1.3 Login form
		---------------------------*/
		
			#loginForm {
			float: right;
			display: inline;
			height: auto;
			overflow: hidden;
			margin: 40px 47px 0 0;
			font-size: 1.1em;
			}
				#loginForm .inputs {
				padding: 0.4em 0;
				}
					#loginForm .inputs p {
					display: inline;
					}
						#loginForm .inputs label {
						padding: 0 4px 0 0;
						color: #AE8686;
						font-weight: bolder;
						}
						
						#loginForm .inputs input {
						margin: -1px 8px 0 0;
						background: url(img/inputs/144-header.png) no-repeat #2F2929;
						color: #696969;
						}
							#loginForm .inputs input:focus {
							color: #eee;
							}
							
							#loginForm .inputs input.img {
							margin: 0;
							}
					
				#loginForm .signup {
				padding: 0.4em 40px 0 0;
				text-align: right;
				}
					#loginForm .signup a {
					padding: 0 0 0 13px;
					background: url(img/embellishments/dot-gold.gif) 0 55% no-repeat;
					text-transform: lowercase;
					}
						#loginForm .signup a:link,
						#loginForm .signup a:visited {
						color: #fff;
						text-decoration: underline;
						}
						#loginForm .signup a:hover,
						#loginForm .signup a:active {
						color: #AE8686;
						text-decoration: underline;
						}
							
	/* --------------------------
	3.2 Content
	---------------------------*/
	
		#content {
		width: 917px;
		margin: 0 auto;
		background: url(img/content/bg-top.jpg) 0 57px no-repeat;
		}
			.content-splash {
			background: url(img/content/bg-splash.jpg) 0 57px no-repeat !important;
			}
			
			#content-inner {
			padding: 0 0 55px;
			background: 0 93px no-repeat;
			}
				.content-1080 #content-inner {
				background-image: url(img/content/bg-1080.jpg); 
				}
				.content-794 #content-inner {
				background-image: url(img/content/bg-794.jpg); 
				}
		
		/* --------------------------
		3.2.1 Main navigation
		---------------------------*/
		
			#mainNav {
			height: auto;
			overflow: hidden;
			background: url(img/content/mainnav/bg.gif) 572px 0 no-repeat;
			}
				.content-splash #mainNav {
				background: none;
				}
		
			/* --------------------------
			3.2.1.1 Main menu
			---------------------------*/
			
				#mainMenu {
				float: left;
				display: inline;
				height: 39px;
				margin: 12px 0 0 26px;
				}
					.content-splash #mainMenu {
					height: 80px;
					margin-left: 190px;
					}
				
					#mainMenu li {
					float: left;
					display: inline;
					height: 39px;
					}
						#mainMenu li a {
						position: relative;
						display: block;
						height: 39px;
						overflow: hidden;
						color: #fff;
						font-size: 1.2em;
						font-weight: bolder;
						line-height: 39px;
						text-transform: uppercase;
						}
							#mainMenu li a .r {
							position: absolute;
							top: 0;
							left: 0;
							display: block;
							height: 100%;
							width: 100%;
							overflow: hidden;
							background: no-repeat;
							}
							
							#mainMenu li a:link,
							#mainMenu li a:visited {
							background: transparent;
							color: #fff;
							text-decoration: none;
							}
								#mainMenu li a:link .r,
								#mainMenu li a:visited .r {
								background-position: 0 0;
								}
							#mainMenu li a:hover,
							#mainMenu li a:active {
							background: #191817;
							color: #fff;
							text-decoration: none;
							}
								#mainMenu li a:hover .r,
								#mainMenu li a:active .r {
								background-position: 0 -39px;
								}
							
							#mainMenu #mm-home {
							width: 142px;
							}
								#mainMenu #mm-home .r {
								background-image: url(img/content/mainnav/menu/home.png);
								}
							#mainMenu #mm-shop {
							width: 73px;
							}
								#mainMenu #mm-shop .r {
								background-image: url(img/content/mainnav/menu/shop.png);
								}
							#mainMenu #mm-news {
							width: 96px;
							}
								#mainMenu #mm-news .r {
								background-image: url(img/content/mainnav/menu/news.png);
								}
							#mainMenu #mm-carhartt {
							width: 98px;
							}
								#mainMenu #mm-carhartt .r {
								background-image: url(img/content/mainnav/menu/carhartt.png);
								}
								
							/*NIXIN*/
							
							#mainMenu #mm-partnerzy {
							width: 98px;
							}
								#mainMenu #mm-partnerzy .r {
								background-image: url(img/content/mainnav/menu/partnerzy.png);
								}
								
							/*END NIXIN*/
								
							#mainMenu #mm-help {
							width: 86px;
							}
								#mainMenu #mm-help .r {
								background-image: url(img/content/mainnav/menu/help.png);
								}
							#mainMenu #mm-contact {
							width: 89px;
							}
								#mainMenu #mm-contact .r {
								background-image: url(img/content/mainnav/menu/contact.png);
								}
								
			/* --------------------------
			3.2.1.2 Shopping cart
			---------------------------*/
			
				#cart {
				float: right;
				display: inline;
				width: 218px;
				height: 93px;
				margin: 0 26px 0 0;
				background: url(img/content/mainnav/cart/bg.gif) 100% 100% no-repeat;
				font-size: 1.1em;
				}
					#cart h3 {
					margin: 1em 0 0;
					font-size: 1.1em;
					font-weight: bolder;
					}
					
					#cart p {
					color: #AE8686;
					margin: 0.1em 0 0;
					padding: 0 90px 0 0;
					}
						
					#cart ul {
					}
						#cart ul a {
						padding: 0 0 0 13px;
						background: url(img/embellishments/dot-gold.gif) 0 55% no-repeat;
						text-transform: lowercase;
						}
							#cart ul a:link,
							#cart ul a:visited {
							color: #fff;
							text-decoration: underline;
							}
							#cart ul a:hover,
							#cart ul a:active {
							color: #AE8686;
							text-decoration: underline;
							}
						
		/* --------------------------
		3.2.2 Main content
		---------------------------*/
		
			#mainContent {
			clear: both;
			}
						
			/* --------------------------
			3.2.2.1 Kernel
			---------------------------*/
			
				#mainContent #kernel {
				float: right;
				display: inline;
				width: 634px;
				margin: 0 27px 0 0;
				background: url(img/content/maincontent/border.gif) 0 100%;
				font-size: 1.1em;
				}
					#mainContent #kernel-inner {
					margin: 0 4px 4px;
					padding: 3px;
					background: #fff;
					color: #717171;
					}

				/* --------------------------
				3.2.2.1.1 Headers
				---------------------------*/
					
					#kernel h2,
					#kernel div.header {
					clear: both;
					margin: 0 0 3px;
					padding: 8px 5px 9px 16px;
					color: #372E2E;
					background: url(img/content/headers/bg.png) 0 100% no-repeat #E1D5D5;
					}
					
					#kernel h2 {
					font-size: 1.18em;
					font-weight: bold;
					letter-spacing: -1px;
					}
						#kernel h2 a:link,
						#kernel h2 a:visited {
						color: #372E2E;
						text-decoration: none;
						}
						#kernel h2 a:hover,
						#kernel h2 a:active {
						color: #7A4B4B;
						text-decoration: underline;
						}
					
					#kernel div.header {
					height: auto;
					overflow: hidden;
					padding-right: 22px;
					}
						#kernel div.header h2 {
						float: left;
						display: inline;
						margin: 0;
						padding: 0;
						background: none;
						border: 0;
						}
					
						#kernel div.header .more {
						float: right;
						display: inline;
						margin: 0.2em 0 0 10px;
						}
							#kernel div.header .more a {
							padding: 0 0 0 13px;
							background: url(img/embellishments/dot-gold.gif) 0 60% no-repeat;
							text-transform: lowercase;
							}
					
						#kernel div.header .breadCrumbs {
						float: right;
						display: inline;
						margin: 0.2em 0 0 10px;
						}
							#kernel div.header .breadCrumbs a {
							padding: 0 0.1em 0 0.2em;
							}
					
					#kernel h3 {
					color: #3a3a3a;
					font-size: 1.1em;
					font-weight: bold;
					}
						#kernel h3 a:link,
						#kernel h3 a:visited {
						color: #3a3a3a;
						text-decoration: none;
						}
						#kernel h3 a:hover,
						#kernel h3 a:active {
						color: #666;
						text-decoration: underline;
						}

				/* --------------------------
				3.2.2.1.2 Buttons
				---------------------------*/
				
					#kernel .button-arrUp,
					#kernel .button-arrDown,
					#kernel .button-arrLeft,
					#kernel .button-arrRight {
					position: relative;
					display: block;
					width: 25px;
					height: 25px;
					overflow: hidden;
					line-height: 25px;
					text-align: center;
					background: #B47015;
					color: #fff;
					}
						#kernel .button-arrUp .r,
						#kernel .button-arrDown .r,
						#kernel .button-arrLeft .r,
						#kernel .button-arrRight .r {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						}
						#kernel .button-arrUp .r {
						background: url(img/buttons/arr-up.png) no-repeat;
						}
						#kernel .button-arrDown .r {
						background: url(img/buttons/arr-down.png) no-repeat;
						}
						#kernel .button-arrLeft .r {
						background: url(img/buttons/arr-left.png) no-repeat;
						}
						#kernel .button-arrRight .r {
						background: url(img/buttons/arr-right.png) no-repeat;
						}

		
				/* --------------------------
				3.2.2.1.3 Main banner
				---------------------------*/
					
					#mainBanner {
					margin: 0 0 3px;
					}
						#mainBanner img {
						height: 200px;
						}
							.content-splash #mainBanner img {
							height: 280px;
							}
		
				/* --------------------------
				3.2.2.1.4 Copyright
				---------------------------*/
					
					#copyright {
					position: relative;
					padding: 4em 17px 1em;
					color: #4a4a4a;
					}
						#copyright a {
						font-weight: bolder;
						}
							#copyright a:link,
							#copyright a:visited {
							color: #B47015;
							text-decoration: none;
							}
							#copyright a:hover,
							#copyright a:active {
							color: #B47015;
							text-decoration: underline;
							}
							
						#gloves {
						position: absolute;
						bottom: -119px;
						right: -35px;
						display: block;
						width: 298px;
						height: 190px;
						overflow: hidden;
						background: url(img/content/gloves.png) no-repeat;
						}
						
			/* --------------------------
			3.2.2.2 Sidebar
			---------------------------*/
			
				#mainContent #sidebar {
				position: relative;
				left: 4px;
				float: left;
				display: inline;
				width: 224px;
				margin: 0 0 0 32px;
				padding: 1em 0 0;
				font-size: 1.1em;
				}
						
				/* --------------------------
				3.2.2.2.1 Main search
				---------------------------*/
					
					#mainSearch {
					margin: 0 0 1.3em;
					padding: 0 20px;
					}
						#mainSearch h3 {
						margin: 0 0 1em;
						color: #fff;
						font-size: 1.1em;
						font-weight: bold;
						text-align: right;
						}
						
						#mainSearch p {
						margin: 0.7em 0;
						}
							#mainSearch #f_s_query {
							background: url(img/inputs/144-sidebar.png) no-repeat #181515;
							color: #404040;
							}
								#mainSearch #f_s_query:focus {
								color: #eee;
								}
								
							#mainSearch input.img {
							margin: 0 0 0 7px;
							}
						
						#mainSearch .more {
						text-align: right;
						}
							#mainSearch .more a {
							padding: 0 0 0 13px;
							background: url(img/embellishments/dot-gold.gif) 0 55% no-repeat;
							text-transform: lowercase;
							}
								#mainSearch .more a:link,
								#mainSearch .more a:visited {
								color: #fff;
								text-decoration: underline;
								}
								#mainSearch .more a:hover,
								#mainSearch .more a:active {
								color: #AE8686;
								text-decoration: underline;
								}
						
				/* --------------------------
				3.2.2.2.2 Submenu
				---------------------------*/
				
					#submenu {
					margin: 2em 0;
					padding: 0 0 0 10px;
					}
						#submenu li {
						height: 40px;
						background: url(img/content/sidebar/submenu/item-bg.png) no-repeat;
						}
						#submenu li.expanded{
							height: auto;
						}
							#submenu li a {
							display: block;
							height: 40px;
							padding: 0 7px 0 51px;
							background: 4px 4px no-repeat;
							font-size: 1.1em;
							font-weight: bolder;
							line-height: 40px;
							}
								#submenu li a:link,
								#submenu li a:visited {
								color: #fff;
								text-decoration: none;
								}
								#submenu li a:hover,
								#submenu li a:active {
								color: #fff;
								text-decoration: underline;
								}
								
								#submenu #sm-coat a {
								background-image: url(img/content/sidebar/submenu/icos/coat.png);
								}
								#submenu #sm-sweatshirt a {
								background-image: url(img/content/sidebar/submenu/icos/sweatshirt.png);
								}
								#submenu #sm-shirt a {
								background-image: url(img/content/sidebar/submenu/icos/shirt.png);
								}
								#submenu #sm-tee a {
								background-image: url(img/content/sidebar/submenu/icos/tee.png);
								}
								#submenu #sm-pants a {
								background-image: url(img/content/sidebar/submenu/icos/pants.png);
								}
								#submenu #sm-outdoor a {
								background-image: url(img/content/sidebar/submenu/icos/coat.png);
								}
								#submenu #sm-accessories a {
								background-image: url(img/content/sidebar/submenu/icos/accessories.png);
								}
								#submenu li.collapsed ul{
									display: none;
								}

								#submenu li ul{									
									padding: 20px 0;
									margin-left: 52px;
									clear: both;
									border-bottom: 3px solid black;
								}
								#submenu li ul li{
									background: none;
									height: 20px;
								}

								#submenu li li a {
									display: inline;
									height: auto;
									padding: 0;
									background: none;
									font-size: 1.0em;
									font-weight: normal;
									line-height: 15px;
								}
						
				/* --------------------------
				3.2.2.2.3 Reccomend to a friend
				---------------------------*/
					
					#recommend {
					margin: 1.3em 0;
					padding: 0 20px;
					}
						#recommend h3 {
						margin: 0 0 1em;
						color: #fff;
						font-size: 1.1em;
						font-weight: bold;
						text-align: right;
						}
						
						#recommend p {
						margin: 0.7em 0;
						}
							#recommend #f_r_mail {
							background: url(img/inputs/144-sidebar.png) no-repeat #181515;
							color: #404040;
							}
								#recommend #f_r_mail:focus {
								color: #eee;
								}
								
							#recommend input.img {
							margin: 0 0 0 7px;
							}
						
				/* --------------------------
				3.2.2.2.4 Delivery
				---------------------------*/
					
					#delivery {
					width: 203px;
					margin: 2em 0;
					padding: 1em 0 220px;
					background: url(img/content/sidebar/delivery/ups.gif) 50% 100% no-repeat;
					border-top: 1px solid #181E14;
					color: #8A5C5C;
					text-align: center;
					line-height: 2em;
					}
							
			/* --------------------------
			3.2.2.3 Auhor
			---------------------------*/
			
				#author {
				clear: both;
				margin: 0 20px 0 255px;
				padding: 0.8em 24px;
				color: #AE8686;
				font-size: 1.1em;
				text-transform: lowercase;
				}
					#author a:link,
					#author a:visited {
					color: #fff;
					text-decoration: underline;
					}
					#author a:hover,
					#author a:active {
					color: #AE8686;
					text-decoration: underline;
					}
							
			/* --------------------------
			3.2.2.4 Splash
			---------------------------*/
			
				#splash {
				width: 840px;
				margin: 0 auto 6px;
				}
							
			/* --------------------------
			3.2.2.5 Footer
			---------------------------*/
			
				#footer {
				width: 840px;
				height: auto;
				overflow: hidden;
				margin: 0 auto 6px;
				}
					#footer #copyright {
					float: left;
					display: inline;
					margin: 0;
					padding-top: 1.1em !important;
					}
					
					#footer #author {
					clear: none;
					float: right;
					display: inline;
					margin: 0;
					padding-top: 1em !important;
					}
				

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

	/* --------------------------
	4.1 Stories overview
	---------------------------*/
	
		#mainContent .storiesOverview {
		margin: 0 0 1.8em;
		}
			#mainContent .storiesOverview .story {
			margin: 1.8em 26px 0 20px;
			}
				#mainContent .storiesOverview .story .date {
				margin: 0 0 -2em;
				color: #a9a9a9;
				text-align: right;
				}
				
				#mainContent .storiesOverview .story h3 {
				margin: 0 0 1em;
				padding: 0 10em 0 0;
				}
				
				#mainContent .storiesOverview .story p {
				line-height: 1.7em;
				margin: 1.2em 0;
				}
				
				#mainContent .storiesOverview .story .more {
				}
					#mainContent .storiesOverview .story .more a {
					padding: 0 0 0 13px;
					background: url(img/embellishments/dot-gold.gif) 0 55% no-repeat;
					text-transform: lowercase;
					}

	/* --------------------------
	4.2 Items overview
	---------------------------*/
	
		#mainContent .itemsOverview {
		height: auto;
		overflow: hidden;
		}
			#mainContent .itemsOverview .item {
			position: relative;
			float: left;
			display: inline;
			width: 204px;
			height: 208px;
			margin: 0 0 3px 4px;
			overflow: hidden;
			background: url(img/content/maincontent/itemsoverview/item-bg.gif) no-repeat #fff;
			}
				#mainContent .itemsOverview .oddItem {
				clear: left;
				margin-left: 0;
				}
				
				#mainContent .itemsOverview .pic {
				margin: 2px;
				}
				
				#mainContent .itemsOverview .description {
				position: absolute;
				bottom: 2px;
				left: 2px;
				width: 200px;
				background: url(img/content/maincontent/itemsoverview/description-bg.png) 0 100%;
				color: #fff;
				}
					#mainContent .itemsOverview .description h3 {
					padding: 0.2em 7px 0.1em 12px;
					font-size: 1.47em;
					font-weight: bolder;
					}
						#mainContent .itemsOverview .description h3 a:link,
						#mainContent .itemsOverview .description h3 a:visited {
						color: #fff;
						text-decoration: none;
						}
						#mainContent .itemsOverview .description h3 a:hover,
						#mainContent .itemsOverview .description h3 a:active {
						color: #fff;
						text-decoration: underline;
						}
						
					#mainContent .itemsOverview .description .details {
					height: auto;
					overflow: hidden;
					padding: 0.1em 7px 0.4em 12px;
					}
						#mainContent .itemsOverview .description .details .price {
						float: left;
						display: inline;
						width: 129px;
						margin: 5px 0 0;
						font-size: 0.9em;
						text-align: right;
						}
							#mainContent .itemsOverview .description .details .price strong {
							color: #B47015;
							font-size: 1.2em;
							}
							
						#mainContent .itemsOverview .description .details .more {
						float: right;
						display: inline;
						width: 43px;
						}
							#mainContent .itemsOverview .description .details .more a {
							position: relative;
							display: block;
							width: 43px;
							height: 21px;
							overflow: hidden;
							color: #fff;
							}
								#mainContent .itemsOverview .description .details .more a .r {
								position: absolute;
								top: 0;
								left: 0;
								display: block;
								width: 100%;
								height: 100%;
								overflow: hidden;
								background: url(img/buttons/more.gif) no-repeat;
								}
	
			#mainContent #splash .itemsOverview {
			}
				#mainContent #splash .itemsOverview .item {
				width: 278px;
				margin-left: 3px;
				background-image: url(img/content/maincontent/itemsoverview/item-bg-wide.gif);
				}
					#mainContent #splash .itemsOverview .oddItem {
					margin-left: 0;
					}
				
					#mainContent #splash .itemsOverview .pic {
					margin: 4px;
					border: 3px solid  #fff;					}
					
					#mainContent #splash .itemsOverview .description {
					bottom: 7px;
					left: 8px;
					width: 264px;
					background-image: url(img/content/maincontent/itemsoverview/description-bg-wide.png);
					}	
						#mainContent #splash .itemsOverview .description .details .price {
						width: 189px;
						}

	/* --------------------------
	4.3 Item details
	---------------------------*/
	
		#mainContent .itemDetails {
		height: auto;
		overflow: hidden;
		padding: 0 0 0 16px;
		margin: 0 0 3px;
		}
			#mainContent .itemDetails .description {
			float: left;
			display: inline;
			width: 275px;
			padding: 0 0 1em;
			}
				#mainContent .itemDetails .description h3 {
				margin: 0.6em 0 0.4em;
				font-size: 1.47em;
				font-weight: bolder;
				}
				
				#mainContent .itemDetails .description .breadCrumbs {
				margin: 0.7em 0 1.4em;
				}
					#mainContent .itemDetails .description .breadCrumbs span {
					padding: 0 0.7em;
					}
					
				#mainContent .itemDetails .description p {
				margin: 0 0 1em;
				line-height: 1.8em;
				}
				
				#mainContent .itemDetails .description .details {
				padding: 1em 0 0;
				border-top: 1px solid #c5c5c5;
				}
					#mainContent .itemDetails .description #f_id_size {
					width: 100px;
					margin: 0 0 0 1em;
					}
					
					#mainContent .itemDetails .description .price {
					padding: 0 0 0 0.5em;
					color: #B47214;
					font-size: 1.47em;
					font-weight: bolder;
					vertical-align: middle;
					}
					
					#mainContent .itemDetails .description .size {
					padding: 3px 0 3px 26px;
					background: url(img/content/maincontent/itemdetails/size-ico.png) 0 50% no-repeat;
					font-weight: bolder;
					}
					
					#mainContent .itemDetails .description .diff {
					padding: 3px 0 3px 26px;
					background: url(img/content/maincontent/itemdetails/q-ico.png) 0 50% no-repeat;
					font-weight: bolder;
					}
					
			#mainContent .itemDetails .pics {
			float: right;
			display: inline;
			width: 306px;
			}
				#mainContent .itemDetails .pics .pic {
				width: 306px;
				height: 264px;
				margin: 0 0 8px;
				background: url(img/content/maincontent/itemdetails/pic-border.gif) no-repeat #fff;
				text-align: center;
				line-height: 263px;
				}
					#mainContent .itemDetails .pics .pic img {
					display: inline;
					vertical-align: middle;
					}
					
				#mainContent .itemDetails .pics ul {
				height: auto;
				overflow: hidden;
				}
					#mainContent .itemDetails .pics li {
					float: left;
					display: inline;
					margin: 0 0 4px 10px;
					border: 1px solid #dfdfdf;
					}
						#mainContent .itemDetails .pics li.first-item {
						margin-left: 0;
						}

	/* --------------------------
	4.4 Text block
	---------------------------*/
	
		#mainContent .textBlock {
		margin: 2.2em 26px 0;
		}
			#mainContent .textBlock  .date {
			margin: 0 0 -3.4em;
			color: #a9a9a9;
			text-align: right;
			}
			
			#mainContent .textBlock h3 {
			margin: 1.4em 0;
			padding: 0 10em 0 0;
			}
			
			#mainContent .textBlock p {
			line-height: 1.7em;
			margin: 1.4em 0;
			}

	/* --------------------------
	4.5 Pageing
	---------------------------*/
	
		.pageing {
		height: auto;
		overflow: hidden;
		margin: 0 16px;
		padding: 1em 0;
		}
			#content .pageing h3 {
			float: left;
			display: inline;
			padding: 0 10px 0 0;
			margin: 0;
			}
			
			.pageing ul {
			float: left;
			display: inline;
			font-size: 1.1em;
			}
				.pageing li {
				float: left;
				display: inline;
				padding: 0 7px;
				border-left: 1px solid #bdbdbd;
				}
					.pageing li.first-item,
					.pageing li.prev,
					.pageing li.next {
					border: none;
					}
					
					.pageing li strong {
					color: #5c5c5c;
					}
					
					.pageing li.prev,
					.pageing li.next {
					margin-top: -3px;
					}

	/* --------------------------
	4.6 Sorting criteria
	---------------------------*/
	
		.sortCriteria {
		height: auto;
		overflow: hidden;
		margin: 0 16px;
		padding: 1em 0;
		border-bottom: 1px solid #c5c5c5;
		}
			#content .sortCriteria h3 {
			float: left;
			display: inline;
			padding: 0 10px 0 0;
			margin: 0;
			}
			
			.sortCriteria ul {
			float: left;
			display: inline;
			font-size: 1.1em;
			}
				.sortCriteria li {
				float: left;
				display: inline;
				padding: 0 12px 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: -3px;
						}						
						.sortCriteria li span.r {
						float: none;
						display: block;
						margin: 0;
						}

	/* --------------------------
	4.7 Order details
	---------------------------*/
	
		.orderDetails {
		height: auto;
		overflow: hidden;
		margin: 2.5em 16px 0.5em;
		padding: 0 0 1em 0;
		border-bottom: 1px solid #c5c5c5;
		}
			
			.orderDetails .payment,
			.orderDetails .delivery,
			.orderDetails .coupon {
			float: left;
			display: inline;
			}
				.orderDetails .payment {
				width: 212px;
				margin: 0 10px 0 0;
				}
				.orderDetails .delivery {
				width: 177px;
				margin: 0 10px 0 0;
				}				
				.orderDetails .coupon {
				width: 175px;
				}
					
				#mainContent .orderDetails h3 {
				margin: 0 0 0.7em;
				font-size: 1em;
				}
				
				.orderDetails ul {
				margin: 0 0 1em;
				}
					.orderDetails li {
					margin: 0 0 0.7em;
					}
				
				#mainContent .orderDetails p {
				margin: 0.7em 0 0;
				}
			
				.orderDetails label {
				vertical-align: middle;
				}
				
				.orderDetails input.img {
				margin: 1px 0 0;
				}

	/* --------------------------
	4.8 Customer details
	---------------------------*/
	
		.customerDetails {
		height: auto;
		overflow: hidden;
		margin: 1.5em 16px 0.5em;
		padding: 0 0 1em 0;
		}				
			.customerDetails .personal {
			float: left;
			display: inline;
			width: 290px;
			}
			
			.customerDetails .address {
			float: right;
			display: inline;
			width: 287px;
			}
			
			.customerDetails p {
			height: auto;
			overflow: hidden;
			padding: 0.3em 0;
			}		
				.customerDetails label {
				float: left;
				display: inline;
				width: 94px;
				padding: 7px 0 0;
				font-weight: bolder;
				}
				
				.customerDetails input {
				float: left;
				}
					
				.customerDetails select {
				margin-top: 5px;
				width: 144px;
				}

	/* --------------------------
	4.9 Buttons
	---------------------------*/
	
		.buttons {
		clear: both;
		height: auto;
		overflow: hidden;
		margin: 0.5em 16px;
		padding: 1em 0;
		border-top: 1px solid #c5c5c5;
		text-align: right;
		}