*{

	margin: 0;

	padding: 0;

}



body{

	background: #6e6e90;

}

.page{

	width: 940px;

	margin: 0 auto;

}



#topNav{

	background: #333333 url(./../img/TopNavUnderline.png) repeat-x bottom;

}

	#topNav .page{

		background: #333333 url(./../img/TopNavUnderline.png) repeat-x bottom;

		height: 30px;

	}

	

	#topNav a{

		color: #e6e6e6;

		font: 11px/28px "Arial";

		padding: 0 20px;

		text-decoration: none;

		background: url(./../img/spacerBar.png) no-repeat right;

	}

	#topNav a:hover{

		color: #d8a667;

		text-decoration: underline;

	}

	

	#topNav li{

		list-style: none outside none;

		display: inline;

	}

		.topLeftMenu{

			float: left;

			width: 350px;

		}

		.topRightMenu{

			float: right;

			width: 550px;

			text-align: right;

		}



#header{

	background: #000;

}

	#header .page{

		height: 130px;

		background: #000;

		position: relative;

	}

		#header h1{

			position: absolute;

			width: 246px;

			height: 58px;

			background: url(./../img/ValentiniLogo.png) no-repeat;

			top: 80px;

			left: 12px;

		}

			#header h1 a{

				display: block;

				text-indent: -9999px;

				outline: 0;

				width: 100%;

				height: 100%;

			}

			

		#header .subtitle{

			background: url(./../img/AgaLeatherFashionLogoBW.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;

			right: 20px;

			text-align: right;

		}

			#header li{

				list-style: none outside none;

				display: inline;

				font: 15px/30px "Arial";

				letter-spacing: 2px;

			}

				#header li a{

					padding: 5px 10px 5px 10px;

					color: #fff;

					text-decoration: none;

					/*

					border-bottom: 2px solid #fff;

					background: url(./../img/menuGradient.png) repeat-x bottom;

					*/

				}

				#header li a:hover, #header li.selected a{

					color: #777;

					background: none;

					/*

					border-bottom: 2px solid #000;

					*/

				}

		

		#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{

	background: #000;

}

	#contents .page{

		background: #000;

		

		padding: 10px 10px 10px 10px;

		width: 920px;

		overflow: hidden;

	}				

		#contents h3{

			font: bold 16px/18px "Arial";

			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-image: url(./../img/button_long.png);
			width: 223px;

		}

			#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/picture1.jpg) no-repeat;

			float: left;

		}

		

		#textBox{

			width: 210px;

			float: right;

		}

			#textBox .box{

				border-top: 4px solid #fff;

				padding: 10px 0 10px;

			}

			#textBox blockquote p{

				font: 15px/18px "Arial";

				color: #eee;

			}

			#textBox .author{

				font: 14px/18px "Arial";		

				padding: 20px 0 0;

				color: #fff;

				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{

			padding-top: 10px;

			clear: both;

		}

			#productsRangeArea h3, #collectionsArea h3{

				border-top: 2px solid #333;

				margin: 0 10px;

				color: #777;

				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 #777;

				}

				.portfele{

					background-image: url(./../img/portfele.jpg);

				}

				.teczki{

					background-image: url(./../img/teczki.jpg);

				}

				.paski{

					background-image: url(./../img/paski.jpg);

				}

				.zestawy{

					background-image: url(./../img/zestawy.jpg);

				}

				.akcesoria{

					background-image: url(./../img/akcesoria.jpg);

				}

				.nowosci{

					background-image: url(./../img/nowosci.jpg);

				}

				.etui{

					background-image: url(./../img/etui.jpg);

				}

				.promocje{

					background-image: url(./../img/promocje.jpg);

				}

					#productsRangeArea .box a em, #collectionsArea .box a em{

						position: absolute;

						display: block;

						width: 100%;

						text-align: center;

						bottom: 0px;

						padding: 3px 0;

						font: bold 13px/22px "Arial";

						letter-spacing: 0.2em;

						color: #ccc;

						background: url(./../img/opacity.png);

					}

					#productsRangeArea .box a:hover, #collectionsArea .box a:hover{

						border-color: #eee;

					}

					#productsRangeArea .box a:hover em, #collectionsArea .box a:hover em{

						color: #fff;

					}

					

					#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 10px;

							border-top: 1px solid #eee;

							border-bottom: 1px solid #eee;

							position: relative;

							background: #fff;

						}

						#productsListArea h2{

							color: #545454;

							font: 18px/22px "Arial";

						}

							#productsListArea h2 small{

								color: #bab7b2;

							}

						#productsListArea .navButtons{

							width: 200px;

							height: 25px;

							position: absolute;

							top: 4px;

							left: 490px;

						}

							#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 #999;

							background: #fff;

						}

							#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 10px 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: 10px;

								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: 560px;

							padding: 0 10px;

							float: left;

							display: inline;

							margin: 0 0 0 20px;

							position: relative;

							background: #fff;

							border-top: 4px solid #e0dcd1;

						}

							#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{

							

							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: #777;

							padding: 20px 0 0 0;

						}

							.productCart .description h4{

								font: bold 13px/18px "Arial";

								color: #333;

							}

							.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;

							background: #fff;

						}

							.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: 680px;
	margin-right: 10px;
	display: inline;
	background: #fff;
}
	#stores_list{
		font: 13px/18px "Tahoma";
	}
	#rules{
		font: 13px/18px "Tahoma";
		padding: 10px 10px 20px;
		border-top: 4px solid #e0dcd1;
	}
	#stores_list .about, #stores_list .salon_display, #stores_list .salons{
		padding: 10px 10px 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: 330px;
	}
		.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: #6e6e90 url(./../img/FooterGradient.png) repeat-x top;

}

	#footer .page{

		background: #6e6e90 url(./../img/FooterGradient.png) repeat-x top;

		padding: 20px 10px 10px 10px;

		width: 920px;

		height: 325px;

		position: relative;

	}

		#bottomMenu{

			background: #000 url(./../img/bottomMenu.png) repeat-x top; 

			margin: 0 0 30px 0;

			text-align: center;

			padding: 5px 0;

		}

			#bottomMenu li{

				list-style: none outside none;

				display: inline;

				padding: 5px 30px;

				background: url(./../img/spacerBar.png) no-repeat right;

			}

			#bottomMenu li a{

				color: #fff;

				font: 12px/22px "Arial";

				text-decoration: none;

			}

		

		#shadow{

			background: url(./../img/shadow2.png) no-repeat center bottom;

			height: 150px;

		}

		#footer p.theV{

			height: 30px;

			text-align: center;

			background: url(./../img/V.png) no-repeat center;

		}

		#footer p.theV a{

			font: 12px/30px "Arial";

			letter-spacing: 0.2em;

			color: #fff;

			text-decoration: none;

		}

		#footer .left{

			float: left;

			width: 400px;

			text-align: right;

		}

		#footer .right{

			float: right;

			width: 400px;

			text-align: left;

		}