/**
 *
 * APART sale Stylesheet
 *
 * Contains style information for elements connected to displaying sale items.
 *
 * @style       Standard Layout
 * @media       screen
 * @css-for		Mozilla Firefox
 * @version     0.1
 * @author      Milan Matull <http://www.twoantennas.com>
 * @copyright   Two Antennas, Matull & Schieben GbR
 * @licensor    Fork Unstable Media GembH
 * @layout      12 columns at 71px + 10 px gutter each
 				
 							 				
 */

.ap-sale #main {
	position: relative;
	width: 960px;
	padding: 10px 6px 0;
	background: transparent url("../img/nav/ap-checkout-main.png") no-repeat scroll 50% -4px;
}

/*
.ap-advice #footer {
	padding-top: 15px;
}
*/

/**
 * @section	ap-sale-nav
 * @see		ap-products-nav / ap-products.css
 *
 * Subnavigation of sale in listing
 *
 */

.ap-sale-nav {
	margin: 0 10px 10px 0;
	float: left;
	width: 314px;
	background: transparent url(../img/nav/pattern-dots.png) 2px 2px repeat;
}

.ap-sale-nav-inner {
	float: left;
	width: 314px;
	margin: 20px 0;
	padding: 0;
	height: 391px;
	background: #fff url(../img/nav/ap-sale-nav.png) 0 0 no-repeat;
	overflow: hidden;
}

.ap-sale-nav-backlink, 
.ap-sale-nav-backlink h1,
.ap-sale-nav-backlink h1 a, 
.ap-sale-nav-backlink h1 a:hover {
	float: left;
	width: 314px;
	height: 220px;
	text-indent: -10000px;
	margin: 0;
	background: transparent;
}

.ap-sale-nav ul {
	float: left;
	width: 136px;
	padding: 0 0 0 21px;
}

.ap-sale-nav li {
	float: left;
	width: 100%;
	margin: 0 0 6px;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.ap-sale-nav a {
	float: left;
	padding: 0 3px;
}

.ap-sale-nav a:hover {
	background: #b2b2b2;
	color: #fff;
}

.ap-sale-nav h1 {
	float: left;
	width: 293px;
	margin: 0 0 18px 21px;
	font-size: 18px;
	text-transform: uppercase;
	color: #999;	
	font-family: arial, helvetica, sans-serif;
	letter-spacing: 1px;	
}

.ap-sale-nav h1 a {
	color: #999;
}

.ap-sale-nav h1 a span {
	font-size: 12px;
}


/**
 * @section 	ap-sale-index
 * 
 * Section Index. Including n items.
 * 
 */
 
.ap-sale-index #main {
	width: 962px;
	padding: 10px 5px 0;
}

.ap-sale-index .ap-layout-pagination {
	margin: 8px 0 0;
}

.ap-sale-index .ap-layout-header {
	margin: 0 0 1px;
}

.ap-sale-index .ap-layout-breadcrump {
	margin: 8px 0 0;
}

.ap-sale-index .message-global {
	margin: 0 0 8px 0;
	width: 946px;
}


/**
 * @section 	ap-sale-listing
 * 
 * Product listings. 1 hierarchy level deeper.
 * nav-items are not shown in uppercase and font size is increased,
 * 
 */

.ap-sale-listing .ap-sale-nav li {
	text-transform: none;
	font-size: 12px;
}

/**
 * @section 	ap-layout-item
 * 
 * N sale teaser boxes.
 * 
 */
 
.ap-sale a .ap-layout-item-overlay-sale {
	display: block;
	height: 60px;
	height: 46px;
	padding: 14px 0 0;
}

.ap-sale a:hover .ap-layout-item-overlay-sale {
	height: 80px;
	height: 66px;
}

.ap-sale a .ap-layout-item-title {
	display: none;
	margin-top: 0;
}

.ap-sale a:hover .ap-layout-item-title {
	display: block;
	height: 20px;
}

.ap-sale a .ap-layout-item-price {
	font-size: 18px;
	color: #b15da4;
}

.ap-sale a .ap-layout-item-price del {
	display: block;
	color: #5c5f65;
}

.ap-sale .ap-layout-item-reduction {
	color: #B15DA4;
	display: block;
	left: 120px;
	position: absolute;
	top: 14px;
}

.ap-sale a:hover .ap-layout-item-reduction {
	top: 34px;
}