/*--- basic ----*/
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.fl { float: left; }
.fr { float: right; }

.block { display: block; }

/*--- wymiary ----*/

body, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

:focus { outline: 0; }

#outerWrapper {

}

#mainWrapper {
	width: 950px;
	margin: auto;
}

	#headerWrapper {
		height: 99px;
		width: 950px;
	}
	
			.logo {
				float: left;
				padding: 36px 0px 0px 30px;
			}
			
			.userMenu {
				float: right;
				padding-top: 47px;
			}
			
					.userMenu a {
						margin-left: 30px;
					}
					
					.userMenu span {
						vertical-align: 5px;
					}
	
	#menuWrapper {
		height: 26px;
		padding-top: 1px;
	}
	
			#menu {
				padding: 0px 15px;
				height: 26px;
				line-height: 20px;
			}
			
					#menu canvas {
						display: inline;
					}
					
					.menuItem, #menu img {
						vertical-align: middle;
					}
					
					.menuItem {
						padding: 0px 15px;
					}
	
	#contentWrapper {
		width: 950px;
	}
	
			#bigImage {
			
			}
			
					#bigImage img {
						display: block;
					}
					
			.boxModules {
				padding-top: 3px;
				overflow: auto;
				width: 950px;
			}
			
					.boxModule {
						float: left;
						width: 314px;
						height: 152px;
						margin-right: 4px;
					}
					
					.boxModuleWide {
						float: left;
						width: 474px;
						height: 152px;
						margin-right: 2px;
					}
					
					.boxModules .last {
						margin-right: 0;
					}
					
							.boxModule a, .boxModuleWide a {
								display: block;
							}
							
							.boxModule img, .boxModuleWide img {
								display: block;
							}
							
			#navigator {
				padding: 15px 28px;
				margin-bottom: 1px;
			}
			
			#content {
				width: 950px;
				overflow: auto;
				padding: 15px 0px 0px;
			}
			
					.contentHeader {
						padding-left: 27px;
					}
			
					#leftColumn {
						float: left;
						width: 185px;
					}
					
							#leftColumn h1 {
								padding: 0px;
								margin: 0px;
								padding: 15px 26px 7px;
							}
					
							.categoriesList {
							
							}
							
									.category {
										padding: 7px 26px 5px;
									}
					
					#rightColumn {
						float: right;
						width: 750px;
					}
					
					#rightColumnInner {
						width: 708px;
						padding: 15px 20px 5px;
					}
					
							#rightColumnInner h1 {		
								margin-top: 0px;
							}
					
							form {
								margin: 0px;
								padding: 0px;
							}
					
									.searchForm .formRow, .form .formRow {
										width: 708px;
										overflow: auto;
										padding: 10px 0px;
									}
									
											.searchForm .formRowLeft, .form .formRowLeft {
												float: left;
												width: 345px;
												overflow: auto;
											}
											
											.searchForm .formRowRight, .form .formRowRight {
												float: right;
												width: 345px;
												overflow: auto;
											}
											
											.searchForm .formRowWide, .form .formRowWide {
												width: 708px;
												overflow: auto;
											}
											
													.searchForm .formItemLabel, .form .formItemLabel {
														width: 95px;
														padding: 6px 5px 0px 0px;
														float: left;
													}
													
													.searchForm .formItemInput, .form .formItemInput {
														width: 245px;
														float: right;
													}
													
													.searchForm .formRowWide .formItemInput, .form .formRowWide .formItemInput {
														width: 608px;
													}
													
															.input, textarea, select {
																padding: 0px;
																margin: 0px;
																padding: 5px 7px;
															}
															
															.searchForm .input, .searchForm textarea, .form .input, .form textarea {
																width: 227px;
															}
															
															.searchForm select, .form select {
																width: 243px;
															}
															
															.searchForm .formRowWide .input, .searchForm .formRowWide textarea, .form .formRowWide .input, .form .formRowWide textarea {
																width: 590px;
															}
															
															.searchForm .formRowWide select, .form .formRowWide select {
																width: 606px;
															}
											
									.searchForm .formButtonRow {
										width: 708px;
										padding-top: 5px;
									}		
									
					.products {
						width: 950px;
						overflow: auto;
						padding: 7px 0px;
					}
					
							.product {
								width: 948px;
								margin: 9px 0px;
							}
							
							.productInner {
								width: 946px;
								overflow: auto;
							}
							
									.productImage {
										float: left;
										width: 129px;
										padding: 9px;
										
									}
									
											.productImage img {
												display: block;
											}
											
									.productInfo {
										float: left;
										width: 797px;
										padding: 20px 0px;
									}
									
											.productInfo table {
												
											}
									
											.productName {
												width: 165px;
												padding: 0px 20px 0px 30px;
											}
											
											.productDesc {
												width: 359px;
												padding: 20px 15px 20px 20px;
											}
									
											.productInterface {
												width: 172px;
												height: 109px;
												padding: 0px 16px 0px 0px;
											}
											
													.price {
														padding: 0px 10px 8px 0px;
														
													}
													
															.price span {
																vertical-align: top;
															}
													
													.productButtons {
														position: relative;
														top:0;
														left:0;
														height: 81px;
													}
													
													.productInterface .noheight {
														height: auto;
													}
													
															.productButtons .detailsButton {
																line-height: 1em;
																padding-bottom: 4px;
															}
													
															.cartIco {
																position: absolute;
																top: 20px;
																left: 3px;
																z-index: 30;
																margin: 0px;
															}
							
					.pagination {
						width: 950px;
						overflow: auto;
					}
					
							.buttonPrev, .buttonNext {
								float: left;
								line-height: 1em;
							}
							
									.buttonPrev a, .buttonNext a {
										display: block;
									}
									
									.buttonPrev a img, .buttonNext a img {
										display: block;
									}
							
							.pages {
								float: left;
								width: 715px;
								padding-top: 6px;
							}
							
							.buttonNext {
								float: right;
							}
							
					.productBox {
						width: 948px;
						margin-top: 15px;
					}
					
					.productBoxInner {
						width: 930px;
						padding: 8px;
					}
					
							.productDetails {
								width: 930px;
								overflow: auto;
								padding-bottom: 25px;
							}
							
									.productDetails .productImage {
										width: 248px;
										padding: 0px;
									}
									
									.productDetails .productInfo {
										float: right;
										width: 636px;
										padding: 10px 26px 10px 20px;
									} 
									
											.productDetails .productName {
												width: 636px;
												padding: 0;
												margin: 0px 0px 25px;
											}
											
											.productDetails .productDesc {
												width: 636px;
												padding: 0;
											}
											
							.productBox h1 {
								padding: 10px;
							}
							
							.replacementsList {
								width: 930px;
							}
							
									.replacement {
										width: 928px;
										margin: 9px 0px;
									}
									
									.replacementInner {
										width: 926px;
										overflow: auto;
									}
									
											.replacementImage {
												width: 129px;
												padding: 9px;
											}
											
													.replacementImage img, .replacementImage a {
														display: block;
													}
									
											.replacementDesc {
												width: 550px;
												padding: 0px 14px 0px 21px;
											}
											
													.replacementDesc h2 {
														margin: 0px 0px 15px;
													}
											
											.replacementInterface {
												width: 172px;
												padding: 0px 16px 0px 0px;
											}
											
													.replacementInterfaceInner {
														height: 138px;
													}
													
															.replacementInterface .price {
																padding: 20px 10px 8px 0px;
															}
											
															.replacementInterface .productButtons {
																height: 87px;
															}
															
					.replacementBox {
						width: 948px;
						margin-top: 15px;
					}
					
					.replacementBoxInner {
						width: 930px;
						padding: 8px 8px 0px;
					}
					
							.replacementDetails {
								width: 930px;
								overflow: auto;
							}
							
									.replacementDetails .replacementImage {
										float: left;
										width: 248px;
										padding: 0px 0px 8px 0px;
									}
									
									.replacementDetails .replacementInfo {
										float: right;
										width: 636px;
										padding: 10px 26px 0px 20px;
									} 
									
											.replacementDetails .nameAndPrice {
												width: 636px;
												overflow: auto;
												padding-bottom: 15px;
											}
											
													.replacementDetails .replacementName {
														width: 546px;
														float: left;
														padding: 0;
													}
													
															.replacementDetails .replacementName h1 {
																margin: 0px;
															}
													
													.replacementDetails .price {
														float: right;
													}
											
											.replacementDetails .replacementDesc {
												width: 636px;
												padding: 0;
											}
											
											.replacementButtonHolder {
												overflow: auto;
												padding-top: 5px;
											}
											
													.replacementDetails .replacementButtons {
														position: relative;
														top: 0px;
														left: 0px;
														padding: 12px 0px 28px 47px; 
														float: right;
														
													}
													
															.replacementDetails .replacementButtons .cartIco {
																position: absolute;
																top: 0px;
																left: 0px;
																z-index: 30;
															}
	
															
					/*---koszyk---*/
					
					.cart {
						padding-bottom: 15px;
						margin-bottom: 25px;
					}
					
							.cart .products {
								padding: 7px 0px 0px;
							}
							
									.cart .product {
										margin: 3px 0px;
									}
					
					.quantPrice {
						overflow: auto;
					}
					
							.quantPrice {
								
							}
							
									.quantPrice table {
										margin: auto;
									}
							
											.quantPrice table td {
												padding: 5px 10px;
											}
							
											.quantPrice .input {
												width: 40px;
											}
							
					.cart .productButtons {
						padding-top: 20px;
					}
							
							.cart .productButtons form {
								display: inline;
							}
						
					.cartFooter {
						overflow: auto;
						zoom: 1;
					}		
					
						.cartFooterRight {
							overflow: auto;
							float: right;
							padding: 1px;
						}
							
								.cartFooter table {
									
								}
					
										.cartFooter table td {
											padding: 5px 7px;
											line-height: 1em;
										}
										
										.cartFooter table .bgGray {
											width: 120px;
											padding: 0px 40px 0px 40px;
										}
										
					.cartButtons {
						padding-top: 30px;
					}					

					.repository .productButtons input {
						vertical-align: middle;
					}
					
					
										
					/*----/koszyk-----*/	
					
					/*---order---*/
					
					.order {
						padding-bottom: 8px;
					}
					
							.order .products {
								padding: 7px 0px 0px;
							}
							
									.order .product {
										margin: 3px 0px;
									}
					
					.order .cartFooter table td {
						padding: 9px 15px;
					}
					
					.order .cartFooter table .bgGray {
						width: 120px;
						padding: 9px 40px 9px 40px;
					}
					
					.infoArea {
						width: 948px;
						margin: 8px 0px 16px;
					}
					
					.infoAreaInner {
						width: 922px;
						padding: 10px 12px 20px;
						position: relative;
						top: 0;
						left: 0;
						overflow: hidden;
					}
					
							.infoAreaImage {
								position: absolute;
								top: 55px;
								left: 810px;
							}
					
							.infoAreaInner p {
								padding: 5px 10px;
								margin: 10px 0px;
							}
							
							.zgoda input, .zgoda label {
								vertical-align: middle;
								margin: 0px;
							}
							
					.confirmArea {
						padding: 10px 0px;
					}
					
					.formOptions {
						overflow: auto;	
					}
					
							.formOptionsModule {
								float: left;
								padding: 10px 40px 10px 10px;
							}
							
									.formOptionsModule input, .formOptionsModule label {
										vertical-align: middle;
									}
									
					.infoAreaInner .form {
						padding: 10px 0px 10px 20px;
					}
					
					/*---/order---*/
															
	#footerWrapper {
		height: 125px;
	}
	
			.footerLeft {
				float: left;
				padding-top: 70px;
			}
			
					.copyright {
						padding-top: 8px;
					}
			
			.footerRight {
				float: right;
				padding-top: 65px;
			}
			
					.realizacja {
						padding-top: 8px;
					}
	
			


