@dirImages : "../img/";

@import "functions.less";
@import "other.less";

*
{
	font-family: Arial;
}

body
{
	font-family: Arial;
	font-size: 12px;
	background: #070707 url("@{dirImages}body-background-01.jpg") no-repeat 50% 0;

	> .page
	{
		width: 1017px;
		margin: 0 auto;
		padding-top: 1px;
		background: #ffffff url("@{dirImages}page-background-01.png") repeat-x;

		> header
		{
			height: 208px;
			position: relative;
			background: url("@{dirImages}header-shadow-01.jpg") repeat-x bottom;

			> .logo
			{
				width: 262px;
				height: 73px;
				position: absolute;
				top: 18px;
				left: 39px;
				display: block;
				background: url("@{dirImages}header-logo-01.png") no-repeat
			}

			> nav
			{
				width: 1017px;
				height: 29px;
				position: absolute;
				left: 0;
				top: 108px;
				background: #13191b url("@{dirImages}header-nav-background-01.png") repeat-x;
				border-bottom: 4px solid #000000;

				ul
				{
					height: 29px;
					margin: 8px 0 0 24px;
					padding: 0;
					list-style: none;

					li
					{
						padding: 0 13px;
						float: left;
						border-left: 1px solid #484848;

						a
						{
							color: #ffffff;
							text-decoration: none;
						}

						&:first-child
						{
							border-left: none;
						}
					}
				}
			}
				
			.info
			{
				position: absolute;
				left: 0;
				top: 141px;

				.gg
				{
					width: 87px;
					height: 24px;
					position: absolute;
					top: 11px;
					left: 551px;
					display: block;
					zoom: 1;
					background: url("@{dirImages}opacity.png");
					opacity: 0;
				}

				.mail
				{
					width: 141px;
					height: 24px;
					position: absolute;
					top: 11px;
					left: 654px;
					display: block;
					zoom: 1;
					background: url("@{dirImages}opacity.png");
					opacity: 0;

				}
			}

			.search
			{
				width: 207px;
				height: 124px;
				position: absolute;
				right: 0;
				top: 74px;
				background: url("@{dirImages}header-search-background-01.png") no-repeat;

				> .icon
				{
					width: 157px;
					height: 22px;
					margin: 11px 0 0 16px;
					display: inline-block;
					background: url("@{dirImages}header-search-title-01.png") no-repeat;
				}

				input[type~="text"], select
				{
					width: 180px;
					height: 21px;
					margin: 4px 0 0 10px;
					padding: 0;
					font-size: 12px;
					font-family: Arial;
					border: 1px solid #1f2223;
					position: relative;
				}

				select
				{
					width: 183px;
					height: 22px;
				}

				.submit
				{
					width: 77px;
					height: 20px;
					margin: 8px 16px 0 5px;
					padding: 0 7px;
					font-size: 11px;
					font-weight: bold;
					font-family: Arial;
					background: #c3120c;
					border: none;
					color: #ffffff;
					text-align: left;
					background: url("@{dirImages}header-search-submit-01.png") no-repeat;
					cursor: pointer;
					float: right;

					.icon
					{
						width: 12px;
						height: 10px;
						margin: 2px 5px 0 0;
						float: left;
						display: inline-block;
						.images(-264px, -22px);
					}
				}
			}

			.user-box
			{
				position: absolute;
				top: 21px;
				right: 30px;

				.cart
				{
					width: 251px;
					float: left;

					.icon
					{
						width: 45px;
						height: 45px;
						display: block;
						margin: 0 15px 0 0;
						.images(0, -74px);
						float: left;
						text-decoration: none;
					}

					.title
					{
						font-size: 14px;
						font-weight: bold;
						color: #0f1112;
						text-decoration: none;
					}

					.body
					{
						margin: 3px 0 0 7px;
						padding-left: 2px;
						color: #1f2222;

						span
						{
							color: #d42727;
						}
					}
				}

				.user
				{
					width: 251px;
					float: left;

					.icon
					{
						width: 45px;
						height: 45px;
						display: block;
						margin: 0 17px 0 0;
						.images(-47px, -74px);
						float: left;
						text-decoration: none;
					}

					.title
					{
						font-size: 14px;
						font-weight: bold;
						color: #0f1112;
						text-decoration: none;
					}

					.body
					{
						margin: 3px 0 0 5px;

						span
						{
							color: #d42727;
						}

						a
						{
							margin: 0 0 0 5px;
							color: #1f2222;
							text-decoration: none;
							line-height: 16px;
							display: inline-block;

							span
							{
								width: 8px;
								height: 8px;
								margin: 5px 5px 0 0;
								float: left;
								display: inline-block;
								.images(-277px, -22px);
							}
						}
					}
				}
			}
		} // header

		> .breadcrumbs
		{
			height: 28px;
			color: #7c8489;
			font-size: 11px;

			ul
			{
				margin: 5px 0 0 30px;
				padding: 0;
				list-style: none;

				li
				{
					margin: 0 0 0 5px;
					float: left;

					span
					{
						width: 6px;
						height: 6px;
						margin: 5px 5px 0 0;
						display: inline-block;
						float: left;
						.images(-264px, -34px);
					}

					a
					{
						color: #7c8489;
					}
				}
			}
		} // breadcrumbs

		aside
		{
			width: 206px;
			margin: 0 0 0 15px;
			float: left;

			.banners
			{
				> *
				{
					margin: 0 0 10px 0;
					display: block;
				}

				a
				{
					img
					{
						display: block;
					}
				}
			}

			.tags
			{
				a
				{
					text-decoration: none;
					color: #2b7aa9;
				}

				.power-level-1
				{
					font-size: 10px;
				}

				.power-level-2
				{
					font-size: 12px;
				}

				.power-level-3
				{
					font-size: 14px;
				}

				.power-level-4
				{
					font-size: 16px;
				}

				.power-level-5
				{
					font-size: 18px;
				}

				.power-level-6
				{
					font-size: 20px;
				}

				.power-level-7
				{
					font-size: 22px;
				}
			}

			.white
			{
				margin: 8px;	
				padding: 8px;
				background: #ffffff;
				.border-radius(5px, 5px, 5px, 5px);
			}

			.box
			{
				width: 206px;
				margin: 0 0 10px 0;

				> .title
				{
					height: 31px;
					margin: 0 0 1px 0;
					padding: 0 14px;
					line-height: 31px;
					color: #000000;
					font-size: 15px;
					font-weight: bold;
				} 

				&.gray
				{
					> .title
					{
						background: url("@{dirImages}aside-title-background-01.jpg") no-repeat;
					}

					ul
					{
						margin: 0;
						padding: 0;
						list-style: none;
					}
					
					> ul
					{
						
						> li
						{
							margin: 1px 0 0 0;
							background: #ededed;
							> a
							{
								height: 25px;
								font-size: 12px;
								font-weight: bold;
								border-left: 8px solid #cccccc;
								line-height: 25px;
								display: block;
								padding: 0 0 0 22px;
								background: url("@{dirImages}point-level-01.png") no-repeat 9px 9px;
							}
							
							&.active
							{
								> a
								{
									border-left: 8px solid #c3120c;
								}
								
								> ul
								{
									display: block;
									
									> li
									{
									
										&.active
										{
											> a
											{
												color: #c3120c;
											}
											
											> ul
											{
												display: block;
												> li
												{
												
													&.active
													{
														> a
														{
															color: #c3120c;
														}
														
													}
												}
											}
											
										}
									}
								}
								
							}
							
							> ul
							{
								display: none;
								padding: 0 7px 0 29px;
								border-top: 1px solid #ffffff;
								
								> li
								{
									> a
									{
										font-size: 11px;
										font-weight: bold;
										display: block;
										border-bottom: 1px solid #cccccc;
										padding: 5px 0 5px 11px;
										background: url("@{dirImages}point-level-02.png") no-repeat 0px 9px;
										
										&.last
										{
											border: none;
										}
									}
									
									> ul
									{
										display: none;
										padding: 0 11px;
										border-bottom: 1px solid #cccccc;
										li
										{
											a
											{
												font-size: 11px;
												display: block;
												padding: 5px 0 5px 11px;
												background: url("@{dirImages}point-level-03.png") no-repeat 0px 9px;
											}
										}
									}
								}
							}
						}
						
						a
						{
							color: #3b3b3b;
							text-decoration: none;
						}
						
						span
						{
							display: none;
							.level-three
							{
								margin: 0 0 1px 16px;
							}
						}
					}

					.body
					{
						padding: 1px 0;
						background: #eeeeee;

						.filter-group
						{
							padding: 11px;
							border-top: 1px solid #ffffff;
							overflow: hidden;
							clear: both;

							.title
							{
								margin: 0 0 7px 0;
								color: #000000;
								font-weight: bold;
								text-shadow: 1px 1px #ffffff;
							}

							label
							{
								margin: 5px 0;
								padding-left: 25px;
								display: block;
								position: relative;
								line-height: 14px;

								input
								{
									position: absolute;
									top: -2px;
									left: 0;
								}
							}

							.button
							{
								margin: 5px 0 0 0;
								float: left;

								&.blue
								{
									float: right;
								}
							}

							&.col-2
							{
								label
								{
									width: 54px;
									height: 14px;
									overflow: hidden;
									float: left;
								}
							}

							&.col-3
							{
								label
								{
									width: 36px;
									height: 14px;
									overflow: hidden;
									float: left;
								}
							}
						}
					}
				}

				&.yellow
				{
					.title
					{
						background: url("@{dirImages}aside-title-background-02.jpg") no-repeat;
					}

					.body
					{
						height: 141px;
						background: url("@{dirImages}fastcontact-background-01.jpg") no-repeat;

						div
						{
							width: 149px;
							height: 25px;
							line-height: 25px;
							float: right;
							border-top: 1px solid #ffd775;
							font-size: 11px;
							font-weight: bold;
							color: #684900;

							span
							{
								width: 38px;
								display: inline-block;
							}

							a
							{
								color: #684900;
							}

							&:first-child
							{
								margin: 5px 0 0 0;
								border-top: none;
							}
						}
					}
				}
			} // box
		} // aside

		.container
		{

			> .content
			{
				width: 765px;
				margin: 0 15px 35px 0;
				padding-top: 1px;
				float: right;

				> .title
				{
					margin: 6px 0 30px 0;
					padding: 0 100px 12px 0;
					line-height: 28px;
					position: relative;
					font-size: 15px;
					color: #3b3d3e;
					font-weight: bold;
					border-bottom: 2px solid #e9e9e9;

					> span
					{
					}

					.button
					{
						position: absolute;
						top: 6px;
						right: 0px;
					}
				}

				> .subtitle
				{
					margin: -20px 0 0 0;
					padding: 0 100px 12px 0;
					line-height: 18px;
					position: relative;
					font-size: 18px;
					color: #000000;

					&.green
					{
						border-bottom: 2px solid #e9e9e9;
						font-size: 14px;
						font-weight: bold;
						color: #33b739;
					}
				}

				&.contact 
				{
					.data
					{
						width: 320px;
						margin: 20px 0 0 15px;
						float: left;
						font-size: 13px;

						.address
						{
							margin: 0 0 15px 10px;
							line-height: 16px;
							font-size: 12px;
							color: #34373e;

							b
							{
								font-weight: bold;
								line-height: 20px;
							}
						}

						.phone
						{
							margin: 0 0 15px 10px;
							line-height: 16px;
							font-size: 12px;
							color: #34373e;
						}

						.title
						{
							margin: 0 0 5px 0;
							font-size: 14px;
							font-weight: bold;
							color: #0664b3;
						}

						.opening-hours
						{
							tr
							{
								td
								{
									padding: 3px 0;
									&:first-child
									{
										width: 75px;
									}
								}
							}
						}

						.phones
						{
							margin: 0 0 0 10px;
							tr
							{
								td
								{
									padding: 3px 0;

									&.name
									{
										width: 116px;
									}

									&.type
									{
										font-size: 12px;
										width: 50px;
									}

									&.value
									{
										font-size: 18px;

										&.email
										{
											font-size: 12px;
										}
									}
								}
							}
						}
					}

					form
					{
						width: 380px;
						padding: 20px;
						float: right;
						background: #f1f1f1;

						> .title
						{
							margin: 0 0 5px 0;
							font-size: 14px;
							font-weight: bold;
							color: #0664b3;
						}

						label
						{
							margin: 10px 0 5px 2px;
							display: block;
							font-size: 12px;
							color: #121212;
						}

						input[type~="text"]
						{
							width: 182px;
							height: 20px;
							line-height: 20px;
							border: 1px solid #dcdfe5;
							border-top: 1px solid #aaacb1;
							border-radius: 2px;
						}

						textarea
						{
							width: 373px;
							height: 123px;
							border: 1px solid #dcdfe5;
							border-top: 1px solid #aaacb1;
							border-radius: 2px;
						}

						button
						{
							margin: 10px 4px 0 0;
							padding: 0 10px;
							float: right;
						}

						.long
						{
							width: 373px !important;
						}

						.field
						{
							margin: 0 4px 0 0;
							float: left;	
						}
					}

					.map
					{
						margin: 30px 0 0 0;
						padding: 20px;
						border: 1px solid #eeeeee;
						background: #f1f1f1;

						.title
						{
							margin: 0 0 15px 0;
							font-size: 14px;
							font-weight: bold;
							color: #0664b3;

							span
							{
								margin: 0 10px 0 0;
							}

							b
							{
							}
						}

						#map
						{
							width: 100%;
							height: 304px;
							margin: 15px 0 0 0;
							border: 2px solid #ffffff;
						}
					}
				} // contact

				&.product-tire
				{
					width: auto;
					float: none;
					margin-left: 15px;
					margin-right: 15px;

					> .title
					{
						font-size: 18px;
					}

					.section-left
					{
						width: 340px;
						margin: 0 0 30px 0;
						float: left;

						.photo
						{
							width: 315px;
							height: 315px;
							padding: 11px;
							display: block;
							border: 1px solid #eaeaea;
							position: relative;
							.border-radius(5px, 5px, 5px, 5px);

							.zoom
							{
								position: absolute;
								right: 12px;
								bottom: -27px;
							}
						}

						.why-we
						{
							width: 317px;
							height: 259px;
							margin-top: 40px;
							padding: 1px;
							background: url('@{dirImages}why-we-background-01.png') no-repeat;

							> .title
							{
								margin: 20px 0 0 20px;
								font-size: 20px;
								color: #000000;
								text-transform: uppercase;
								font-weight: 700;
							}

							.special-list
							{
								margin: 20px 0 0 20px;
							}
						}
					}

					.section-center
					{
						width: 364px;
						margin-left: 16px;
						float: left;

						.attr
						{
							margin: 5px 0 0 0;
							color: #666666;
							font-size: 13px;
							border-bottom: 2px solid #e9e9e9;

							thead
							{
								th
								{
									height: 24px;
									padding: 0 0 0 8px;
									line-height: 24px;
									font-size: 11px;
									color: #666666;
									border-bottom: 1px solid #e9e9e9;
									text-align: left;
								}
							}

							tbody
							{
								td
								{
									width: 310px;
									font-weight: bold;
									padding: 8px 8px;

									&:first-child
									{
										width: 160px;
										padding: 10px 0 10px inherit;
										font-weight: 100;
										font-size: 12px;
									}

									.value
									{
										color: #373839;

										&.availability
										{
											font-weight: bold;
											color: #ae9d42;
											
											span a, a
											{
												height: 21px;
												line-height: 21px;
												color: #ae9d42;
												font-weight: bold;
												margin: 2px 5px 0 0;
												display: inline-block;
											}							
										}

										&.shipment
										{
											height: 21px;
											line-height: 21px;
											color: #1b7db4;
											font-weight: bold;

											span
											{
												width: 63px;
												height: 21px;
												margin: 2px 5px 0 0;
												float: left;
												display: inline-block;
												.images(-98px, -74px);
											}
										}

										&.information
										{
											color: #b87349;
										}

										&.type
										{
											height: 21px;
											line-height: 21px;
											color: #3e6eaa;

											&.osobowe
											{

												span
												{
													width: 41px;
													height: 21px;
													margin: 0 5px 0 0;
													float: left;
													display: inline-block;
													.images(-94px, -97px);
												}
											}

											&.terenowe
											{

												span
												{
													width: 48px;
													height: 21px;
													margin: 0 5px 0 0;
													float: left;
													display: inline-block;
													.images(-136px, -99px);
												}
											}

											&.dostawcze
											{

												span
												{
													width: 48px;
													height: 21px;
													margin: 0 5px 0 0;
													float: left;
													display: inline-block;
													.images(-181px, -97px);
												}
											}
										}

										&.seasons
										{
											height: 24px;
											line-height: 24px;
											color: #3e6eaa;

											&.zimowe
											{

												span
												{
													width: 22px;
													height: 23px;
													margin: 0 5px 0 0;
													float: left;
													display: inline-block;
													.images(-264px, -55px);
												}
											}

											&.letnie
											{

												span
												{
													width: 24px;
													height: 24px;
													margin: 0 5px 0 0;
													float: left;
													display: inline-block;
													.images(-264px, -81px);
												}
											}

											&.caloroczne
											{

												span
												{
													width: 22px;
													height: 24px;
													margin: 0 5px 0 0;
													float: left;
													display: inline-block;
													.images(-240px, -74px);
												}
											}
										}
									}
								}
							}
						}

						.special-list
						{
							margin: 20px 10px;
						}
					}

					.section-right
					{
						width: 251px;
						float: right;

						.price
						{
							margin: 20px 0 0 0;
							background: #f6f6f6;
							.border-radius(5px, 5px, 0, 0);
							border-bottom: none;
							overflow: hidden;
							clear: both;

							div
							{
								margin: 0 16px;
								padding: 13px 8px;
								font-size: 10px;
								font-weight: bold;
								border-bottom: none;

								.value
								{
									margin: 3px 0;
									display: block;
								}

								.delivery-info
								{
									margin-top: 5px;
									display: block;
									color: #939393;
								}

								&.current
								{
									.value
									{
										font-size: 28px;
										font-weight: bold;
										color: #c00000;
									}

									.info
									{
										color: #c00000;
									}
								}

								&.old
								{
									margin-top: 5px;
									border-top: 2px solid #e9e9e9;
									color: #939393;

									.value
									{
										font-size: 28px;
										text-decoration: line-through;
									}
								}
							}
						}

						.card
						{
							form
							{
								padding: 0 16px 20px 16px;
								overflow: hidden;
								clear: both;
								background: #f6f6f6;
								font-size: 11px;
								font-weight: bold;
								.border-radius(0, 0, 5px, 5px);

								.basket
								{
									height: 74px;
									text-align: center;

									input
									{
										width: 208px;
										height: 36px;
										border: none;
										background: url("@{dirImages}button-basket-add-03.png") no-repeat;
										cursor: pointer;
									}
								}

								.count
								{
									border-top: 2px solid #e9e9e9;
									height: 47px;
									line-height: 47px;
									text-align: center;
									
									input
									{
										width: 30px;
										height: 21px;
										margin: 0 8px;
										text-align: center;
										border: 1px solid #cccccc;
										.border-radius(5px, 5px, 5px, 5px);
									}
								}
							}

							.info
							{
								width: 208px;
								margin: -40px auto 40px auto;
								text-align: left;
								font-size: 11px;
								color: #7e7e7e;
								font-style: italic;
							}
						}
						
						.phone-order
						{
							padding: 11px 15px;
							background: #f6f6f6;

							.title
							{
								height: 32px;
								padding: 0 0 0 40px;
								font-size: 15px;
								line-height: 32px;
								font-weight: 700;
								background: url('@{dirImages}phone-order-icon-01.png') no-repeat;
							}

							.field
							{
								padding: 10px 0;
								overflow: hidden;
								clear: both;

								label
								{
									margin-right: 5px;
									float: left;
									font-size: 11px;
									line-height: 25px;
									color: #666666;
								}

								input
								{
									width: 135px;
									height: 23px; 
									padding: 0 10px;
									border: 1px solid #cccccc;
									color: #afafaf;
									border-radius: 5px;
									font-size: 13px;
								}
							}

							.text
							{
								font-size: 11px;
								line-height: 13px;
								color: #666666;
							}

							.submit
							{
								width: 105px;
								height: 23px;
								margin: 5px 0;
								float: right;
								border: none;
								background: url('@{dirImages}phone-order-button-01.png') no-repeat;
							}
						}

					}

					.bookmark
					{
						width: 100%;
						clear: both;
					}
				}

				&.home 
				{
					.home-new
					{
						margin: 20px 0 0 0;
						position: relative;
						
						.title
						{
							margin: 0 0 15px 0;
							border-bottom: 3px solid #ffbc00;
						
							img
							{
								display: block;
							}
						}
					}
					.home-promotion
					{
						margin: 20px 0 0 0;
						position: relative;
						
						.title
						{
							margin: 0 0 15px 0;
							border-bottom: 3px solid #4e9821;
						
							img
							{
								display: block;
							}
						}
					}
					
					.home-new, .home-promotion
					{
						.bookmark-head
						{
							margin: 0;
							padding: 0;
							list-style: none;
							position: absolute;
							top: 11px;
							right: 0;
							
							li
							{
								float: left;
								background: #e9e9e9;
								display: block;
								border-radius: 4px 4px 0 0;
								margin: 0 0 0 3px;
								
								a
								{
									height: 22px;
									padding: 0 15px;
									line-height: 22px;
									color: #333333;
									text-decoration: none;
								}
								
								&.active
								{
									background: #515151;
									a
									{
										color: #ffffff;
									}
								}
							}
						}

						.more
						{
							text-align: right;

							a
							{
								color: #666666;
								font-size: 11px;
							}
						}
					}
					
					.boxes
					{
						a
						{
							float: left;
							margin: 15px 0 0 14px;
							&:first-child
							{
								margin-left: 0;
							}
						}
					}

					.cols
					{
						margin: 20px 0 0 0;
						overflow: hidden;

						.col
						{
							width: 379px;
							float: left;

							p
							{
								color: #666666;
								line-height: 16px;
							}

							.title
							{
								height: 26px;
								font-size: 15px;						
							}

							.news
							{
								.item
								{
									margin: 15px 0 0 0;
									padding: 15px 0 20px 0;
									position: relative;
									overflow: hidden;
									clear: both;
									background: url("@{dirImages}divider-01.png") no-repeat left top;

									.photo
									{
										width: 93px;
										height: 93px;
										overflow: hidden;
										margin: 0 17px 0 0;
										float: left;
									}

									.more
									{
										position: absolute;
										right: 0;
										bottom: 0;
										z-index: 10;

										a
										{
											height: 20px;
											line-height: 20px;
											font-size: 11px;
											display: inline-block;
											color: #666666;
										}
									}

									.all
									{
										width: 1px;
									}

									.title
									{
										font-weight: bold;
										color: #2e2e2e;
										text-decoration: none;
									}

									p
									{
										margin: 5px 0 0 0;
									}

									&:first-child
									{
										margin-top: 0;
									}
								}
							}

							&:first-child
							{
								width: 342px;
								margin: 0 35px 0 0;
								padding: 0 0 30px 0;
								position: relative;

								.more
								{
									position: absolute;
									right: 0;
									bottom: 0;
								}

								.title
								{
									height: 26px;
									font-size: 15px;
									background: url("@{dirImages}divider-01.png") no-repeat left bottom;
								}
							}
						}
					}
				} // home

				&.cms
				{
					font-family: Arial;
					font-size: 12px;
					line-height: 16px;
					color: #333333;

					ol.list-title
					{
						padding-left: 20px;

						li
						{
							margin: 30px 0 0 0;

							&:first-child
							{
								margin: 0;
							}
						}

						li:first-line
						{
							font-size: 18px;
							line-height: 30px;
							color: #0664b3;
						}
					}

					.title-blue
					{
						font-size: 16px;
						color: #0664b3;
					}
				} // cms

				&.news 
				{
					width: 606px;
					font-size: 12px;
					color: #2e2f31;
					line-height: 16px;

					.title
					{
						.date
						{
							font-size: 11px;
							font-weight: 100;
							color: #2e2f31;
						}

						.admission
						{
							font-size: 12px;
							font-weight: bold;
							color: #2e2f31;
							line-height: 16px;
						}
					}

					img
					{
						border: 2px solid #e2e4e6;
						.border-radius(4px, 4px, 4px, 4px);
					}
				} // news
			} // content

			.news-list
			{
				width: 346px;

				> .title
				{
					height: 31px;
					padding-left: 15px;
					line-height: 31px;
					color: #000000;
					font-size: 15px;
					font-weight: bold;
					background: url("@{dirImages}news-title-background-01.jpg") no-repeat;
				}

				ul
				{
					margin: 0;
					padding: 0;
					list-style: none;

					li
					{
						padding: 18px 0 7px 0;
						overflow: hidden;
						clear: both;
						border-top: 1px solid #ededed;

						.photo
						{
							width: 111px;
							height: 76px;
							display: block;
							border: 3px solid #e2e2e2;
							overflow: hidden;
							float: left;
						}

						.body
						{
							width: 220px;
							float: right;
							font-size: 12px;
							line-height: 16px;
							color: #333333;

							.title a
							{
								color: #0664b3;
								text-decoration: none;
							}

							p
							{
								margin: 5px 0;
								padding: 0;
							}
						}

						.button
						{
							float: right;
						}

						&:first-child
						{
							margin: 1px 0 0 0;
							border-top: 2px solid #ededed;
						}
					}
				}
			}

			.filters-home
			{
				width: 371px;
				height: 168px;
				margin: 8px 0 0 10px;
				position: relative;
				float: left;
				background: #e9e9e9 url("@{dirImages}filters-home-rims-background-01.jpg") no-repeat;
				border: 1px solid #e0e0e1;
				.border-radius(8px, 8px, 8px, 8px);

				.title
				{
					position: absolute;
					top: -8px;
					left: 8px;
				}

				.fields
				{
					width: 194px;
					margin: 10px 10px 0 0;
					float: right;

					select
					{
						width: 135px;
						margin: 0 0 5px 0;
					}

					b
					{
						width: 55px;
						display: inline-block;
					}

				}

				.submit
				{
					*width: 78px;
					position: absolute;
					right: 10px;
					bottom: 10px;
				}

				&.first
				{
					margin-left: 0;
					background: #e9e9e9 url("@{dirImages}filters-home-tires-background-01.jpg") no-repeat;
				}

			} // filters-home

		} 

		footer
		{
			padding: 15px;
			border-top: 1px solid #c0c0c0;
			overflow: hidden;
			clear: both;
			color: #858585;

			nav
			{
				float: left;

				ul
				{
					margin: 0;
					padding: 0;
					list-style: none;

					li
					{
						border-left: 1px solid #c0c0c0;
						padding: 0 15px;
						float: left;

						a
						{
							text-decoration: none;
							color: #858585;

							span
							{
								display: none;
							}
						}

						&:first-child
						{
							padding-left: 0;
							border-left: none;
						}
					}
				}
			} // nav

			.copyright 
			{
				float: right;
				font-size: 10px;
				line-height: 13px;
				text-align: right;

				a
				{
					color: #858585;
				}
			} // copyright

		} // footer	
	}
}

pre
{
	display: block;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #444647;
	text-shadow: 1px 1px 1px #cccccc;
}

.btn
{
	height: 20px;
	line-height: 20px;
	padding: 0 8px 0 18px;
	background: url("@{dirImages}button-gray-01.png") repeat-x;
	.border-radius(3px, 3px, 3px, 3px);
	border: none;
	color: #ffffff;
	font-size: 11px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	position:relative;

	&.gray
	{
		span
		{
			width: 8px;
			height: 8px;
			position: absolute;
			left: 7px;
			top: 6px;
			.images(-272px, -34px);
		}
	}

	&.blue
	{
		padding: 0 23px 0 8px;
		background: #000000;

		span
		{
			width: 8px;
			height: 8px;
			position: absolute;
			left: inherit;
			right: 7px;
			top: 6px;
			.images(-272px, -34px);
		}
	}
	
	&.gray
	{
		margin: 0 0 0 30px;
		padding: 0 23px 0 8px;
		background: #6a6a6a;

		span
		{
			width: 8px;
			height: 8px;
			position: absolute;
			left: inherit;
			right: 7px;
			top: 6px;
			.images(-272px, -34px);
		}
	}
	
	&.black
	{
		padding: 0 23px 0 8px;
		background: #000000;

		span
		{
			width: 8px;
			height: 8px;
			position: absolute;
			left: inherit;
			right: 7px;
			top: 6px;
			.images(-272px, -34px);
		}
	}

	&.no-text
	{
		padding: 0 8px 0 14px;
	}
}

.button
{
	height: 20px;
	margin: 0;
	padding: 0 19px;
	font-size: 11px;
	font-family: Arial;
	line-height: 20px;
	font-weight: 100;
	color: #ffffff !important;
	text-decoration: none;
	background: #91999f;
	display: inline-block;
	position: relative;
	border: none;
	cursor: pointer;
	.border-radius(3px, 3px, 3px, 3px);

	&.blue
	{
		color: #ffffff !important;
		background: #2878ad;
	}

	&.red
	{
		color: #ffffff !important;
		background: #b40a08;
	}

	span
	{
		display: none;
	}

	&.icon-del-left
	{
		padding-right: 10px;
		padding-left: 25px;

		span
		{
			width: 9px;
			height: 10px;
			display: block;
			position: absolute;
			left: 10px;
			top: 6px;
			.images(-274px, -44px);
		}
	}

	&.icon-arrow-left
	{
		padding-right: 10px;
		padding-left: 25px;

		span
		{
			width: 9px;
			height: 10px;
			display: block;
			position: absolute;
			left: 10px;
			top: 6px;
			.images(-283px, -34px);
		}
	}

	&.icon-arrow-right
	{
		padding-right: 10px;
		padding-left: 25px;

		span
		{
			width: 9px;
			height: 10px;
			display: block;
			position: absolute;
			left: 10px;
			top: 6px;
			.images(-272px, -34px);
		}
	}

	&.icon-arrow-bottom
	{
		padding-right: 10px;
		padding-left: 25px;

		span
		{
			width: 9px;
			height: 10px;
			display: block;
			position: absolute;
			left: 10px;
			top: 6px;
			.images(-264px, -44px);
		}
	}
}

.center
{
	text-align: center;
}

.sortbar
{
	margin: 0 0 20px 0;
	padding: 5px 10px;
	background: #f6f6f6;
	line-height: 25px;
	border: 1px solid #e2e2e2;
	.border-radius(4px, 4px, 4px, 4px);
	box-shadow: inset 0 0 3px 1px #ffffff;
	text-align: right;

	.checkbox
	{
		margin: -26px 0 0 0;
		text-align: right;
	}

	.type
	{
		margin: 0 15px 0 0;
		a
		{
			width: 32px;
			height: 25px;
			display: inline-block;
			text-decoration: none;
			border: 1px solid #979fa5;
			border-radius: 4px;
		}
		
		.long
		{
			margin: 0 5px 0 0;
			background: url("@{dirImages}icon-list-logn-01.png") no-repeat;
			background-color: #979fa5;
			
			&.active
			{
				background-color: #0664b3;
				border: 1px solid #0664b3;
			}	
		}
		
		.short
		{
			background: url("@{dirImages}icon-list-short-01.png") no-repeat;
			background-color: #979fa5;
			
			&.active
			{
				background-color: #0664b3;
				border: 1px solid #0664b3;
			}	
		}
		
	}

	select
	{
		margin: 0 15px 0 5px;

		&.order
		{
			margin-left: -10px;
		}
	}

	.button
	{
		display: inline-block;
	}

	.select_seating
	{
		margin: 0 74px 0 0;
	}
	
	.trunks_car_model
	{
		width: 130px;
	}
	
	.trunks_car_brand
	{
		width: 130px;
	}
	
	.trunks_car_year
	{
		width: 60px;
	}
	
	.rims_configurator_type
	{
		width: 84px;
	}
	
	.rims_configurator_brand
	{
		width: 113px;
	}
	
	.rims_configurator_model
	{
		width: 158px;
	}
	
	.short-select{
		width: 55px;
	}

	&.steel
	{
		span
		{
			margin: 0 5px 0 10px;
		}

		.rims_configurator_brand
		{
			width: 120px;
		}
		.rims_configurator_model
		{
			width: 245px;
		}
	}
	
	
	.info
	{
		margin: 5px 0 0 0;
		font-size: 11px;
		font-weight: 100;
		text-shadow: 1px 1px #ffffff;
		text-align: left;
	}
	
	.separator
	{
		margin: 10px 0;
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #fefefe;
	}

	&.rims
	{
		select
		{
			width: 90px;
			height: 21px;
			margin: 0;
			float: left;
		}

		span
		{
			float: left;
			margin-right: 5px;
		}

		.rims_configurator_alu_rims_width
		{
		}

		.rims_configurator_alu_rims_central_hole
		{
		}

		.rims_configurator_alu_rims_et
		{
		}

		.rims_configurator_alu_rims_diameter
		{
		}

		.rims_configurator_alu_rims_brands
		{
		}

		.rims_configurator_alu_rims_spacing
		{
		}

		.label_rims_configurator_alu_rims_width
		{
			margin-left: 108px;
		}

		.label_rims_configurator_alu_rims_central_hole
		{
		}

		.label_rims_configurator_alu_rims_et
		{
			margin-left: 90px;
		}

		.label_rims_configurator_alu_rims_diameter
		{
			margin-left: 116px;
		}

		.label_rims_configurator_alu_rims_brands
		{
			margin-left: 23px;
		}

		.label_rims_configurator_alu_rims_spacing
		{
			margin-left: 30px;
		}
	}

	&.tires
	{
		text-align: left;
		.select_tires_size
		{
		}

		.link_shorts
		{
			margin: 0 0 0 65px;
		}

		input[type~="checkbox"]
		{
			margin-left: 0;
		}
	}
}

.products-table
{
	
	.list
	{
		width: 100%;
		border-collapse: collapse;
		font-size: 11px;
		
		thead
		{
			tr
			{
				th
				{
					height: 32px;
					padding: 0 10px;
					background: #f7f7f7;
					border-top: 1px solid #ededed;
					border-bottom: 2px solid #ededed;
					vertical-align: middle;
					text-align: left;
					white-space: nowrap;
					
					&.first
					{
						border-left: 1px solid #ededed;
					}
					
					&.last
					{
						border-right: 1px solid #ededed;
					}

					&.icon
					{
						padding: 0 1px;
					}

					.icon-list-01
					{
						width: 29px;
						line-height: 28px;
						display: inline-block;
						background: url("@{dirImages}icon-list-01.png") no-repeat center;
					}

					.icon-list-02
					{
						width: 29px;
						line-height: 28px;
						display: inline-block;
						background: url("@{dirImages}icon-list-02.png") no-repeat center;
					}

					.icon-list-03
					{
						width: 29px;
						line-height: 28px;
						display: inline-block;
						background: url("@{dirImages}icon-list-03.png") no-repeat center;
					}
				}
			}
		}
		
		tbody
		{
			tr
			{
				&.not-available
				{
					td
					{
						opacity: 0.6;	
						filter: alpha(opacity=60);
					}
				}
				
				td
				{
					padding: 2px 8px;
					border: 1px solid #ffffff;
					background: #f0f9f9;
					vertical-align: middle;
					
					*
					{
						font-family: Tahoma !important;	
					}

					input[type~="text"]
					{
						width: 25px;
						height: 16px;
						text-align: center;
					}
					
					input
					{
						float: left;
						margin: 0 2px 0 0;
					}
					
					&.price
					{
						font-weight: bold;
						color: #c00000;
						white-space: nowrap;
					}
					
					.photo
					{
						float: left;
					}
					
					a
					{
						color: #000000;
					}
					
					&.name
					{
						width: 165px;
						height: 55px;
					}

					&.seasons
					{
						text-align: center;
					}
					
					&.card
					{
						width: 100px;
						form
						{
							white-space: nowrap;
						}
					}

					&.availability
					{
						text-align: center;

						a
						{
							color: #aa9d57 !important;
						}
					}
				}
				
				&.odd
				{
					td
					{
						background: #f7f7f7;
					}
				}
			}
			
		}
		
	}
}

.products-horizontal
{
	.item
	{
		margin: 0 0 10px 0;
		overflow: hidden;
		clear: both;
		border: 1px solid #e9e9e9;
		.border-radius(8px, 8px, 8px, 8px);

		.header
		{
			height: 45px;
			background: #f7f7f7;
			.border-radius(8px, 8px, 0, 0);
			border-bottom: 2px solid #e9e9e9;

			.brand
			{
				width: 134px;
				height: 45px;
				margin: 0 0 0 10px;
				float: left;
				text-align: center;

				img
				{
					box-shadow: 1px 1px 3px #cccccc;
				}
				
				*
				{
					vertical-align: middle;
					display: inline-block;
				}

				.fix
				{
					height: 100%;
				}
			}

			.name
			{
				height: 45px;
				margin: 0 0 0 10px;
				float: left;

				a
				{
					width: 432px;
					color: #0664b3;
					text-decoration: none;
					font-size: 14px;
					font-weight: bold;
				}
				
				*
				{
					display: inline-block;
					vertical-align: middle;
				}

				.fix
				{
					height: 100%;
				}
			}
		}

		.photo
		{
			width: 118px;
			height: 118px;
			margin: 10px;
			padding: 6px;
			border: 1px solid #eeeeee;
			display: block;
			overflow: hidden;
			float: left;
			.border-radius(5px, 5px, 5px, 5px);

			*
			{
				vertical-align: middle;
				display: inline-block;
			}

			.fix
			{
				height: 100%;
			}
		}

		.body
		{
			width: 432px;
			margin-top: 10px;
			float: left;
			
			.attr-trunk
			{
				width: 570px;
				padding: 5px 0;
				margin: 0 0 0 15px;
				border-bottom: 1px solid #e9e9e9;
				font-size: 10px;
				
				.name
				{
					width: 100px;
					display: inline-block;
					font-weight: bold;
				}
				
				.value
				{
					width: 370px;
					display: inline-block;
						
					a
					{
						text-decoration: underline;
					}


					&.shipment
					{
						color: #1b7db4;
						font-weight: bold;

						span
						{
							width: 63px;
							height: 21px;
							margin: 0px 5px 0 5px;
							float: right;
							display: inline-block;
							.images(-98px, -74px);
						}
					}
				}
				
				.price
				{
					b
					{
						color: #cc0000;
					}
				}
			}
	
			.attr
			{
				width: 136px;
				margin: 5px 0 0 12px;
				float: left;
				position: relative;

				.name
				{
					height: 23px;
					padding: 0 5px;
					font-size: 11px;
					font-weight: bold;
					color: #666666;
					line-height: 23px;
					border-bottom: 1px solid #e9e9e9;
				}

				.value
				{
					height: 36px;
					padding: 0 5px;
					line-height: 36px;
					color: #373839;

					&.availability
					{
						font-weight: bold;
						color: #a76929;
					}

					&.shipment
					{
						color: #1b7db4;
						font-weight: bold;

						span
						{
							width: 63px;
							height: 21px;
							margin: 10px 5px 0 5px;
							float: left;
							display: inline-block;
							.images(-98px, -74px);
						}
					}

					&.type
					{
						color: #3e6eaa;

						&.osobowe
						{

							span
							{
								width: 41px;
								height: 21px;
								margin: 8px 5px 0 0;
								float: left;
								display: inline-block;
								.images(-94px, -97px);
							}
						}

						&.terenowe
						{

							span
							{
								width: 48px;
								height: 21px;
								margin: 8px 5px 0 0;
								float: left;
								display: inline-block;
								.images(-136px, -99px);
							}
						}

						&.dostawcze
						{

							span
							{
								width: 48px;
								height: 21px;
								margin: 8px 5px 0 0;
								float: left;
								display: inline-block;
								.images(-181px, -97px);
							}
						}
					}

					&.seasons
					{
						color: #3e6eaa;

						&.zimowe
						{

							span
							{
								width: 22px;
								height: 23px;
								margin: 7px 5px 0 5px;
								float: left;
								display: inline-block;
								.images(-264px, -55px);
							}
						}

						&.letnie
						{

							span
							{
								width: 24px;
								height: 24px;
								margin: 7px 5px 0 5px;
								float: left;
								display: inline-block;
								.images(-264px, -81px);
							}
						}

						&.caloroczne
						{

							span
							{
								width: 22px;
								height: 24px;
								margin: 7px 5px 0 5px;
								float: left;
								display: inline-block;
								.images(-240px, -74px);
							}
						}
					}

					.size
					{
						font-weight: bold !important;
					}
				}

				&.first
				{
					margin-left: 0;
				}
			}
		}
	}
	

	.card
	{
		margin: -40px 15px 0 0;
		float: right;

		.price
		{
			width: 113px;
			padding: 2px 15px;
			background: #f6f6f6;
			border: 1px solid #e9e9e9;
			font-size: 10px;
			font-weight: bold;

			.value
			{
				display: block;
			}

			&.current
			{
				.border-radius(5px, 5px, 0, 0);
				.value
				{
					font-size: 18px;
					font-weight: bold;
					color: #c00000;
				}

				.info
				{
					color: #c00000;
				}
			}

			&.old
			{
				border-top: none;
				.border-radius(0, 0, 5px, 5px);
				color: #939393;

				.value
				{
					font-size: 20px;
					text-decoration: line-through;
				}
			}
		}

		form
		{
			width: 137px;
			margin: 5px 0 0 0;
			padding: 6px 3px 3px 3px;
			background: #f6f6f6;
			border: 1px solid #e9e9e9;
			font-size: 11px;
			font-weight: bold;
			.border-radius(5px, 5px, 5px, 5px);

			.count
			{
				margin: 0 0 5px 0;
				text-align: center;
				
				input
				{
					width: 30px;
					height: 21px;
					margin: 0 5px;
					text-align: center;
					border: 1px solid #e9e9e9;
					.border-radius(5px, 5px, 5px, 5px);
				}
			}
		}
	}	
}

.products-vertical
{
	overflow: hidden;
	clear: both;

	.item
	{
		width: 177px;
		height: 338px;
		margin: 0 0 14px 14px;
		border: 1px solid #eaeaea;
		float: left;
		position: relative;
		.border-radius(5px, 5px, 5px, 5px);

		.brand
		{
			height: 45px;
			margin: 8px 0 0 0;
			text-align: center;
		}

		.photo
		{
			width: 177px;
			height: 145px;
			text-decoration: none;
			text-align: center;
			display: block;

			*
			{
				vertical-align: middle;
				display: inline-block;
			}

			span
			{
				height: 100%;
			}
		}

		.name
		{
			padding: 0 10px;
			display: block;
			text-decoration: none;
			text-align: center;

			span
			{
				height: 36px;
				margin: 5px 0 0 0;
				display: block;
				line-height: 16px;
				text-align: center;
				font-size: 12px;
			/* 	font-weight: bold; */
				color: #2e2e2e;

				&:first-child
				{
					height: 18px;
					font-size: 11px;
					line-height: 18px;
					font-weight: 100;
					color: #666666;
				}
			}
		}
		
		.menu-details
		{
			text-align: center;
		}

		.price
		{
			width: 177px;
			height: 47px;
			position: absolute;
			left: 0;
			bottom: 0;
			border-top: 2px solid #f7f7f7;
			background: #eaeaea;

			span
			{
				width: 77px;
				height: 25px;
				line-height: 25px;
				display: inline-block;
				text-align: right;

				&.current
				{
					margin: 0 0 0 8px;
					padding: 0 5px 0 0;
					float: left;
					font-weight: bold;
					font-size: 12px;
					font-family: Arial;
					color: #ffffff;
					.images(0, -120px);
				}

				&.old
				{
					margin: 0 8px 0 0;
					float: right;
					color: #2e2e2e;
					font-size: 12px;
					text-decoration: line-through;
				}
			}

			.info
			{
				width:85px;
				margin: 4px 0 2px 0;
				text-align: right;
				font-size: 10px;
				color: #7c7c7c;
			}

		}

		&.first-in-line
		{
			margin-left: 0;
		}
	}
}

.product
{
	.section-left
	{
		width: 340px;
		margin: 73px 0 30px 0;
		float: left;

		.photo
		{
			width: 315px;
			height: 315px;
			padding: 11px;
			display: block;
			border: 1px solid #eaeaea;
			position: relative;
			.border-radius(5px, 5px, 5px, 5px);

			.zoom
			{
				position: absolute;
				right: 12px;
				bottom: -27px;
			}
		}
	}
	
	.title{
		color: #7C8489 !important;
		font-size: 12px !important;
	}

	.section-right
	{
		width: 394px;
		padding: 42px 0 0 0;
		float: right;
		position: relative;

		.brand
		{
			width: 394px;
			height: 42px;
			text-align: center;
			position: absolute;
			right: 0;
			top: 0;
		}

		.price
		{
			margin: 20px 0 0 0;
			background: #f6f6f6;
			.border-radius(5px, 5px, 0, 0);
			border: 1px solid #e9e9e9;
			border-bottom: none;
			overflow: hidden;
			clear: both;

			div
			{
				width: 147px;
				height: 50px;
				padding: 13px 24px;
				font-size: 10px;
				font-weight: bold;
				border-bottom: none;

				.value
				{
					display: block;
				}

				&.current
				{
					float: left;
					.value
					{
						font-size: 20px;
						font-weight: bold;
						color: #c00000;
					}

					.info
					{
						color: #c00000;
					}
				}

				&.old
				{
					float: right;
					color: #939393;

					.value
					{
						font-size: 20px;
						text-decoration: line-through;
					}
				}
			}
		}

		.attr
		{
			margin: 5px 0 0 0;
			color: #666666;
			font-size: 12px;

			thead
			{
				th
				{
					height: 24px;
					padding: 0 0 0 8px;
					line-height: 24px;
					font-size: 11px;
					color: #666666;
					border-bottom: 1px solid #e9e9e9;
					text-align: left;
				}
			}

			tbody
			{
				td
				{
					width: 310px;
					font-weight: bold;
					padding: 0 8px;

					&:first-child
					{
						width: 130px;
						padding: 2px 8px;
						font-weight: 100;
						text-align: right;
					}

					.value
					{
						color: #373839;

						&.availability
						{
							font-weight: bold;
							color: #ae9d42;
							
							span a, a
							{
								height: 21px;
								line-height: 21px;
								color: #ae9d42;
								font-weight: bold;
								margin: 2px 5px 0 0;
								display: inline-block;
							}							
						}

						&.shipment
						{
							height: 21px;
							line-height: 21px;
							color: #1b7db4;
							font-weight: bold;

							span
							{
								width: 63px;
								height: 21px;
								margin: 2px 5px 0 0;
								float: left;
								display: inline-block;
								.images(-98px, -74px);
							}
						}

						&.information
						{
							color: #b87349;
						}

						&.type
						{
							height: 21px;
							line-height: 21px;
							color: #3e6eaa;

							&.osobowe
							{

								span
								{
									width: 41px;
									height: 21px;
									margin: 0 5px 0 0;
									float: left;
									display: inline-block;
									.images(-94px, -97px);
								}
							}

							&.terenowe
							{

								span
								{
									width: 48px;
									height: 21px;
									margin: 0 5px 0 0;
									float: left;
									display: inline-block;
									.images(-136px, -99px);
								}
							}

							&.dostawcze
							{

								span
								{
									width: 48px;
									height: 21px;
									margin: 0 5px 0 0;
									float: left;
									display: inline-block;
									.images(-181px, -97px);
								}
							}
						}

						&.seasons
						{
							height: 24px;
							line-height: 24px;
							color: #3e6eaa;

							&.zimowe
							{

								span
								{
									width: 22px;
									height: 23px;
									margin: 0 5px 0 0;
									float: left;
									display: inline-block;
									.images(-264px, -55px);
								}
							}

							&.letnie
							{

								span
								{
									width: 24px;
									height: 24px;
									margin: 0 5px 0 0;
									float: left;
									display: inline-block;
									.images(-264px, -81px);
								}
							}

							&.caloroczne
							{

								span
								{
									width: 22px;
									height: 24px;
									margin: 0 5px 0 0;
									float: left;
									display: inline-block;
									.images(-240px, -74px);
								}
							}
						}
					}
				}
			}

			&.large
			{
				td
				{

					&:first-child
					{
						width: 130px;
						padding: 5px 8px;
						font-weight: 100;
					}

				}
			}
		}

		.card
		{
			form
			{
				overflow: hidden;
				clear: both;
				background: #f6f6f6;
				border: 1px solid #e9e9e9;
				font-size: 11px;
				font-weight: bold;
				.border-radius(0, 0, 5px, 5px);

				.basket
				{
					width: 261px;
					height: 74px;
					text-align: center;
					float: left;
					background: #f1f1f1;

					input
					{
						width: 160px;
						height: 27px;
						margin: 22px 0 0 0;
						border: none;
						background: url("@{dirImages}button-basket-add-02.png") no-repeat;
						cursor: pointer;
					}
				}

				.count
				{
					width: 131px;
					height: 74px;
					line-height: 74px;
					text-align: right;
					float: left;
					background: #f1f1f1;
					
					input
					{
						width: 30px;
						height: 21px;
						margin: 0 8px;
						text-align: center;
						border: 1px solid #cccccc;
						.border-radius(5px, 5px, 5px, 5px);
					}
				}
			}
		}
	}
}

.pagination
{
	margin: 20px 0 0 0;
	text-align: right;
	a
	{
		height: 25px;
		margin: 0 2px;
		padding: 0 10px;
		font-family: Consolas;
		font-size: 12px;
		line-height: 25px;
		display: inline-block;
		text-decoration: none;
		.border-radius(4px, 4px, 4px, 4px);

		&.number
		{
			border: 1px solid #e6e6e6;
			background: url("@{dirImages}pagination-number-noactive-01.png") repeat-x;
			color: #5f6061;

			&.current
			{
				color: #ffffff;
				border: 1px solid #5f6061;
				background: #5f6061;
			}
		}

		&:hover
		{
			border: 1px solid #5f6061;
		}
	}
	
}

.bookmark
{
	margin: 20px 0 20px 0;

	.bookmark-head
	{
		list-style: none;
		margin: 0 0 0 5px;
		padding: 0;
		overflow: hidden;

		li
		{
			height: 25px;
			margin: 0 0 0 3px;
			padding: 0 12px;
			line-height: 25px;
			float: left;
			background: #e9e9e9;
			border-radius: 4px 4px 0 0;
			behavior: url('/media/htc/PIE.htc');

			a
			{
				color: #515151;
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
			}

			&.active,
			&:hover
			{
				background: #515151;
				color: #ffffff;

				a
				{
					color: #ffffff;
				}
			}
		}
	}

	.bookmark-contents
	{
		padding: 15px;
		border: 1px solid #e9e9e9;
		border-radius: 4px;
		behavior: url('/media/htc/PIE.htc');
		font-size: 14px;
		line-height: 18px;
	}	
}

.ui-user, .ui-order
{
	@textColor: #333333;

	@formTitleColor: #101010;
	@formBorderColor: #e9e9e9;
	@formBackgroundColor: #f4f4f4;
	
	@inputBorderColor: #919aa0;
	@inputBorderRadius: 3px;
	@inputBackgroundColor: #ffffff;
	@inputHeight: 23px;
	@inputPaddingLeft: 9px;
	@inputPaddingRight: 9px;

	line-height: 18px;

	a
	{
		color: #333333;
		text-decoration: none;
	}

	.ui-form
	{
		width: 530px;
		margin: 20px auto;
		padding: 15px 55px 15px 55px;
		border: 2px solid @formBorderColor;
		background: @formBackgroundColor;
		overflow: hidden;

		> .ui-title
		{
			margin: 0 0 15px 0;
			padding: 0 0 15px 0;
			color: @formTitleColor;
			font-size: 18px;
			border-bottom: 2px solid @formBorderColor;

			.ui-info
			{
				margin: 5px 0 0 0;
				display: block;
				font-size: 12px;
			}
		}
		> .ui-title-no-broder
		{
			margin: 0 0 0px 0;
			padding: 0 0 0px 0;
			color: @formTitleColor;
			font-size: 18px;
		}
	}

	.ui-separator
	{
		height: 1px;
		margin: 10px 0;
		line-height: 1px;
		font-size: 1px;
		background: @inputBorderColor;
	}

	.ui-input
	{
		height: @inputHeight;
		padding: 0 @inputPaddingRight 0 @inputPaddingLeft;
		line-height: @inputHeight;
		border: 1px solid @inputBorderColor;
		background: @inputBackgroundColor;
		border-radius: @inputBorderRadius;

		&.ui-small
		{
			text-align: center;
			width: 58px - (@inputPaddingRight + @inputPaddingLeft);
		}

		&.ui-medium
		{
			width: 173px - (@inputPaddingRight + @inputPaddingLeft);
		}

		&.ui-big
		{
			width: 233px - (@inputPaddingRight + @inputPaddingLeft);
		}
	}
	
	.ui-select
	{
		height: @inputHeight;
		padding: 0 0 0 @inputPaddingLeft;
		line-height: @inputHeight;
		border: 1px solid @inputBorderColor;
		background: @inputBackgroundColor;
		border-radius: @inputBorderRadius;

		&.ui-small
		{
			text-align: center;
			width: 56px - (@inputPaddingRight + @inputPaddingLeft + @inputPaddingLeft);
		}

		&.ui-medium
		{
			width: 173px - (@inputPaddingRight + @inputPaddingLeft + @inputPaddingLeft);
		}

		&.ui-big
		{
			width: 233px - (@inputPaddingRight + @inputPaddingLeft + @inputPaddingLeft);
		}
	}

	.ui-menu-order
	{
		padding: 0 8px 0 0;
		text-align: right;
	}

	.ui-checkbox
	{
		margin: 0 5px 0 0;
		padding: 0;
	}

	.ui-input, .ui-checkbox
	{
		&.ui-error
		{
			border: 1px solid #c3120c;
		}
	}

	.ui-checkbox
	{
		outline: 1px solid #c3120c;
	}

	.ui-table
	{
		border-collapse: collapse;
		th
		{
			border-bottom: 2px solid @formBorderColor;

		}

		.ui-name, .ui-value, .ui-menu
		{
			height: 23px;
			padding: 5px 7px;
		}

		.ui-name
		{
			white-space: nowrap;
			font-weight: bold;

			a
			{
				text-decoration: underline;
			}
		}

		.ui-value
		{
			a
			{
				text-decoration: underline;
			}
		}

		.ui-menu
		{
			text-align: right;

			.button
			{
				display: inline-block;
			}
		}
	}

	.ui-req
	{
		font-size: 22px;
		color: #c3120c;
	}
}

.login
{
	.ui-table
	{
		float: left;
	}

	.other
	{
		width: 200px;
		margin: 10px 0 0 0;
		text-align: left;
		float: right;

		a
		{
			margin: 5px 0 0 5px;
			color: #1f2222;
			text-decoration: none;
			line-height: 16px;
			display: inline-block;

			span
			{
				width: 8px;
				height: 8px;
				margin: 5px 5px 0 0;
				float: left;
				display: inline-block;
				.images(-277px, -22px);
			}
		}
	}
}

.remind-password
{
	.ui-form
	{
		width: 370px;
	}
}

.register
{
	.ui-table
	{
		margin-left: 30px;
	}
}

label.label-checkbox
{
    position: relative;
    padding-left: 25px;
    display: inline-block;

    input[type="checkbox"]
    {
        left: 0;
        position: absolute;
    }
}

.edit-data-login
{

	.ui-table
	{
		margin-left: 80px;
	}
}

.user-delivery
{
	width: 270px;
	margin: 0px -40px 20px 100px;
	float: left;
	color: #333333;

	.user-delivery-title
	{
		font-weight: bold;
	}

	.user-delivery-content
	{
		td
		{
			padding: 0 10px;
			line-height: 17px;
		}

		.menu
		{
			margin: 10px 25px 0 0;
			text-align: right;
		}
	}
}

.table-order-data
{
	width: 765px;
	font-family: Arial;
	border-collapse: collapse;
	thead
	{
		tr
		{
			th
			{
				height: 30px;
				line-height: 30px;
				border-top: 2px solid #e9e9e9;
				border-bottom: 2px solid #e9e9e9;
				padding: 0 8px;
				text-align: left;
			}
		}
	}

	tbody
	{
		tr
		{
			td
			{
				padding: 10px 8px;
				font-size: 11px;
				border-bottom: 1px solid #e9e9e9;

				a
				{
					color: #0664b3;
				}
				
				&.description
				{
					background: #f4f4f4;
					border-left: 1px solid #e9e9e9;
					border-right: 1px solid #e9e9e9;
				}

				&.right
				{
					text-align: right;
				}
				
				&.product_name
				{
					width:280px;
				}
				
				div.card_description
				{
					width: 280px;
					font-size: 10px;
					background: #f4f4f4;
				}
				div.card_title
				{
					font-size: 12px;
					font-weight: bold;
				}
			}
		}
	}
}

.order-details
{
	margin: 0 0 20px 0;
	.title
	{
		margin: 10px 0 5px 0;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
	}

	&.left
	{
		margin-right: 70px;
		float: left;

		&.card
		{
			margin: 20px 30px 20px 0;
		}
	}
}

.order-details
{
	table
	{
		td
		{
			padding: 1px 15px;
		}
	}
}


.order-price-sum
{
	margin: 5px 8px 0 0;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	float: right;

	.ui-name
	{
		padding: 0 10px 5px 30px;
		text-align: right;
	}

	.ui-value
	{
		text-align: right;

		&.sum
		{
			font-size: 14px;
		}
	}
}

.order-vat-info
{
	margin: 30px 0 0 16px;
	font-weight: bold;
	font-size: 14px;
}

.delivery-data
{
	float: right;

	.ui-form
	{
		width: 355px;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 11px;
	}
}

.vat-data
{
	float: left;
	
	.ui-form
	{
		width: 355px;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 11px;
	}
}

.ui-form
{
	&.register
	{
		width: auto;
		margin: 20px 0;
		padding: 10px 12px;

		.ui-table
		{
			width: auto;
			margin: 0px;

			.ui-value
			{
				padding-left: 15px;
				input
				{
					width: 125px;
					margin: 0 10px;
				}
			}
		}
	}
}

.text-left
{
	text-align: left;
}

.text-center
{
	text-align: center;
}

input.ui-error
{
	border: 1px solid #EED3D7;
	background: #F2DEDE;
	line-height: 17px;
	box-shadow: 1px 1px 2px;
}

div.ui-error
{
	margin: 20px 100px;
	padding: 10px 20px;
	color: #B94A48;
	border: 1px solid #EED3D7;
	background: #F2DEDE;
	line-height: 17px;
	box-shadow: 1px 1px 2px;
}

.ui-success
{
	margin: 20px 100px;
	padding: 10px 20px;
	color: #468847;
	border: 1px solid #D6E9C6;
	background: #DFF0D8;
	line-height: 17px;
	box-shadow: 1px 1px 2px;
}

.ui-message
{
	margin: 20px 100px;
	padding: 10px 20px;
	color: #C09853;
	border: 1px solid #FBEED5;
	background: #FCF8E3;
	line-height: 17px;
	font-weight: bold;
	box-shadow: 1px 1px 2px;
}

.icon-seasons
{
	color: #3e6eaa;

	&.zimowe
	{
		width: 22px;
		height: 23px;
		margin: 7px 5px 0 5px;
		display: inline-block;
		.images(-264px, -55px);
	}

	&.letnie
	{
		width: 24px;
		height: 24px;
		margin: 7px 5px 0 5px;
		display: inline-block;
		.images(-264px, -81px);
	}

	&.caloroczne
	{
		width: 22px;
		height: 24px;
		margin: 7px 5px 0 5px;
		display: inline-block;
		.images(-240px, -74px);
	}
}

.icon-type
{
	color: #3e6eaa;

	&.osobowe
	{
		width: 41px;
		height: 21px;
		margin: 8px 5px 0 0;
		display: inline-block;
		.images(-94px, -97px);
	}

	&.terenowe
	{
		width: 48px;
		height: 21px;
		margin: 8px 5px 0 0;
		display: inline-block;
		.images(-136px, -99px);
	}

	&.dostawcze
	{
		width: 48px;
		height: 21px;
		margin: 8px 5px 0 0;
		display: inline-block;
		.images(-181px, -97px);
	}
}

input:disabled
{
	cursor: default;
}

.fastcontect
{
	height: 31px;
	margin: 0 0 10px 0;
	position: relative;
	background: url("@{dirImages}fastcontact-01.jpg") no-repeat;
	
	a
	{
		height: 31px;
		position: absolute;
		top: 0;
		display: block;
		
		&.gg
		{
			width: 102px;
			left: 533px;
		}
		
		&.email
		{
			width: 130px;
			left: 636px;
		}
	}
}

.table
{
	border-collapse: collapse;
	
	td
	{
		padding: 4px 10px;
		border: 1px solid #cccccc;
		vertical-align: middle;
	}
}


.arrow_sort{
	color: #444444;
	font-size: 9px;
	text-decoration: none;
	display: inline-block;
}
.box-shorts-availability{
	float:left;
	margin:0 0 0 15px;
}
.order_number_info{
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
}
.shorts-contener{
	position: relative;
}
	.shorts-contener .floating_shorts{
		position: absolute;
		top: -8px;
		right: 20px;
	}
	.shorts-contener .floating_params{
		position: absolute;
		top: -8px;
		right: 0px;
	}
	
.trunks-producer{
	float:left;
}

.sep-name-surname td div
{
	margin: 8px 10px 8px 4px;
	color: #939393;
	font-size: 12px;
	border-bottom: 1px solid #adadad;
	text-shadow: 1px 1px #ffffff;
}

.delivery-sep-name-surname td div
{
	margin: 8px 10px 8px 4px;
	color: #939393;
	font-size: 12px;
	border-bottom: 1px solid #adadad;
	text-shadow: 1px 1px #ffffff;
}
.deliver_cost_on_radiolist{
	display: inline-block;
	color: #3f3f3f;
}

.col-status{
	width: 350px !important;
}
.width250{
	width: 250px !important;
}
.color-black{
	color: black;
}
.show_other_rims{
	margin: 25px 0 10px 0;
	color: #666;
}
.show_other_rims div{
	margin: 5px 0 10px 0;
}
.show_other_rims div select{
	padding: 4px;
}

.help
{
	border-bottom: 1px dotted #000000;
	cursor: help;
}

.color-info
{
	color: #d4a976;
}
.rims_navigation_select{
	width: 350px;
}

.icon-16-help-01
{
	width: 16px;
	display: inline-block;
	background: url('@{dirImages}icon-16-help-01.png') no-repeat 50%;
}

.special-list
{
	margin: 5px 10px;
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: #373839;

	li
	{
		margin: 8px 0;
		padding-left: 24px;
		background: url('@{dirImages}special-list-point-01.png') no-repeat 0 3px;
	}
}

div#galeria
{
	overflow: hidden;
	
	a
	{
		margin: 5px;
		float: left;
		display: block;
		border: 1px solid #cccccc;

		img
		{
			display: block;
		}
	}
}