/* @group Warehouse Sale - /front/warehouse.tpl */

body.warehouse {
	background: url(/images/promotions/warehouse/warehouse-background.jpg) top center repeat #bc9973;
	background-attachment: fixed;
}

	body.warehouse h1 {
		padding: 0;
		margin: 10px 0 10px;
		border: 0;
	}
	
	body.warehouse h2 {
		float: right;
		padding: 0;
		margin: 100px 0 -40px;
		border: 0;
		position: relative;
	}
	
	body.warehouse ul.menu {
		width: 180px;
		margin: 0 0 20px;
		padding: 25px 10px 10px 30px;
		font-family: Courier, monospace;
		background: url(/images/promotions/warehouse/warehouse-menu.png) top left repeat-y #f2f2f2;
		-webkit-box-shadow: 3px 3px 3px rgba(30,30,30,0.2);
		-moz-box-shadow: 3px 3px 3px rgba(30,30,30,0.2);
	}
		
		body.warehouse ul.menu li {
			list-style: none;
			margin: 0 0 5px;
		}
			
			body.warehouse ul.menu li a,
			body.warehouse ul.menu li a:active {
				color: black;
			}
			
			body.warehouse ul.menu li a {
				display: inline-block;
				padding: 1px 5px;
				text-decoration: none;
				-webkit-backface-visibility: hidden;
				-webkit-transition: all 100ms ease-out;
				-moz-transition: all 100ms ease-out;
				transition: all 100ms ease-out;
			}
			
				body.warehouse ul.menu li a:hover {
					background-color: #00ff00;
					background-color: rgba(0,255,0,0.4);
				}
				
					body.warehouse ul.menu li:nth-child(odd) a:hover {
						-webkit-transform: rotate(-1deg) scale(1.1);
						-moz-transform: rotate(-1deg) scale(1.1);
						transform: rotate(-1deg) scale(1.1);
					}
					
					body.warehouse ul.menu li:nth-child(even) a:hover {
						-webkit-transform: rotate(1deg) scale(1.1);
						-moz-transform: rotate(1deg) scale(1.1);
						transform: rotate(1deg) scale(1.1);
					}

	body.warehouse ul.listing li {
		cursor: pointer;
		font-family: Courier, monospace;
		position: relative;
		-webkit-backface-visibility: hidden;
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		transition: all 100ms ease-out;
	}
		
		body.warehouse ul.listing li:hover {
			z-index: 99;
		}
		
			body.warehouse ul.listing li:nth-child(odd):hover {
				-webkit-transform: rotate(-3deg) scale(1.1);
				-moz-transform: rotate(-3deg) scale(1.1);
				transform: rotate(-3deg) scale(1.1);
			}
			
			body.warehouse ul.listing li:nth-child(even):hover {
				-webkit-transform: rotate(2deg) scale(1.05);
				-moz-transform: rotate(2deg) scale(1.05);
				transform: rotate(2deg) scale(1.05);
			}
			
			body.warehouse ul.listing li:nth-child(3n+3):hover {
				-webkit-transform: rotate(-1deg) scale(1.07);
				-moz-transform: rotate(-1deg) scale(1.07);
				transform: rotate(-1deg) scale(1.07);
			}
	
	body.warehouse ul.listing li a {
		width: 210px;
		height: 330px;
	}
	
	body.warehouse ul.listing li a span.image {
		height: 212px !important;
		border: 5px solid white;
	}
	
	body.warehouse ul.listing li a span.offer {
		display: none;
	}
	
	body.warehouse ul.listing li a span.title {
		color: black;
		height: 32px;
		background-color: white;
		padding: 0 5px 5px;
		margin: 0;
	}
	
	body.warehouse ul.listing li a span.price {
		width: 100%;
		height: 40px;
		position: absolute;
		bottom: 0;
		background-color: transparent;
	}
		
		body.warehouse ul.listing li a span.price strong.amount {
			font-size: 36px;
			color: white;
			text-shadow: none;
			line-height: 1em;
			display: block;
			float: left;
			position: absolute;
			bottom: 0; right: 0;
			border: 0 none;
			background-color: #333;
		}
			
			body.warehouse ul.listing li.sale a span.price strong.amount {
				background-color: #cd1c00;
			}
		
			body.warehouse ul.listing li a span.price strong.amount span {
				display: inline;
			}
	
		body.warehouse ul.listing li a span.price em.was {
			color: white;
			text-shadow: 1px 1px 1px rgba(30,30,30,0.6);
			display: block;
			float: left;
			position: absolute;
			bottom: 0; left: 0;
			border: 0 none;
		}
			
			body.warehouse ul.listing li a span.price em.was span {
				font-size: 14px;
				text-decoration: line-through;
			}
			
			body.warehouse ul.listing li a span.price em.was strong {
				font-size: 16px;
				text-transform: uppercase;
			}
			
			body.warehouse ul.listing li a span.price em.was em,
			body.warehouse ul.listing li a span.price em.was strong {
				display: block;
			}
	
	body.warehouse ul.listing li small {
		width: auto;
		color: white;
		background-color: black;
		padding: 2px 5px 3px;
		margin: 0;
		float: left;
		position: absolute;
		bottom: 90px;
	}
	
		body.warehouse ul.listing li small a {
			color: white;
		}