*{
	margin: 0;
	padding: 0;
}

body{
	background: #f6f4e8;
}
.page{
	width: 940px;
	margin: 0 auto;
}

#topNav{
	background: #f6f4e8 url(./../img/TopNavUnderline.png) repeat-x bottom;
}
	#topNav .page{
		background: #f6f4e8 url(./../img/TopNavUnderline.png) repeat-x bottom;
		height: 30px;
	}
	
	#topNav a{
		color: #6c6753;
		font: 11px/28px "Arial";
		padding: 0 20px;
		text-decoration: none;
	}
	#topNav a:hover{
		color: #d8a667;
		text-decoration: underline;
	}
	
	#topNav li{
		list-style: none outside none;
		display: inline;
	}
		.topLeftMenu{
			float: left;
			width: 300px;
		}
		.topRightMenu{
			float: right;
			width: 600px;
			text-align: right;
		}

#header{
	background: #fff url(./../img/HeaderUnderline.png) repeat-x bottom;
}
	#header .page{
		height: 160px;
		background: #fff url(./../img/HeaderUnderline.png) repeat-x bottom;
		position: relative;
	}
		#header h1{
			position: absolute;
			width: 246px;
			height: 58px;
			background: url(./../img/SamsoniteLogo.png) no-repeat;
			top: 40px;
			left: 2px;
		}
			#header h1 a{
				display: block;
				text-indent: -9999px;
				outline: 0;
				width: 100%;
				height: 100%;
			}
			
		#header .subtitle{
			background: url(./../img/AgaLeatherFashionLogo.png) no-repeat right top;
			font: 14px/18px "Arial";
			color: #2e2c7b;
			text-align: right;
			position: absolute;
			right: 20px;
			top: 30px;
			width: 207px;
			height: 56px;
		}
			.subtitle span{
				display: none;
				width: 203px;
				height: 41px;
				text-indent: 9999px;				
			}
		
		#header ul.mainMenu{
			position: absolute;
			top: 100px;
		}
			#header li{
				list-style: none outside none;
				display: inline;
				font: 22px/60px "Trebuchet MS";
			}
				#header li a{
					padding: 0 40px 0 20px;
					color: #4d4d4d;
					text-decoration: none;
				}
				#header li a:hover{
					color: #999;
				}
		
		#header a.goSearch{
			display: block;
			position: absolute;
			width: 27px;
			height: 27px;
			background: url(./../img/SearchIcon.png) no-repeat;
			text-indent: -9999px;
			outline: 0;
			bottom: 17px;
			right: 20px;
		}
	
#contents{
	margin-top: 25px;
}
	#contents .page{
		background: #fff;
		border-bottom: 5px solid #e0dcd1;
		padding: 10px 10px 50px 10px;
		margin-bottom: 50px;
		width: 920px;
		overflow: hidden;
	}				
		#contents h3{
			font: bold 16px/18px "Trebuchet Ms";
			padding-bottom: 15px;
		}
			#contents h3 small{
				font: 11px/16px "Trebuchet Ms";
				color: #999;
				display: block;
			}
		#contents .button{
			padding: 6px 20px 6px 28px;
			font: bold 11px/25px "Arial";
			text-decoration: none;
			color: #555;
			margin: 10px 0 10px 0;
			background: url(./../img/Button.png) no-repeat;
		}
			#contents .button:hover{
				color: #009cdd;
			}
		#introArea{
			clear: both;
			margin: 0 10px;
			overflow: hidden;
		}
			#introArea h2{
				font: 32px/50px "Trebuchet Ms";
				padding: 0 0 15px;
			}
		
		#photoBox{
			width: 670px;
			height: 360px;
			background: #eee url(./../img/ROA.png) no-repeat;
			float: left;
		}
		
		#textBox{
			width: 210px;
			float: right;
		}
			#textBox .box{
				border-top: 4px solid #d8a467;
				padding: 10px 0 10px;
			}
			#textBox blockquote p{
				font: 16px/18px "Arial";
			}
			#textBox .author{
				font: 14px/18px "Arial";		
				padding: 20px 0 0;
				display: block;
			}
				#textBox .author small{
					font: 13px/18px "Arial";
					color: #b9b9b7;
					display: block;
				}
			#textBox img{
				display: block;
				margin: 0 auto;
			}
		
		#promoArea{
			clear: both;
			overflow: hidden;
			border-top: 1px solid #eee;
			margin-top: 10px;
		}
			#promoArea .box{
				border-top: 4px solid #d8a467;
				width: 210px;
				margin: 10px;
				float: left;
				display: inline;
				padding: 10px 0 20px;
			}
				#promoArea img{
					float: right;
					padding: 2px;
					background: #f8f4eb;
					border: 2px solid #dcdcd2;
				}
				#promoArea p{
					font: 9px/12px "Arial";
					padding: 0 0 20px 0;
				}
				#promoArea li{
					font: 9px/12px "Arial";
					list-style: none outside none;
				}
			#promoArea .wide{
				width: 440px;
			}
		
		#productsRangeArea{
			
		}
			#productsRangeArea h3, #collectionsArea h3{
				border-top: 4px solid #e0dcd1;
				margin: 0 10px;
				padding: 10px 0;
			}
			#productsRangeArea .box, #collectionsArea .box{
				width: 210px;
				margin: 10px;
				float: left;
				display: inline;
				background: #fff;
			}
				#productsRangeArea .box a, #collectionsArea .box a{
					height: 195px;
					display: block;
					text-decoration: none;
					position: relative;
					background-position: center;
					background-repeat: no-repeat;
					border: 2px solid #e0dcd1;
				}
				.portfele{
					background-image: url(./../img/1g.jpg);
				}
				.teczki{
					background-image: url(./../img/teczki.png);
				}
				.paski{
					background-image: url(./../img/paski.png);
				}
				.zestawy{
					background-image: url(./../img/zestawy.png);
				}
				.manicure{
					background-image: url(./../img/manicure.png);
				}
				.parasolki{
					background-image: url(./../img/parasolki.png);
				}
				.etui{
					background-image: url(./../img/7g.jpg);
				}
				.bagaz{
					background-image: url(./../img/8g.jpg);
				}
					#productsRangeArea .box a em, #collectionsArea .box a em{
						position: absolute;
						display: block;
						width: 100%;
						text-align: center;
						bottom: 5px;
						font: bold 13px/22px "Arial";
						color: #ccc;
					}
					#productsRangeArea .box a:hover, #collectionsArea .box a:hover{
						border-color: #eee;
					}
					#productsRangeArea .box a:hover em, #collectionsArea .box a:hover em{
						color: #999;
					}
					
					#collectionsArea .box img{
						display: block;
						border: 0;
						margin: 0 auto;
					}
				
				#productsListArea{
					
				}
					#productsListArea .sideBar{
						width: 180px;
						display: inline;
						float: left;
						margin: 0 0 0 10px;
					}
						#productsListArea .sideBar h4{
							background: url(./../img/ListHeader.png) no-repeat;
							font: bold 13px/26px "Arial";
							color: #333;
							text-indent: 10px;
						}
						#productsListArea .sideBar ul{
							margin-bottom: 20px;
						}
						
						#productsListArea .sideBar li{
							list-style: none outside none;
							border-bottom: 1px solid #fff;
						}
						#productsListArea .sideBar li a{
							display: block;
							width: 100%;
							text-indent: 10px;
							font: 13px/26px "Arial";
							color: #8d898a;
							text-decoration: none;
							background: #f8f5ee;
						}
							#productsListArea .sideBar li a small{
								color: #bbb8b1;
							}
						#productsListArea .sideBar li a:hover{
							color: #4d4d4d;
							/*background: #dcd9d2;*/
							background: #f3ede0;
						}
						#productsListArea .sideBar li a.selected, #productsListArea .sideBar li a.selected:hover{
							color: #4d4d4d;
							background: #dcd9d2 url(./../img/ListX.png) no-repeat 160px 4px;
						}
							#productsListArea .sideBar li a.selected small{
								color: #b3b3b3;
							}
					
					#productsListArea .products{
						width: 720px;
						float: right;
						display: inline;
					}
						#productsListArea .products .navBar{
							margin: 0 10px;
							padding: 5px 0;
							border-top: 1px solid #eee;
							border-bottom: 1px solid #eee;
							position: relative;
						}
						#productsListArea h2{
							color: #545454;
							font: 18px/22px "Arial";
						}
							#productsListArea h2 small{
								color: #bab7b2;
							}
						#productsListArea .navButtons{
							width: 200px;
							height: 25px;
							position: absolute;
							top: 4px;
							left: 500px;
						}
							#productsListArea .navButtons a{
								display: block;
								width: 95px;
								height: 25px;
								background: url(./../img/navButton.png) no-repeat top;
								text-align: center;
								color: #8d8988;
								font: bold 11px/25px "Arial";
								text-decoration: none;
							}
							#productsListArea .navButtons a:hover{
								background-position: bottom;
								color: #fff;
							}
							#productsListArea .prevPage{
								float: left;
							}
							#productsListArea .nextPage{
								float: right;
							}
							
						#productsListArea .products .box{
							float: left;
							position: relative;
							width: 340px;
							height: 240px;
							margin: 10px;
							display: inline;
							padding: 10px 0;
							border-top: 4px solid #e0daca;
						}
							#productsListArea .box img{
								position: absolute;
								top: 20px;
								left: 10px;
							}
							#productsListArea .box h3{
								padding: 0 0 0 160px;
								font: bold 16px/22px "Arial";
								color: #8b898a;
							}
							#productsListArea .box ul{
								padding: 10px 0 0 160px;
								font: 13px/22px "Arial";
								color: #444;
							}
								#productsListArea .box li{
									list-style: none outside none;
								}
								#productsListArea .box li strong{
									display: block;
									text-align: right;
									border-top: 1px solid #eee;
								}
							#productsListArea .box .more{
								position: absolute;
								bottom: 10px;
								right: 0;
								width: 109px;
								height: 25px;
								display: block;
								background: url(./../img/ButtonSmall.png) no-repeat;
								text-indent: 35px;
								font: bold 11px/25px "Arial";
								color: #555;
								text-decoration: none;
							}
							#productsListArea .box .more:hover{
								color: #009cdd;
							}
							
						#productsListArea .productCart{
							width: 580px;
							float: left;
							display: inline;
							margin: 0 0 0 20px;
							position: relative;
						}
							#productsListArea .productCart ul.details{
								padding: 20px 0 0 0;
								font: 13px/22px "Arial";
								color: #444;
							}
								#productsListArea .productCart ul.details li{
									list-style: none outside none;
								}
								#productsListArea .productCart ul.details li strong{
									display: block;
									text-align: right;
									border-top: 1px solid #eee;
								}
						.productCart h2{
							border-top: 4px solid #e0dcd1;
							padding-top: 10px;
							padding-bottom: 40px;
						}
						.productCart .miniatures{
							float: left;
							width: 70px;
						}
						.productCart .mainPhoto{
							float: left;
							width: 250px;
						}
						.productCart .details{
							width: 200px;
							float: left;
						}
						.productCart .description{
							clear: left;
							font: 13px/18px "Arial";
							color: #333;
							padding: 20px 0 0 0;
						}
						#contents .productCart .description .button{
							background-image: url(./../img/button_long.png);
							width: 223px;
						}
							.productCart .description h4{
								font: bold 13px/18px "Arial";
								color: #333;
								padding: 20px 0 0 0;
							}
							.productCart .description a{
								color: #999;
							}
							.productCart .description p{
								padding: 10px 0;
							}
							.productCart .description ul{
								padding: 10px 0 10px 0;
							}
	/*--modyfikacje 10 lutego--*/
.productCart .description li{
	list-style: disc inside none;
	padding: 10px 0 0 0;
}

.productCart ul.colors{
clear: both;
}
.productCart ul.colors li{
	list-style: none outside none;
	float: left;
	display: block;
	width: 168px;
	height: 24px;
	font: 13px/20px "Arial";
	border: 1px solid #eee;
	padding: 2px 2px 0 2px;
}
.productCart ul.colors li img{
	width: 20px;
	height: 20px;
	vertical-align: bottom;
	margin-right: 10px;
	border: 1px solid #777;
}

.productCart p.extra{
height:50px;
padding:10px 0 0;
width: 200px;
margin: 20px 50px 0 0;
clear: both;
}
.productCart p.extra a{
background:#fff;
border:1px solid #aaa;
color:#aaa;
display:block;
float:left;
font: 10px/12px "Arial";
margin-right:5px;
padding:10px;
text-align:center;
text-transform:uppercase;
width:70px;
}
.productCart p.extra a strong{
	color:#DD5525;
display:block;
font: bold 22px/30px "Trebuchet Ms";
text-transform:none;
}
						
						.otherProducts{
							float: right;
							display: inline;
							margin: 0 10px 0 0;
							width: 80px;
							padding: 10px;
							border-top: 4px solid #e0dcd1;
						}
							.otherProducts h4{
								padding: 5px 0;
								font: bold 11px/18px "Arial";
							}
							
							.otherProducts .promo{
								width: 80px;
								margin: 0 auto;
							}
							.otherProducts .promo img{
								display: block;
								margin: 20px auto 5px auto;
								border: 0;
							}
							.otherProducts h5 a{
								font: 11px/18px "Arial";
								color: #333;
								text-decoration: none;
							}
							.otherProducts h5 a span{
								display: block;
								font: bold 11px/18px "Arial";
								text-align: right;
							}

							
/*-- modyfikacje 10 lutego --*/
#stores_list, #rules{
	float: right;
	width: 700px;
	margin-right: 10px;
	display: inline;
}
	#stores_list{
		font: 13px/18px "Tahoma";
	}
	#rules{
		font: 13px/18px "Tahoma";
		padding: 10px 0 20px;
		border-top: 4px solid #e0dcd1;
	}
	#stores_list .about, #stores_list .salon_display, #stores_list .salons{
		padding: 10px 0 20px;
		border-top: 4px solid #e0dcd1;
		clear: both;
	}
	#stores_list .salon_display p{
		clear: both;
	}
	.salon_display a{
	 color: #aaa;
	}
	#stores_list .salon_display img{
		background: #ddd none repeat scroll 0 0;
		border:1px solid #aaa;
		float: left;
		margin:0 10px 10px 0;
		padding:4px;
	}
	#stores_list .about h3, #rules h3{
		font: bold 18px/22px "Trebuchet Ms";
	}
	#stores_list h4, #rules h4{
		font: bold 18px/22px "Trebuchet Ms";
		color: #999;
		padding-bottom: 10px;
	}
	.salons .salon_small{
		float: left;
		height: 140px;
		width: 340px;
	}
		.salons a{
			color:#aaa;
			display:block;
			font: 12px/14px "Arial";
			padding:20px;
			text-align:right;
		}
		.salon_small a.shop_img{
			float:left;
			margin:0 10px 10px 0;
			padding:0;
		}
		.salons img{
			background:#ddd none repeat scroll 0 0;
			border:1px solid #aaa;
			padding:4px;
		}

		
		
						.clearer{
							clear: both;
						}
#footer{
	background: #fff url(./../img/FooterUnderline.png) repeat-x bottom;
}
	#footer .page{
		background: #fff url(./../img/FooterUnderline.png) repeat-x bottom;
		padding: 20px 10px 10px 10px;
		width: 920px;
		height: 240px;
		position: relative;
	}
		#footer form fieldset{
			border: 0;
		}
		#footer form .formWrapper{
			position: relative;
			vertical-align: middle;
			height: 56px;
			background: url(./../img/LifeIsAJourney.png) no-repeat right;
		}
			#footer form label em{
				font: bold 16px/18px "Arial";
				position: absolute;
				top: 6px;
				color: #aaa;
				left: 10px;
			}
			#footer form input#searchBox{
				background: url(./../img/TextInput.png) no-repeat left;
				width: 209px;
				height: 18px;
				padding: 7px 0 5px 8px;
				margin-left: 100px;
				border: 0;
				color: #777;
			}
			#footer form input.search{
				background: url(./../img/SearchIcon.png) no-repeat left;
				width: 27px;
				height: 27px;
				border: 0;
				cursor: pointer;
				padding: 0;
			}
		#visitShop{
			position: absolute;
			right: 10px;
			top: 100px;
			display: block;
			width: 258px;
			height: 78px;
			background: url(./../img/VisitOurShop.png) no-repeat;
			text-indent: -9999px;
			outline: 0;
		}		
		
		#footerLinks{
			clear: both;
			overflow: hidden;
			margin: -10px 0 0 0;
		}
			#footerLinks .box{
				float: left;
				margin: 10px;
				width: 210px;
				display: inline;
			}
				#footerLinks h4{
					font: bold 13px/18px "Arial";
					color: #000;
					padding: 0 0 10px 0;
				}
				#footerLinks .box li{
					list-style: none outside none;
				}
				#footerLinks a{
					font: 13px/18px "Arial";
					color: #999;
					text-decoration: none;
				}
				#footerLinks a:hover{
					color: #555;
					text-decoration: underline;
				}
		.copyright{
			position: absolute;
			bottom: 15px;
			clear: both;
			font: 13px/22px "Arial";
			color: #999;
			padding: 0 10px;
		}