﻿h1 { display: none; }


#product form .button  { border: 1px solid #e857d4; padding: 7px 3px; background: #fbdff7; }
	#product form .button input { margin: 0; outline: none; background-color: white; padding: 3px 6px 3px 6px; border: 0; }

.product { 
	position: relative;
	height: 158px; border: 1px solid white;
	background: white url(images/catalog-bg.gif) 0 0 repeat-x; }
	.product a { 
		display: block; position: absolute; color: #4d4d4d; text-decoration: none;
	  top: 0; bottom: 0; height: 158px; width: 100%; }
		.product a .thumbnail img { border: none; position: absolute; left: 114px; bottom: 0; margin-left: -64px; }
		.product a .name { 
			display: block; position: absolute; top: -90px; padding: 0 10px; width: 208px; 
			text-align: center; font-weight: bold; }

	.product .details { position: absolute; left: 5px; bottom: 28px; }
		.product .details .articleNo { color: #808080; display: block; font-weight: normal; }

	.product .comments { 
		position: absolute; left: 0; top: 138px; text-align: center;
		color: #9cccf7; font-size: 11px; text-decoration: none; padding: 2px 0 0 0; 
		width: 20px; height: 18px; background: url(images/catalog-icons.gif) 0 -70px no-repeat; }
		.product .comments span { display: none }

	.product .price { 
		display: block; position: absolute; right: 5px; bottom: 28px; }

	.product .parfume em { 
		position: absolute; left: 42px; bottom: 0; width: 20px; height: 20px; 
		overflow: hidden; text-indent: -1000px;
		background: url(images/catalog-icons.gif) 0 0 no-repeat; }
		.product .parfume .na { background-position: 0 20px }
		.product .parfume .h { background-position: 0 -130px }
		.product .parfume .n { background-position: 0 -150px }
		.product .parfume .o { background-position: 0 -170px }
		.product .parfume .p { background-position: 0 -110px }

	.product .favorite {
		position: absolute; left: 21px; bottom: 0; width: 20px; height: 20px;
		background: url(images/catalog-icons.gif) 0 -90px no-repeat; }
		.product .favorite span { 
			display: block; width: 20px; height: 20px; overflow: hidden; 
			background: url(images/catalog-icons.gif) 0 -90px no-repeat; }
			.product .favorite span input { 
				display: block; cursor: pointer; padding: 0 0 0 1000px; border: none; background: transparent; }

	.product-wide .basket,
	.product .basket { visibility: hidden; }
		.product .basket em { position: absolute; right: 4px; bottom: 4px; overflow: hidden; visibility: visible; }
		.product-wide .basket input,
		.product .basket input {
			color: white; cursor: pointer;
			position: absolute; right: 0; overflow: hidden; bottom: 0; visibility: visible;
			border: none; padding: 1px 0; text-align: center; margin: 0; width: 62px; height: 20px;
			background: url(images/catalog-icons.gif) 0 -50px repeat-x; }

	.product-wide { 
		position: relative; height: 160px; border: 1px solid white; background: white }
		.product-wide a {
			padding: 0 16px 0 246px; width: 212px;
			display: block; position: absolute; color: #4d4d4d; text-decoration: none;
			top: 0; bottom: 0; height: 158px; }
			.product-wide a .thumbnail {
				position: absolute; overflow: hidden; 
				top: 0; left: 0; width: 230px; height: 160px; }
				.product-wide a .thumbnail img { 
					border: none; position: absolute; top: -40px; left: -65px; }
			.product-wide a .summary { display: block; margin: 8px 0; }
			.product-wide a .readMore { display: block; background: url(images/catalog-icons.gif) 0 -455px no-repeat; padding-left: 20px; color: #006cc8; }
		.product-wide	.parfume, .product-wide .favorite, .product-wide .size { display: none; }
		.product-wide .details { position: static; display: block; text-align: left; font-weight: bold; margin-right: 26px; }
		.product-wide .basket { position: absolute; bottom: 0; right: 0; } 
		.product-wide .price { position: absolute; bottom: 26px; right: 8px; } 
		.product-wide .comments { 
			display: block; position: absolute; top: 16px; right: 16px; padding: 0;
			background: url(images/community-icons.gif) 0 -40px no-repeat;
			width: 20px; text-align: center; height: 18px; color: white;
			font-weight: normal; font-size: 11px; }
			.product-wide .comments span { display: none; }
	
.filter { 
	height: 124px; margin: 0 0 16px 0; padding: 16px; position: relative; left: -16px; width: 952px;
	background: #3686cb url(images/catalog-theme-bg.png) 0 0 repeat-x; }
	/* Category box */
	.filter .categories { 
		background: url(images/catalog-tabpage-bg.png) 0 26px repeat-x; 

		float: left; position: relative; width: 476px; height: 124px; margin-right: 16px; }
		.filter .categories h3 { margin: 0; }
			.filter .categories h3 a { 
				float: left; font-size: 14px; font-weight: normal;
				padding: 4px 12px 10px 12px; margin: 0 1px 0 0;
				background: url(images/catalog-tab-bg.png) 50% -32px repeat-x; 
				color: white; text-decoration: none; }
			.filter .categories .current h3 a { background-position: 50% 0; z-index: 1; color: #be28ac; }
		.filter .categories .page { 
			overflow: hidden; display: none; position: absolute; 
			top: 26px; left: 0; height: 71px; width: 448px;
			border: 1px solid white; border-top: none; padding: 13px; }
			.filter .categories .current .page { display: block; }
			.filter .categories .page div { float: left; font-size: 14px; margin: 0 10px 0 0; }
				.filter .categories .page div span { font-size: 13px; }
					.filter .categories .page div a { 
						display: block; margin: 0 0 2px 0; padding: 0 0 0 20px; 
						text-decoration: none; 
						background: url(images/catalog-icons.gif) 0 -32px no-repeat; }
						.filter .categories .page div a.selected { color: #be28ac; }
		.filter .peeking .current .page { display: none; }
			.filter .categories .hover .page { display: block; }
				.filter .categories .hover h3 a { color: #be28ac; }
				
	/* Search box */
	.filter .search { 
		float: left; position: relative; width: 230px; height: 124px; margin-right: 16px; }
		.filter .search h3 { margin: 0; }
			.filter .search h3 span { 
				float: left; font-size: 14px; font-weight: normal;
				padding: 4px 12px 10px 12px;
				background: url(images/catalog-tab-bg.png) 50% -32px repeat-x; 
				color: white; text-decoration: none; }
		.filter .search form {
			position: absolute; top: 26px; left: 0; height: 73px;
			margin: 0; padding: 12px 8px; overflow: hidden;
			border: 1px solid #4996d8; border-top: 0;
			background: white url(images/catalog-bg.gif) 0 -450px repeat-x;
			}
		.filter .search input.text { 
			display: block; float: left;
			border: none; padding: 7px 4px; width: 169px; 
			background: url(images/front-icons.gif) 0 -90px repeat-x; }
		.filter .search .button { 
			float: left; overflow: hidden; height: 30px; width: 31px; margin: 0 0 0 4px; 
			background: url(images/front-icons.gif) 0 -60px repeat-x; }
			.filter .search .button input { 
				display: block; width: 30px; height: 31px; padding: 1000px 0 0 0;
				border: none; cursor: pointer; background: transparent; }
		.filter .search p { 
			clear: both; overflow: hidden; 
			margin: 0 0 10px 0; padding: 0; 
			color: #d4e9fb; font-size: 12px; }

	/* Basket */
	.filter .basket { 
		float: left; position: relative; width: 206px; height: 116px; padding: 3px;
		background: white url(images/catalog-bg.gif) 0 -437px repeat-x; 
		border: 1px solid #4996d8; }
		.filter .basket h3 { display: none; }
		.filter .basket div { background: white; height: 104px; padding: 6px; }
			.filter .basket p { 
				padding: 3px; margin: 0;
				border: 1px solid #f2e5f6; background: #f0f3f6;
				font-size: 12px; color: #4d4d4d; text-align: center; }
				.filter .basket p strong { 
					display: block; margin-top: 0px; 
					font-size: 22px; font-weight: normal; color: #bc1aa6; }
			.filter .basket ul { margin: 0; padding: 0; list-style-type: none; }
				.filter .basket li { display: block; margin-top: 3px; }
				.filter .basket li a { 
					display: block; border: 1px solid #f2e5f6; padding: 3px;
					text-align: center; text-decoration: none; color: #bc1aa6; }
				.filter .basket li strong a { 
					border-color: #bc1aa6; color: white;
					background: #bc1aa6 url(images/catalog-bg.gif) 0 -559px repeat-x; }

.bestsellers, .recent, .outlet, .bonuspool { 
	margin: 0 0 16px 0; padding: 26px 16px 34px 16px; position: relative; left: -16px; width: 952px;
	background: #3686cb url(images/catalog-theme-bg.png) 0 0 repeat-x; color: white; font-size: 14px; }
	.bestsellers h2, .recent h2, .outlet h2, .bonuspool h2 { font-size: 22px; margin: 0 0 4px 0; }

/* Catalog search recommendations */
.recs {
	border-top: 1px solid #bbd8f3; overflow: hidden; }
	.recs h3 { float: left; width: 130px; padding: 10px; font-size: 13px; height: 60px; font-weight: bold; background: url(images/catalog-rec-bg.png) bottom left repeat-x; }
	.recs p a { 
		float: left; overflow: hidden; position: relative; width: 182px; height: 60px; 
		padding: 10px 10px 10px 80px; font-size: 11px;color: #4d4d4d;
		background: white url(images/catalog-rec-item.png) top left repeat-y; }
		.recs p a:hover { text-decoration: none; }
		.recs p img { position: absolute; top: 2px; left: 1px; }
		.recs p strong { display: block; font-size: 12px; }
		.arecs p em { margin-top: 4px; display: block; font-size: 12px; }
		.recs p em { position: absolute; bottom: 10px; left: 80px; display: block; font-size: 12px; }
			.recs p em span { color: #BC1AA6; font-weight: bold; }

#product .inner { padding: 32px; width: 904px; background: white; }
	.ie67 #product form .button { padding: 3px; }
	#product .summary { font-size: 14px; color: #bc1aa6; margin: 0 0 7px 0; }
	#product h2 { font-size: 22px; font-weight: normal; margin: 0 0 12px 0; }
	#product .images,
	#product .makeup,
	#product .order,
	#product .facts { 
		clear: right; float: right;
		width: 362px; margin: 0 0 10px 16px; 
		border: 1px solid #ccc; padding: 3px; }
		#product .images { border-color: #ccc; background: #f2f2f2; width: 362px; }
			#product .images img { display: block; }
			#product .images .thumbnails { 
				position: absolute; top: 0; left: 0; }
			#product .images .thumbnails img { border: 1px solid #ccc; border-width: 0 1px 1px 0; padding: 2px; background: white; } 
		#product .makeup { padding: 0; border: 0; background: url(images/catalog-makeup-link.gif) 0 0 no-repeat; width: 370px; margin-left: 0; }
			#product .makeup a { display: block; color: white; padding: 5px 50px; font-size: 12px; text-decoration: none; }
		#product .order { border-color: #e857d4; background: #fbdff7; }
			#product .order form { background: white; padding: 8px 10px 14px 10px; position: relative;  }
				#product .order form .price { position: relative; top: 0.3em; padding: 0 5px 0 8px; }
					#product .order form .price .discount { top: -0.3em; }
				#product .order form select { font-size: 16px; }
				#product .order form .button  { 
					position: absolute; right: 16px; top: 50%; 
					margin-top: -16px; padding: 4px 3px; 
					border-color: #e857d4; background: #fbdff7; }
					#product .order form .button input { 
						margin: 0; padding: 0px 6px 0px 26px; border: 0; outline: none; height: 26px; width: auto;
						background: white url(images/interface-icons.gif) 8px 6px no-repeat;  }
		#product .facts { 
			width: 370px; margin-bottom: 32px; padding: 3px 3px 1px 3px ; 
			border-collapse: separate;
			border-color: #b7dbf9; background: #e5f2fd; }
			#product .facts td, #product .facts th { background: white; padding: 3px; border-bottom: 2px solid #e5f2fd; }
			#product .facts th { font-weight: bold; }

	#product .description { width: 518px; overflow: hidden; }
		#product .description p { margin: 1em 0; }
		#product .pager .tabs { overflow: hidden; }
			#product .pager .tabs h3 {
				float: left; font-size: 14px; font-weight: normal;
				padding: 4px 12px 10px 12px; margin: 0 1px 0 0;
				background: url(images/catalog-tab-bg.png) 50% -64px repeat-x; 
				color: #006cc8; text-decoration: none; cursor: pointer; }
			#product .pager .tabs h3.selected { background-position: 50% -96px; color: white; }
			#product .pager .tabs h3.tab-comments span { background: url(images/catalog-icons.gif) 0 -412px no-repeat; padding-left: 20px; }
			#product .pager .tabs h3.selected.tab-comments span { background-position: 0 -433px; }
		#product .pager .page { display: none; margin-top: 20px; }
			#product .pager .selected { display: block; }

	#product .allergy { float: right; margin: 0 0 16px 16px }
		#product .allergy a { 
			display: block; width: 88px; height: 70px; overflow: hidden; text-indent: -1000px;
      background: url(images/catalog-icon-allergy.png) 0 0 no-repeat; }
	
	#product .tips {}
		#product .tips dt { font-weight: bold; }
		#product .tips dd { margin-bottom: 0.5em; }

	#product .inspiration li {
		background: url(images/catalog-icons.gif) 0 -379px no-repeat;
		padding-left: 20px; margin: 4px 0; }

	#product .series { margin: 20px 0 }
		#product .series p { margin: 8px 0 }
		#product .series img { border: 1px solid #d4e9fb; background: white; padding: 10px; }
		#product .series a {
			background: url(images/catalog-icons.gif) 0 -379px no-repeat;
			padding-left: 20px; margin: 4px 0; }

	#comments form { margin: 16px 0; }
		#comments form .button { border-color: #8ed000; background: #e5fab9; }
			#comments form .button input {  }
	#comments ul form { margin: 4px 0; }

.bar {
	padding: 0 0 16px 0;
	background: url(images/shadow-12col.png) bottom left no-repeat; }
	.bar .inner { 
		overflow: hidden; padding: 1px; border: 1px solid white; position: relative;
		background: url(images/catalog-bg.gif) 0 -582px repeat-x; }
	.ie6 .bar .inner { zoom: 1 }
	.bar .inner .return { padding: 0 0 0 10px; line-height: 24px; }
		.bar .inner .return a {	background: url(images/catalog-icons.gif) 0 -350px no-repeat; padding: 2px 0 2px 25px; }

#related { margin-top: 16px; }
	#related h3 {
		font-weight: bold; padding: 5px 0 3px 35px;
		background: url(images/catalog-icons.gif) 10px -3px no-repeat; }

	
