/**
 *
 * APART Products Stylesheet
 *
 * Contains style information for elements connected to displaying products.
 *
 * @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-products #main {
	position: relative;
	width: 960px;
	padding: 10px 6px 0;
	background: transparent url("../img/nav/ap-checkout-main.png") no-repeat scroll 50% -4px;
}

.ap-products-index #footer,
.ap-products-outfit #footer,
.ap-products-detail #footer {
	background: none;
}

.ap-products-index #nav-footer,
.ap-products-detail #nav-footer {
	padding: 0;
}

.ap-products h3 {
	margin: 0 0 18px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
}

.ap-products-ratings, 
.ap-products-combination, 
.ap-products-history {
	float: left;
	width: 100%;
}


/**
 * @section 	ap-products-confirmation
 * 
 * Confirmation in header after user added a product to basket
 * 
 */


.ap-products-confirmation {
	position: absolute;
	right: 6px;
	top: -4px;
	width: 318px;
	height: 347px;
	z-index: 2;
	background-color: #5c5f65; /* theme */
	background-image: url(../img/products/ap-products-confirmation.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	overflow: hidden;
}

.ap-products-confirmation-product, 
.ap-products-confirmation-message {
	float: left;
	width: 258px;
	margin: 0 30px;
	padding: 23px 0;
	background: transparent url(../img/products/ap-products-confirmation-product.png) 50% 100% no-repeat;
}

.ap-products-confirmation-product-image {
	float: left;
	width: 125px;
	margin: 0 18px 0 0;

	width: 83px;	
	padding: 14px;
	background: #fff url(../img/nav/pattern-dots.png) 0 0 repeat;
	
}

.ap-products-confirmation-product-info {
	float: left;
	width: 115px;
	margin: 27px 0 0;
}

.ap-products-confirmation-product-info p {
	font-size: 12px;
	line-height: 24px;
}

/* message */

.ap-products-confirmation-message {
	background-image: url(../img/products/ap-products-confirmation-message.png);
	padding: 18px 0 65px;
}

.ap-products-confirmation-message h3 {
	margin: 0;
	text-transform: none;
	text-align: center;
}

/* action */

.ap-products-confirmation-action {
	float: left;
	width: 308px;
	margin: 0 5px 7px;
}

/* @todo: 	recalculate padding on input[type=cancel]. 
 * 			box model seems to be off course ff / mac <> ff / pc
 *
 */

.ap-products-confirmation-action .ap-button-secondary {
	background-color: transparent;
	/*
	height: 10px;
	line-height: 27px;
	padding-top: 9px;
	padding-bottom: 8px;
	overflow: hidden;
	*/
}

/**
 * @section ap-products-main
 * 
 * Wrapper for ap-products-content and ap-products-context
 * 
 */

.ap-products-main {
	float: left;
	width: 962px;
}

/**
 * @section ap-products-content
 * 
 * float right. 
 * 
 */

.ap-products-content {
	float: right;
	width: 393px;
	width: 474px;
	background: #eee;
	padding: 16px 0 0 81px;
	background: #fff url(../img/nav/pattern-dots.png) 0 0 repeat-x;
	position: relative;
}

/**
 * @section ap-products-feature
 * 
 * product feature indicators in triangles on top right. 
 * text is hidden via negative text-indent.
 */

.ap-products-feature {
	position: absolute;
	right: 1px;
	top: 20px;
	width: 57px;
	height: 55px;
}

.ap-products-feature p {
	float: left;
	width: 57px;
	height: 55px;
	display: block;
	text-indent: -10000px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.ap-products-feature-new p {
	background-image: url(../img/products/ap-products-feature-new.png);
}

.ap-products-feature-sale p {
	background-image: url(../img/products/ap-products-feature-sale.png);
}

.ap-products-feature-excl p {
	background-image: url(../img/products/ap-products-feature-excl.png);
}

/**
 * @section ap-products-title
 * 
 * Product title, price, article number and ratings.
 * 
 */

.ap-products-title {
	float: left;
	width: 368px;
	padding: 16px 0 0 25px;
	position: relative;
}

.ap-products-title .ap-products-title-primary, 
.ap-products-title .ap-products-rating {
	float: left;
}
.ap-products-title .ap-products-title-primary, 
.ap-products-title .ap-products-facebook {
	float: left;
}

.ap-products-title h1.ap-products-name {
	font-size: 24px;
	line-height: 36px;	
}

.ap-products-title h2.ap-products-price {
	font-size: 14px;
	line-height: 18px;
}

.ap-products-title h3.ap-products-number {
	font-size: 10px;
	line-height: 12px;
	text-transform: none;
}

.ap-products-title .ap-products-title-primary {
	width: 228px;
}

/**
 * @section ap-products-rating
 * 
 * Star rating in product title section.
 * 
 */

.ap-products-title .ap-products-rating {
	position: absolute;
	bottom: 18px;
	right: 0;
	font-size: 11px;
	font-weight: bold;
}

.ap-products-title .ap-products-rating a {
	float: left;
	text-decoration: none;
	color: #999;
	background: #fff;
	padding: 0 0 0 6px;
}

/**
 * 
 * Star rater is made of a sprite containing empty and filled stars. 
 * classes need to be set on span element to respresent different status.
 * 
 */

.ap-products-title .ap-products-rating p {
	float: left;
	height: 19px;
/*	background: transparent url(../img/products/ap-products-rating.png) 0 0 repeat-x;*/
}

.ap-products-title .ap-products-rating p .ap-products-rating-outer {
	float: left;
	display: block;
	height: 19px;
	width: 95px;
	background: transparent url(../img/products/ap-products-rating.png) 0 0 repeat-x;
	text-indent: -10000px;
}

.ap-products-title .ap-products-rating p .ap-products-rating-outer span {
	background: transparent url(../img/products/ap-products-rating.png) 0 -19px repeat-x;	
}

/**
 * @section ap-products-description
 * 
 * Product description. If text is too long for display overflow with system scrollbar.
 * 
 */


.ap-products-description {
	float: left;
	width: 343px;
	height: 96px;
	margin: 0 0 18px;
	padding: 0 25px;
	overflow: auto;
}

.ap-products-description p {
	font-size: 14px;
	line-height: 24px;
}

/**
 * @section ap-products-content
 * @todo Replace selects with custom made ui elements.
 * 
 * Product options and variations. 
 * 
 */

.ap-products-info {
	float: left;
	width: 393px;
}

.ap-products-info .select-inline {
	float: left;
	width: 393px;
	padding: 0 0 10px;
}

.ap-products-info .select-inline-sizes {
	padding: 0 0 17px;
}

.ap-products-info .select-inline .input {
	float: left;
	width: auto;	
	margin: 0;
	position: static;
}

.ap-products-info .select-inline label {
	float: left;
	width: 76px;
	text-indent: 25px;
	font-size: 14px;
	line-height: 38px;
}

.ap-products-info .select-inline .last label {
	width: 57px;
	text-indent: 10px;

}
.ap-products-info .select-inline .ru label {
	width: 57px;
	text-indent: 10px;
	line-height: 1.1;
}
.ap-products-info .select-inline select {
	float: left;
}

.ap-products-info .ap-products-size-advice {
	float: left;
	margin: 0 0 0 12px;
}

.ap-products-info .ap-products-size-advice a {
	float: left;
	margin: 10px 0 0;
	padding: 7px 0 0 0;
	background: transparent url(../img/products/ap-products-size-advice.png) 50% 0 no-repeat;
	font-size: 10px;
}

/**
 * @section ap-products-shippable
 * 
 */

.ap-products-shippable span {
	text-indent: 64px;
	font-size: 10px;
	line-height: 28px;
	text-transform: uppercase;
	background-position: 28px 0;
	padding: 0;
}

/* shadows */

.ap-products-shippable, 
.ap-products-info fieldset.action, 
.ap-products-meta-actions, 
.ap-products-options {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 14px;
	background: transparent url(../img/products/ap-products-section-shadow.png) 50% 0 no-repeat;	
}

/* paddings */

.ap-products-shippable {
	padding: 12px 0;
}

/**
 * @section ap-products-fieldset-action
 * 
 */


.ap-products-info fieldset.action {
	padding: 19px 0 17px;
}

.ap-products-info fieldset.action input {
	float: left;
	position: static;
	margin: 0 0 0 24px;
}

.ap-products-info fieldset.action p { /* success message beneath button */
	float: right;
	width: 165px;
	color: #67bd69;
}

fieldset.action div.confirmation {
	display: none;
}

fieldset.confirmed div.confirmation {
	display: block;
}

fieldset.confirmed div.action {
	display: none;
}

fieldset.loading div.loading {
	float: right;
	background: transparent url('../img/nav/loading-s-white.gif') no-repeat 0 50%;
	width: 165px;
	height: 38px;
}

fieldset.action div.confirmation .ap-button-primary-buy {
	background-position: -191px -49px;
}

/**
 * @section ap-products-meta-actions
 * 
 * Secondary actions below primary add to basket link.
 * 
 */

.ap-products-meta-actions {
	padding: 17px 0 16px;
	font-size: 12px;
	font-weight: bold;
}

.ap-products-meta-actions ul {
	margin: 0 25px;
}

.ap-products-meta-actions li {
	float: left;
	width: 50%;
	height: 27px;
	line-height: 27px;
}

.ap-products-meta-actions li a {
	display: block;
	height: 27px;
}

.ap-products-meta-actions li a:hover {
	color: #8f939b;
}

.ap-products-meta-actions li.first a {
	border-right: 1px solid #e0e0e0;
}

/**
 * Product meta action icons are combined in a sprite to save additional requests.
 * Each icon consumes 24 x 24px. Sprites are located by background position
 * 
 */


.ap-products-meta-actions li a span {
	float: left;
	margin: 3px 8px 0 0;
	width: 24px;
	height: 24px;
	background-image: url(../img/products/ap-products-meta-actions.png);
	background-repeat: no-repeat;
}

.ap-products-meta-actions li.watchlist {
	display: none;
}

.pm-recommend {
	background-position: 0 0;
}

a:hover .pm-recommend {
	background-position: -24px 0;	
}

.pm-watchlist {
	background-position: 8px -24px;	
}

a:hover .pm-watchlist {
	background-position: -16px -24px;	
}

/**
 * @section ap-products-options
 * 
 */

.ap-products-options {
	font-size: 10px;
	padding: 4px 0 36px;
	margin: 0;
}

.ap-products-options ul {
	margin: 0 25px;
}

.ap-products-options li {
	float: left;
	width: 50%;
}

.ap-products-options li a {
	display: block;
	line-height: 16px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px 0 9px;
	background: #f5f5f5;
}

.ap-products-options li a:hover {
	color: #8f939b;
}

/**
 * Product option icons are combined in a sprite to save additional requests.
 * Each icon consumes 16 x 16px. Sprites are located by background position
 * 
 */

.ap-products-options li a span {
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 10px;
	background-image: url(../img/products/ap-products-options.png);
	background-repeat: no-repeat;
}

.po-deffered {
	background-position: 0 0;
}

a:hover .po-deffered {
	background-position: -16px 0;
}

.po-urgent {
	background-position: 0 -16px;
}

a:hover .po-urgent {
	background-position: -16px -16px;
}

.po-packet-shop {
	background-position: 0 -32px;
}

a:hover .po-packet-shop {
	background-position: -16px -32px;
}

.po-hanger {
	background-position: 0 -48px;
}

a:hover .po-hanger {
	background-position: -16px -48px;
}

.po-wish-date {
	background-position: 0 -64px;
}

a:hover .po-wish-date {
	background-position: -16px -64px;
}


/**
 * @section ap-products-caretips
 * 
 * Additional product caretips below meta actions.
 * 
 */

.ap-products-caretips, 
.ap-products-hints {
	float: left;
	width: 343px;
	margin: 0 25px;
	padding: 0 0 27px;
/*	line-height: 33px; */
}

.ap-products-caretips h2, 
.ap-products-hints h2 {
	margin: 0 0 18px;
	font-size: 18px;
}

.ap-products-caretips li, 
.ap-products-hints li {
	float: left;
	width: 343px;
	font-size: 14px;
}


/**
 * Caretips icons are combined in a sprite to save additional requests.
 * Each icon consumes 36 x 33px. Sprites are located by background position.
 * Icons are ordererd semantically in columns and rows.
 * 
 */

/* full view in lightbox */


.ap-lightbox-products-caretips .ct-icon {
	display: block;
	width: 36px;
	height: 33px;
	background-image: url(../img/products/ap-products-caretips-big.png);
	background-repeat: no-repeat;
	line-height: 33px;
	text-indent: -10000px;
	margin: 0 auto;
}

.ap-lightbox-products-caretips .ct-label {
	float: right;
	width: 304px;
	line-height: 17px;
	padding: 8px 0;
}

.ap-lightbox-products-caretips .ct-washing-true {	background-position: 0 0; }
.ap-lightbox-products-caretips .ct-washing-false {	background-position: 0 -33px; }
.ap-lightbox-products-caretips .ct-washing-hand {	background-position: 0 -66px; }

.ap-lightbox-products-caretips .ct-washing-normal-95 {	background-position: -36px 0; }
.ap-lightbox-products-caretips .ct-washing-normal-60 {	background-position: -36px -33px; }
.ap-lightbox-products-caretips .ct-washing-normal-40 {	background-position: -36px -66px; }
.ap-lightbox-products-caretips .ct-washing-normal-30 {	background-position: -36px -99px; }

.ap-lightbox-products-caretips .ct-washing-save-95 {	background-position: -72px 0; }
.ap-lightbox-products-caretips .ct-washing-save-60 {	background-position: -72px -33px; }
.ap-lightbox-products-caretips .ct-washing-save-40 {	background-position: -72px -66px; }
.ap-lightbox-products-caretips .ct-washing-save-30 {	background-position: -72px -99px; }

.ap-lightbox-products-caretips .ct-washing-special-40 {	background-position: -108px -66px; }
.ap-lightbox-products-caretips .ct-washing-special-30 {	background-position: -108px -99px; }

.ap-lightbox-products-caretips .ct-ironing-3 {	background-position: -144px 0; }
.ap-lightbox-products-caretips .ct-ironing-2 {	background-position: -144px -33px; }
.ap-lightbox-products-caretips .ct-ironing-1 {	background-position: -144px -66px; }
.ap-lightbox-products-caretips .ct-ironing-0 {	background-position: -144px -99px; }

.ap-lightbox-products-caretips .ct-drying-3 {	background-position: -180px 0; }
.ap-lightbox-products-caretips .ct-drying-2 {	background-position: -180px -33px; }
.ap-lightbox-products-caretips .ct-drying-1 {	background-position: -180px -66px; }
.ap-lightbox-products-caretips .ct-drying-false {	background-position: -180px -99px; }

.ap-lightbox-products-caretips .ct-bleaching-oxygen {	background-position: -216px -33px; }
.ap-lightbox-products-caretips .ct-bleaching-xyz {	background-position: -216px -66px; }
.ap-lightbox-products-caretips .ct-bleaching-false {	background-position: -216px -99px; }

.ap-lightbox-products-caretips .ct-cleaning-wet-2 { background-position: -252px 0; }
.ap-lightbox-products-caretips .ct-cleaning-wet-1 { background-position: -252px -33px; }
.ap-lightbox-products-caretips .ct-cleaning-wet-0 { background-position: -252px -66px; }
.ap-lightbox-products-caretips .ct-cleaning-wet-false { background-position: -252px -99px; }

.ap-lightbox-products-caretips .ct-cleaning-kilo-fluorine-2 { background-position: -288px 0; }
.ap-lightbox-products-caretips .ct-cleaning-kilo-fluorine-1 { background-position: -288px -33px; }
.ap-lightbox-products-caretips .ct-cleaning-kilo-fluorine-0 { background-position: -288px -66px; }
.ap-lightbox-products-caretips .ct-cleaning-kilo-general-true { background-position: -288px -99px; }

.ap-lightbox-products-caretips .ct-cleaning-kilo-pce-1 { background-position: -324px -33px; }
.ap-lightbox-products-caretips .ct-cleaning-kilo-pce-0 { background-position: -324px -66px; }
.ap-lightbox-products-caretips .ct-cleaning-kilo-pce-false { background-position: -324px -99px; }


/* small view in product detail */

/**
 * Caretips icons are combined in a sprite to save additional requests.
 * Each icon consumes 27 x 25px. Sprites are located by background position.
 * Icons are ordererd semantically in columns and rows.
 * 
 */

.ap-products-caretips li a {
	float: left;
	width: 343px;
}

.ap-products-caretips li .ct-icon {
	float: left;
	width: 27px;
	height: 25px;
	background-image: url(../img/products/ap-products-caretips-small.png);
	background-repeat: no-repeat;
	line-height: 25px;
	cursor: pointer;
}

.ap-products-hints li .ct-icon {
	float: left;
	width: 27px;
	height: 25px;
	line-height: 25px;
}

.ap-products-hints li .ct-icon img {
	vertical-align: middle;
	margin-right: 6px;
}

.ap-products-caretips li .ct-label, 
.ap-products-hints li .ct-label {
	float: right;
	width: 310px;
	line-height: 18px;
	padding: 4px 0 3px;
}

.ap-products-caretips li .ct-label {
	cursor: pointer;
}

.ct-washing-true {	background-position: 0 0; }
.ct-washing-false {	background-position: 0 -25px; }
.ct-washing-hand {	background-position: 0 -50px; }

.ct-washing-normal-95 {	background-position: -27px 0; }
.ct-washing-normal-60 {	background-position: -27px -25px; }
.ct-washing-normal-40 {	background-position: -27px -50px; }
.ct-washing-normal-30 {	background-position: -27px -75px; }

.ct-washing-save-95 {	background-position: -54px 0; }
.ct-washing-save-60 {	background-position: -54px -25px; }
.ct-washing-save-40 {	background-position: -54px -50px; }
.ct-washing-save-30 {	background-position: -54px -75px; }

.ct-washing-special-40 {	background-position: -81px -50px; }
.ct-washing-special-30 {	background-position: -81px -75px; }

.ct-ironing-3 {	background-position: -108px 0; }
.ct-ironing-2 {	background-position: -108px -25px; }
.ct-ironing-1 {	background-position: -108px -50px; }
.ct-ironing-0 {	background-position: -108px -75px; }

.ct-drying-3 {	background-position: -135px 0; }
.ct-drying-2 {	background-position: -135px -25px; }
.ct-drying-1 {	background-position: -135px -50px; }
.ct-drying-false {	background-position: -135px -75px; }

.ct-bleaching-oxygen {	background-position: -162px -25px; }
.ct-bleaching-xyz {	background-position: -162px -50px; }
.ct-bleaching-false {	background-position: -162px -75px; }

.ct-cleaning-wet-2 { background-position: -189px 0; }
.ct-cleaning-wet-1 { background-position: -189px -25px; }
.ct-cleaning-wet-0 { background-position: -189px -50px; }
.ct-cleaning-wet-false { background-position: -189px -75px; }

.ct-cleaning-kilo-fluorine-2 { background-position: -216px 0; }
.ct-cleaning-kilo-fluorine-1 { background-position: -216px -25px; }
.ct-cleaning-kilo-fluorine-0 { background-position: -216px -50px; }
.ct-cleaning-kilo-general-true { background-position: -216px -75px; }

.ct-cleaning-kilo-pce-1 { background-position: -243px -25px; }
.ct-cleaning-kilo-pce-0 { background-position: -243px -50px; }
.ct-cleaning-kilo-pce-false { background-position: -243px -75px; }


/**
 * @section 	ap-products-context
 * 
 * Additional product info and display options. float left. 
 * Contains big image, tabs and additonal colors.
 * 
 */


.ap-products-context {
	float: left;
	width: 395px;
}

/**
 * @section 	ap-products-view
 * 
 * View options on left side of product detail.
 * 
 */

.ap-products-view {
	float: left;
	width: 355px;
	height: 679px;
	margin: 0 0 18px;
	padding: 20px;
	background: transparent url(../img/nav/pattern-dots.png) 0 0 repeat;
	position: relative;
}

/**
 * @section 	ap-products-view-image-full
 * 
 * Big product image on top of tab navigation.
 * 
 */


.ap-products-view-image-full {
	float: left;
	width: 355px;
	position: relative;
	margin: 0 0 54px;
	background: #fff;
}

.ap-products-view-image-full .pagination li {
	position: absolute;
	top: 226px;
	height: 40px;
	background: #fff;
}

.ap-products-view-image-full .pagination .next {
	right: -20px;
}

.ap-products-view-image-full .pagination .previous {
	left: -20px;
}

.ap-products-view-image-full .pagination a {
	float: left;
	height: 17px;
	width: 20px;
	margin: 12px 0 0;
	text-indent: -10000px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	overflow: hidden;
}

.ap-products-view-image-full .pagination a:hover {
	background-position: 50% -17px;	
}

.ap-products-view-image-full .pagination .next a {
	background-image: url(../img/products/ap-products-pagination-next.png);
}

.ap-products-view-image-full .pagination .previous a {
	background-image: url(../img/products/ap-products-pagination-previous.png);
}

.ap-products-view-image-full .image {
	width: 355px;
	height: 505px;	
}

.ap-products-view-image-full .image a {
	cursor: default;
}

.ap-products-view-image-full .image img {
	float: left;
	width: 355px;
	height: 505px;
}

.ap-products-view-image-full .image img.loading {
	background: #fff url('loading-m-white.gif') no-repeat 50% 50%;
}

/**
 * @section 	ap-products-view-image-preview
 * 
 * Small images below tab navigation
 * 
 */

.ap-products-view-image-preview {
	float: left;
	width: 355px;
	position: relative;
}

.ap-products-view-image-preview .outer {
	position: relative;
	width: 294px;
	height: 116px;
	margin: 0 34px;
	margin: 0 30px 0 31px;
}

.ap-products-view-image-preview .inner {
	position: absolute;
	left: 0;
	top: 0;
}

.ap-products-view-image-preview .image {
	float: left;
	width: 82px;
	margin: 0 8px;
}

.ap-products-view-image-preview .image a {
	position: relative;
	float: left;
	width: 76px;
	height: 110px;
	padding: 3px;
	background: #fff url(../img/products/ap-products-view-image-preview.png) 0 0 no-repeat;
}

.ap-products-view-image-preview .image a img {
	float: left;
}

.ap-products-view-image-preview .image a span {
	display: none;
	position: absolute;
	left: 3px;
	top: 3px;
	border: 6px solid #8d8f93;
	width: 64px;
	height: 98px;
}

.ap-products-view-image-preview .selected a span, 
.ap-products-view-image-preview .image a:hover span {
	display: block;
}

.ap-products-view-image-preview .pagination li {
	position: absolute;
	width: 20px;
	height: 40px;
	top: 40px;	
	background: #fff;
}

.ap-products-view-image-preview .pagination .next {
	right: -20px;
}

.ap-products-view-image-preview .pagination .previous {
	left: -20px;
}

.ap-products-view-image-preview .pagination a {
	float: left;	
	width: 20px;
	height: 17px;
	margin: 12px 0 0;
	text-indent: -10000px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	overflow: hidden;
}

.ap-products-view-image-preview .pagination a:hover {
	background-position: 50% -17px;
}

.ap-products-view-image-preview .pagination .previous a {
	background-image: url(../img/products/ap-products-pagination-previous.png);
}

.ap-products-view-image-preview .pagination .next a {
	background-image: url(../img/products/ap-products-pagination-next.png);
}

/**
 * @section product-video
 * 
 */

#product-video .ap-products-view-image-preview .image {
    float: left;
    margin: 0 8px;
    width: 82px;
}

#product-video .ap-products-view-image-preview .image-preview {
	float: left;
	width: 80px;
	height: 116px;
}

#product-video .ap-products-view-image-preview .image-description {
	float: right;
	width: 100px;
	height: 80px;
	padding: 18px 22px;	
	overflow: hidden;
	background: transparent url(../img/products/ap-products-view-image-description.png) 0 0 no-repeat;
}

#product-video .ap-products-view-image-preview .image-description h4 {
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}

/**
 * @section 	ap-products view-tabs
 * @todo 		address if there are serveral options missing
 * 				Create tabs icons in sprites.
 * 
 * Tab navigation under big product image on left side.
 * 
 */

.ap-products-view-tabs {
	position: absolute;
	left: 20px;
	top: 525px;
	width: 355px;
	border-top: 2px solid #fff;
}

.ap-products-view-tabs ul,
.ap-products-view-tabs li {
	float: left;
	width: auto;
}

.ap-products-view-tabs li {
	background: #b2b2b2 url(../img/products/ap-products-view-tabs-li.png) 0 0 repeat-x;
}

.ap-products-view-tabs li.selected {
	background: #fff;
}

.ap-products-view-tabs li a {
	float: left;
	width: 100%;
	text-indent: -10000px;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.ap-products-view-tabs li.selected a {
	background-position: 50% 100%;
}

#nav-product-photo a {
	background-image: url(../img/products/ap-products-view-tabs-photos.png);
}

#nav-product-video a {
	background-image: url(../img/products/ap-products-view-tabs-video.png);
}

#nav-product-360-view a {
	background-image: url(../img/products/ap-products-view-tabs-360-view.png);
}

#nav-product-pattern a {
	background-image: url(../img/products/ap-products-view-tabs-pattern.png);
}

.ap-products-view-image-zoom li a {
	float: left;
	width: 32px;
	height: 32px;
	position:absolute; 
	text-indent: -10000px;
/*	background-position: 50% 0; */
	background-repeat: no-repeat;
	left:300px;

}

#zoom-in a {
	background-image: url(../img/products/ap-products-zoom-controls.png);
	top:430px;
	
}
#zoom-out a {
	background-image: url(../img/products/ap-products-zoom-controls.png);
	background-position: 0 -32px;
	top:462px;
	
}


/**
 * 
 * Tab widths change dependent on total tab count.
 * Wrapper class needed to recalculate width.
 * 
 */

.ap-products-view-tabs-4 li {
	width: 89px;	
}

.ap-products-view-tabs-4 li.last {
	width: 88px;
}

.ap-products-view-tabs-3 li {
	width: 118px;
}

.ap-products-view-tabs-3 li.last {
	width: 119px;
}

.ap-products-view-tabs-2 li {
	width: 178px;
}

.ap-products-view-tabs-2 li.last {
	width: 177px;
}

.ap-products-view-tabs-1 li {
	width: 355px;
}


/**
 * @section 	ap-products view-colors
 * 
 * Additional color selection. Located under ap-product-view-tabs.
 * 
 */

.ap-products-view-colors {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 18px;
}

.ap-products-view-colors h3 {
	text-indent: 20px;
}

.ap-products-view-colors .outer {
	position: relative;
	float: left;
	width: 375px;
	height: 145px;
	margin: 0 10px;
	overflow: hidden;
}

.ap-products-view-colors .inner {
	position: absolute;
	left: 0;
	top: 0;
}

.ap-products-view-colors .image {
	float: left;
	width: 83px;
	height: 119px;
	margin: 0 8px;
	padding: 13px;
	background: transparent url(../img/nav/pattern-dots.png) 0 0 repeat;
}

.ap-products-view-colors .image img.loading {
	display: block;
	width: 83px;
	height: 119px;
	background: #fff url('loading-s-white.gif') no-repeat 50% 50%;
}

.ap-products-view-colors .pagination li {
	position: absolute;
	top: 36px;
	width: 17px;
	height: 145px;
	background: #fff;
}

.ap-products-view-colors .pagination .next {
	right: 0;
}

.ap-products-view-colors .pagination .previous {
	left: 0;
}

.ap-products-view-colors .pagination a {
	float: left;
	width: 17px;
	height: 17px;
	margin: 60px 0 0;
	text-indent: -10000px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.ap-products-view-colors .pagination a:hover {
	background-position: 50% -17px;
}

.ap-products-view-colors .pagination .next a {
	background-image: url(../img/products/ap-products-pagination-next.png);
}

.ap-products-view-colors .pagination .previous a {
	background-image: url(../img/products/ap-products-pagination-previous.png);	
}

/**
 * @section footer-options
 * -> sent to ap-global.
 * Container for additional products options. 
 * Moved ratings, combination and more from footer to here,
 * So @webmeister can do inlcusions.
 * 
 */


/**
 * @section ap-products-ratings
 * 
 * Full view for product ratings
 * 
 */

.ap-products-ratings {
	float: left;
	width: 990px;
	background: transparent url(../img/nav/global-bg.png) 50% 0 repeat-y;
}

.ap-products-ratings-header {
	float: left;
	width: 990px;
	height: 15px;
	background: transparent url(../img/nav/global-bg-top.png) 50% 0 no-repeat;
	overflow: hidden;
}

.ap-products-ratings-footer {
	float: left;
	width: 990px;
	height: 15px;
	background: transparent url(../img/nav/global-bg-bottom.png) 50% 0 no-repeat;
	overflow: hidden;
}

.ap-products-ratings h3 {
	float: left;
	width: 960px;
	margin: 0 15px;
	background: #f3f3f3;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
}

.ap-products-ratings h3 a {
	float: left;
	width: 923px;
	padding: 0 23px 0 14px;
}

.ap-products-ratings h3 a span {
	cursor: pointer;
}

.ap-products-ratings h3 a .ap-product-rating-title-left {
	float: left;
	width: 585px;
}

.ap-products-ratings h3 a .ap-product-rating-title-right {
	float: right;
	width: auto;
}

.ap-products-ratings .ap-products-ratings-open {
	font-size: 12px;
	padding: 0 0 0 10px;
	background: transparent url(../img/products/ap-products-open.png) 0 50% no-repeat;
	text-indent: 0;
}

/**
 * 
 * Star rating in product ratings, grey background
 * 
 */

.ap-products-rating-title {
	float: left;
}

.ap-products-ratings .ap-products-rating-outer {
	float: left;
	display: block;
	width: 95px;
	height: 19px;
	margin: 6px 0 0 6px;
	background: transparent url(../img/products/ap-products-rating-grey.png) 0 0 repeat-x;
}

.ap-products-rating-outer span {
	float: left;
	height: 19px;
	text-indent: -10000px;
	background-image: url(../img/products/ap-products-rating-grey.png);
	background-repeat: repeat-x;
	background-position: 0 -19px;	
}

.ap-products-rating-inner-5 {
	width: 95px;
}

.ap-products-rating-inner-4 {
	width: 72px;
}

.ap-products-rating-inner-3 {
	width: 57px;
}

.ap-products-rating-inner-2 {
	width: 38px;
}

.ap-products-rating-inner-1 {
	width: 19px;
}

/**
 * @section products-ratings-open
 * 
 * Full view for product ratings. Contains comments and form for adding a new comment.
 * 
 */

#product-ratings-open {
	float: left;
	width: 960px;
	background: transparent url(../img/products/ap-products-ratings-open.png) 50% 0 repeat-y;
	padding: 0 15px;
}

/**
 * @section products-ratings-comments
 * 
 * product comments.
 * 
 */
 
.ap-products-ratings-comments {
	float: left;
	width: 599px;
}

.ap-products-ratings-comment {
	float: left;
	width: 545px;
	margin: 0 27px;
	padding: 27px 0;
	border-bottom: 1px solid #dfdfdf;
}

.ap-products-ratings-comments .last {
	border-bottom: none;
}

.ap-products-ratings-comment h4 {
	float: left;
	font-weight: normal;	
	position: relative;
	width: 450px;
	padding: 0 95px 0 0;
}

.ap-products-ratings-comment h4 .ap-products-ratings-comment-title {
	font-size: 18px;
}

.ap-products-ratings-comment h4 .ap-products-ratings-comment-user {
	font-size: 10px;
}

.ap-products-ratings-comment h4 .ap-products-rating-outer {
	margin: 0;
/*	float: right; */
	position: absolute;
	right: 0;
	top: 0;
}

/**
 * 
 * Show/hide single comment details.
 * 
 */

.ap-products-ratings-comment p.ap-products-ratings-comment-switch {
	margin: 18px 0 0;
}

.ap-products-ratings-comment p.ap-products-ratings-comment-switch a {
	text-decoration: none;
}

.ap-action-show {
	background: transparent url(ap-action-show.png) 0 3px no-repeat;
}

.expanded .ap-action-show {
	display: none;
}

.ap-action-hide {
	background: transparent url(ap-action-hide.png) 0 3px no-repeat;
	display: none;
}

.expanded .ap-action-hide {
	display: inline;
}

/**
 * @section products-ratings-comments-add
 * 
 * Form elements for adding a new comment
 * 
 */

.ap-products-ratings-comments-add {
	float: right;
	padding: 27px 30px 27px 30px;
	width: 294px;
}

.ap-products-ratings-comments-add h4 {
	font-size: 18px;
	font-weight: normal;
}

.ap-products-ratings-comments-add fieldset.inner {
	margin: 0 0 18px;
	padding: 0;
	border: none;
	background: transparent;
}

.ap-products-ratings-comments-add #comment-city {
	width: 134px;
}

.ap-products-ratings-comments-add .ap-button-secondary {
	float: left;
	width: 140px;
	margin: 0 1px 0 0;
}

.ap-products-ratings-comments-add textarea {
	height: 126px;
	overflow: auto;
}

/**
 * @section ap-products-rating-big
 * 
 * Big star rating within comments add form.
 * 
 */

.ap-products-rating-big {
	float: left;
	width: 100%;
	margin: 6px 0 18px;
}

.ap-products-rating-big-outer {
	float: left;
	width: 180px;
	height: 29px;
	background: transparent url(../img/products/ap-products-rating-big.png) 0 0 repeat-x;
	position: relative;
}

.ap-products-rating-big a {
	position: absolute;
	left: 0;
	top: 0;
	height: 29px;
	text-indent: -10000px;
}

.ap-products-rating-big a.selected,
.ap-products-rating-big a:hover {
	background: transparent url(../img/products/ap-products-rating-big.png) 0 -29px repeat-x;
}

a.ap-products-rating-big-5 {
	width: 180px;
	z-index: 0;
}

a.ap-products-rating-big-4 {
	width: 144px;
	z-index: 1;
}

a.ap-products-rating-big-3 {
	width: 108px;
	z-index: 2;
}

a.ap-products-rating-big-2 {
	width: 72px;
	z-index: 3;
}

a.ap-products-rating-big-1 {
	width: 36px;
	z-index: 4;
}


/**
 * @section ap-products-combination
 * 
 * Additional products within one combination below product-main
 * 
 */

.ap-products-combination {
	float: left;
	width: 100%;
	background: transparent url(../img/nav/global-bg.png) 0 0 repeat-y;
}

.ap-products-combination h3 {	
	float: left;
	width: 972px;
	margin: 0;
	padding: 15px 7px 0;
	background: transparent url(../img/nav/global-bg-top.png) 0 0 no-repeat;	
	height: 50px;
	line-height: 50px;
	text-indent: 19px;
}

.ap-products-combination-outfit {
	float: left;
	height: 219px;
	width: 970px;
	margin: 0 10px;
	background: transparent url(../img/products/ap-products-combination-outfit.png) 0 0 repeat-x;
	position: relative;
}

.ap-products-combination-outfit .image {
	float: left;
	width: 160px;
	height: 169px;
}

.ap-products-combination-outfit .image a {
	float: left;
	margin: 0 20px;
	padding: 4px;	
	background: transparent url(../img/products/ap-products-combination-outfit-image-a.png) 0 0 no-repeat;
}

.ap-products-combination-outfit .inner .image a {
	margin: 0 20px;
	padding: 2px 4px 6px 4px;
	background: transparent url(../img/products/ap-products-combination-outfit-image-a.png) 0 0 no-repeat;	
	position: relative;
	width: 112px;
	height: 161px;
}

.ap-products-combination-outfit .image a img {
	float: left;
}

/**
 * @section ap-products-item-overlay
 * 
 * Image overlay in products combination, shown on hover.
 * 
 */

.ap-products-combination .inner .image a .ap-products-item-overlay {
	display: none;
	position: absolute;
	bottom: 6px;
	left: 4px;
	width: 112px;
	height: 82px;
	background: transparent url(../img/products/ap-products-item-overlay.png) 0 0 repeat-x;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;	
}

.ap-products-combination .inner .image a:hover .ap-products-item-overlay {
	display: block;
}

.ap-products-combination .inner .image a .ap-products-item-overlay span {
	float: left;
	width: 100px;
	margin-left: 6px;
	overflow: hidden;
}

.ap-products-combination .inner .image a .ap-products-item-overlay .ap-products-item-title {
	margin-top: 20px;
}

.ap-products-combination-outfit-preview {
	float: left;
	width: 231px;
	margin: 27px 0 0;
}

.ap-products-combination-outfit-preview .image {
	margin: 0 0 0 24px;
}

.ap-products-combination-outfit-preview .image a {
	float: left;
	padding: 5px 7px;
}
.ap-products-combination-outfit-preview .image a img {
	float: left;
}

.ap-products-combination-outfit .outer {
	float: left;
	width: 640px;
	height: 169px;
	margin: 27px 0 0;
	position: relative;
	overflow: hidden;
}

.ap-products-combination-outfit .inner {
	position: absolute;
	left: 0;
	top: 0;
/*	background: transparent url(../img/products/ap-products-combination-outfit-inner.png) -6px 78px repeat-x;*/
}


.ap-products-combination-outfit .inner .image {
	background: transparent url(../img/products/ap-products-combination-outfit-image.png) 0 78px no-repeat;
}

.ap-products-combination-outfit .inner .first {
	background: transparent url(../img/products/ap-products-combination-outfit-image-first.png) 0 78px no-repeat;
}

.ap-products-combination-outfit .inner .last {
	background: transparent url(../img/products/ap-products-combination-outfit-image-last.png) 0 78px no-repeat;
}


.ap-products-combination-outfit .pagination li {
	position: absolute;
	width: 26px;
	height: 43px;
	background: #fff;
	padding: 63px 0;
/*	height: 169px; */
	background: transparent url(../img/products/ap-products-combination-outfit.png) 0 -27px repeat-x;
	
}

.ap-products-combination-outfit .pagination li a {
	float: left;
	width: 26px;
	height: 43px;	
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -10000px;
}

.ap-products-combination-outfit .pagination li a:hover {
	background-position: -26px 0;
}

.ap-products-combination-outfit .pagination .previous {
	left: 203px;
	top: 89px;
	top: 27px;
	padding-right: 20px;
}

.ap-products-combination-outfit .pagination .previous a {	
	background-image: url(../img/products/ap-products-combination-outfit-previous.png);
}

.ap-products-combination-outfit .pagination .next {
	right: 71px;
	top: 27px;
	padding-left: 20px;
}

.ap-products-combination-outfit .pagination .next a {
	background-image: url(../img/products/ap-products-combination-outfit-next.png);
}

/**
 * @section ap-products-combination-more
 * 
 * Even more additional products within one combination below product-combination
 * 
 */

.ap-products-combination-more {
	float: left;
	width: 100%;
	height: 243px;
	padding: 0 0 30px;
	background: transparent url(../img/nav/global-bg-bottom.png) 50% 100% no-repeat;
	position: relative;
}

.ap-products-combination-more h3 {
	background: none;
}

.ap-products-combination-more .outer {
	float: left;
	width: 900px;
	height: 166px;
	margin: 0 45px;
	position: relative;
	overflow: hidden;
}

.ap-products-combination-more .inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 166px;
}

.ap-products-combination-more .inner .image {
	float: left;
	width: 150px;
}

.ap-products-combination-more .inner .image a {
	float: left;
	width: 116px;
	margin: 0 17px;
	position: relative;
}

/**
 * @section ap-products-item-overlay
 * 
 * Image overlay in products combination, shown on hover.
 * 
 */

.ap-products-combination-more .inner .image a .ap-products-item-overlay {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 82px;
	background: transparent url(../img/products/ap-products-item-overlay.png) 0 0 repeat-x;
	font-size: 12px;
	font-weight: bold;	
}

.ap-products-combination-more .inner .image a:hover .ap-products-item-overlay {
	display: block;
}

.ap-products-combination-more .inner .image a .ap-products-item-overlay span {
	float: left;
	width: 100px;
	margin-left: 6px;
	overflow: hidden;
}

.ap-products-combination-more .inner .image a .ap-products-item-overlay .ap-products-item-title {
	margin-top: 20px;
}

.ap-products-combination-more .pagination li {
	position: absolute;
	width: 35px;
	height: 17px;
	top: 65px;
	top: 126px;
}

.ap-products-combination-more .pagination li a {
	float: left;
	width: 35px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	text-indent: -10000px;
}

.ap-products-combination-more .pagination li a:hover {
	background-position: 50% -17px;
}

.ap-products-combination-more .pagination .next {
	right: 10px;
}

.ap-products-combination-more .pagination .next a {
	background-image: url(../img/products/ap-products-pagination-next.png);
}

.ap-products-combination-more .pagination .previous {
	left: 10px;
}

.ap-products-combination-more .pagination .previous a {
	background-image: url(../img/products/ap-products-pagination-previous.png);
}



/**
 * @section 	products-lightboxes
 * 
 * Lightboxes which open from product detail page.
 * 
 */
 
 /**
 * @section 	.ap-products-watchlist
 * 
 * Lightboxes after user sent item to watchlist. 
 * 
 */

.ap-products-watchlist {
	width: 496px;
}

.ap-products-watchlist h2, 
.ap-products-watchlist fieldset.single {
	width: 436px;
}

.ap-products-watchlist form {
	background: #fff url(../img/products/ap-products-watchlist.png) 44px 74px no-repeat;	
}

.ap-products-watchlist .ap-lightbox-title p {
	padding: 0 0 0 168px;
}



/**
 * @section	ap-products-recommend
 * @see ap-invite-friends in ap-checkout.css
 * @todo send lightbox code to ap-global.css
 *
 * product recommend lightbox form
 *
 */

.ap-products-recommend {
	width: 496px;
}

.ap-products-recommend h2, 
.ap-products-recommend fieldset.single {
	width: 436px;
}

.ap-products-recommend fieldset.inner {
	margin: 0 0 18px;
}

.ap-products-recommend fieldset.inner .text-inline {
	float: left;
	width: 380px;
	margin: 0 0 18px;
	overflow: hidden;	
}

.ap-products-recommend fieldset.inner .text-inline .text {
	width: 190px;
	margin: 0;
}

.ap-products-recommend fieldset.inner .text input {
	width: 171px;	
}

.ap-products-recommend fieldset.inner .text #sender-name, 
.ap-products-recommend fieldset.inner .text #receiver-name {
	width: 181px;
}

.ap-products-recommend fieldset.inner .textarea textarea {
	width: 372px;
	height: 72px;
}

.ap-products-recommend fieldset.inner .ap-button-secondary {
	width: 189px;
	text-align: left;
}


/**
 * @section	ap-products-recommend-confirmation
 *
 * product recommend lightbox after lightbox form has been submitted. 
 *
 */


.ap-products-recommend-confirmation {
	width: 496px;
}

.ap-products-recommend-confirmation h2,
.ap-products-recommend-confirmation fieldset.single {
	width: 436px;	
}

.ap-products-recommend-confirmation form {
	background: #fff url(../img/products/ap-products-recommend-confirmation.png) 65px 74px no-repeat;	
}

.ap-products-recommend-confirmation .ap-lightbox-title p {
	width: 268px;
	padding: 0 0 0 168px;
}


/**
 * @section 	ap-products-index
 * 
 * Product listings. Including categories and fashiontopics. 
 * 
 */
 
.ap-products-index #main {
	width: 962px;
	padding: 10px 5px 0;
}

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

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

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

.ap-products-index .message-shipment-action h3 {
    float: left;
    padding: 10px 0;
    text-indent: -10000px;
    width: 100%;
}

.ap-products-detail .message-shipment-action h3 {
    float: left;
    padding: 10px 0;
    text-indent: -10000px;
    width: 100%;
}

.ap-products-detail .message-global {
	float: left;
	width: 944px;
	margin: 0px 0px 8px;
	padding: 8px;
	background: transparent url(../img/nav/pattern-dots.png) 1px 0 repeat;
}

.ap-products-index .message-global {
	float: left;
	width: 944px;
	margin: 0px 0px 8px;
	padding: 8px;
	background: transparent url(../img/nav/pattern-dots.png) 1px 0 repeat;
}


/**
 * @section	ap-products-nav
 *
 * Subnavigation of categories or fashiontopics in listing
 *
 */

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

.ap-products-nav-inner {
	float: left;
	width: 314px;
	margin: 20px 0;
	padding: 20px 0 0;
	height: 371px;
	background: #fff;
}
.ap-products-nav-inner ol {
	float: left;
	width: 200px;
	padding: 0 0 0 25px;
	margin-top:30px;
	font-size: 12px;
	font-weight:bold;
	line-height: 25px;	
}
.ap-products-nav-inner ol a{
	color:#C2C2C2; 
}

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

.ap-products-nav ol {
	float: left;
	width: 200px;
	padding: 0 0 0 25px;
	color:#C2C2C2; 
	margin-top:30px;
	font-size: 12px;
	font-weight:bold;
	line-height: 25px;	
}

.ap-products-nav ol a {
	color: #C2C2C2;
}

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

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

.ap-products-nav a:hover, 
.ap-products-nav li.selected a {
	background: #b2b2b2;
	color: #fff;
}


.ap-products-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-products-nav h1 a {
	color: #999;
}

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

/**
 * @section 	ap-products-listing
 * 
 * Product listings. 1 hierarchy level deeper.
 * nav-items are not shown in uppercase and font size is increased,
 * 
 */
 
.ap-products-listing .ap-products-nav li {
	text-transform: none;
	font-size: 12px;	
}

/**
 * @section	ap-products-item
 *
 * Wrapper element for product images in product listing. Contains image and additional product details on hover.
 * Last class needed to remove margin to ensure correct wrapping of elements.
 */

.ap-products-item {
	margin: 0 10px 10px 0;
	float: left;
	width: 274px;
	height: 391px;
	padding: 20px 20px;
	background: transparent url(../img/nav/pattern-dots.png) 2px 2px repeat;
	position: relative;
}

.ap-products-item-last {
	margin: 0 0 10px 0;
}

.ap-products-item a {
	float: left;
	width: auto;
	position: relative;
}

.ap-products-item a img {
	float: left;	
}

/**
 * @section	ap-products-item-overlay
 *
 * Semi-trnsaparent image overlay. Shown on hover.
 *
 */


.ap-products-item a .ap-products-item-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 274px;
	height: 128px;
	background: transparent url(../img/products/ap-products-item-overlay.png) 0 0 repeat-x;
	font-size: 12px;
	font-weight: bold;
	display: none;
}

.ap-products-item a:hover .ap-products-item-overlay {
	display: block;
}

.ap-products-item-overlay span {
	float: left;
	width: 250px;
	margin-left: 24px;	
}

.ap-products-item-overlay .ap-products-item-title {
	margin-top: 64px;
}

.ap-products-item-overlay .ap-products-item-price del {
	font-size: 10px;
	color: #87898d;
}

/**
 * @section	ap-products-item-feature
 *
 * Small triangle indicators for new and reduced products.
 *
 */

.ap-products-item-feature {
	position: absolute;
	right: 0;
	top: 0;	
	width: 39px;
	height: 37px;
	text-indent: -10000px;
}

.ap-products-item-feature-new {
	background: transparent url(../img/products/ap-products-item-feature-new.png) 0 0 no-repeat;
}

.ap-products-item-feature-sale {
	background: transparent url(../img/products/ap-products-item-feature-sale.png) 0 0 no-repeat;
}

.ap-products-item-feature-excl {
	background: transparent url(../img/products/ap-products-item-feature-excl.png) 0 0 no-repeat;
}

/**
 * @section	ap-products-item-colors
 *
 * Selection of additional product colors. Only layout css provided. 
 * Actual colors are set inline and need to be synched with MMDB.
 *
 * Depending on how many color options are available differen wrapper count classes are neeeded.
 * If less or equal than 3 color options are available show no pagination.
 */

.ap-products-item-colors {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 274px;
	height: 20px;
	background: #fff;
}

.ap-products-item-colors-4 {
	width: 140px;
	left: 83px; /* (274 - 140) / 2 + 20 */
}

.ap-products-item-colors-4 {
	width: 100px;
	left: 102px; /* (274 - 100) / 2 + 20 */
}

.ap-products-item-colors-4 div.outer {
	width: 100px;
	overflow: hidden;
	height: 20px;
	position: absolute;
}

.ap-products-item-colors-4 div.outer ul {
	position: absolute;
}

.ap-products-item-colors-3 {
	width: 75px;
	padding: 0 4px;
	left: 115px; /* (274 - 75) / 2 + 20 -4 */
}

.ap-products-item-colors-2 {
	width: 50px;
	padding: 0 4px;
	left: 128px; /* (274 - 50) / 2 + 20 -4 */
}

.ap-products-item-colors-1 {
	width: 25px;
	padding: 0 4px;
	left: 140px; /* (274 - 25) / 2 + 20 -4 */
}

.ap-products-item-colors ul, 
.ap-products-item-colors li {
	float: left;
	width: auto;
}

.ap-products-item-colors li {
	margin: 0 2px;
}

.ap-products-item-colors li.color a {
	float: left;
	margin: 2px 0 0;
	width: 21px;
	height: 16px;
	overflow: hidden;
	background: transparent url(../img/products/ap-products-item-colors-a.png) 0 0 no-repeat;
	text-indent: -10000px;
}

.ap-products-item-colors li.selected a,
.ap-products-item-colors li.color a:hover {
	background: transparent url(../img/products/ap-products-item-colors-a.png) 0 -16px no-repeat;
}

/**
 *
 * Within pagination make sure that only prev and next links are hidden,
 * not the containing list element as it is needed for setting the correct position.
 *
 */

.ap-products-item-colors-4 .pagination {
	width: 100px;
	position: absolute;
}

.ap-products-item-colors li.next, 
.ap-products-item-colors li.previous {
	width: 16px;
	position: absolute;
	margin: 0;
	background: #fff;
}

.ap-products-item-colors li.next {
	right: -16px;
}
.ap-products-item-colors li.previous {
	left: -16px;
}

.ap-products-item-colors li.next a, 
.ap-products-item-colors li.previous a {
	float: left;
	margin: 2px 0 0;
	width: 16px;
	height: 17px;
	text-indent: -10000px;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.ap-products-item-colors li.next a {
	background-image: url(../img/products/ap-products-pagination-next.png);
}

.ap-products-item-colors li.previous a {
	background-image: url(../img/products/ap-products-pagination-previous.png);
}

.ap-products-item-colors li.next a:hover, 
.ap-products-item-colors li.previous a:hover {
	background-position: 50% 100%;
}


/**
 * @section 	ap-products-outfit
 * 
 * Outfit page. Contains multiple products belonging to one outfit. 
 * 
 */


.ap-products-outfit-item {
	float: left;
	width: 100%;
	padding: 0 0 27px;
	background: transparent url(../img/products/ap-products-outfit-item.png) 0 100% no-repeat;
}

.ap-products-outfit-item-last {
	background: transparent url(../img/nav/pattern-dots.png) 0 100% repeat-x;
}

.ap-products-outfit .ap-products-content {
	width: 555px;
	padding: 0;
	background: transparent;
}

/**
 * @section 	ap-products-outfit-item-image
 * 
 * product image within outfit collection.
 * 
 */

.ap-products-outfit-item-image {
	float: left;
	width: 148px;
}

.ap-products-outfit-item-image a {
	float: left;
	padding: 16px 19px;
	background: transparent url(../img/nav/pattern-dots.png) 0 0 repeat;
	position: relative;
}

.ap-products-outfit-item-image a .ap-layout-item-feature {
	right: 21px;
	top: 18px;
}



/**
 * @section 	ap-products-outfit-item-content
 * 
 * product infos within outfit collection.
 * 
 */

.ap-products-outfit-item-content {
	float: right;
	width: 394px;
}

.ap-products-outfit-item-content .ap-products-title {
	padding-top: 0;
}

.ap-products-outfit-item-content .ap-products-title label.ap-products-name {
	font-size: 24px;
	line-height: 36px;
	width: 335px;
}

.ap-products-outfit-item-content .ap-products-title .checkbox {
	margin-bottom: 0;
}

.ap-products-outfit-item-content .ap-products-title .checkbox input {
	margin-top: 12px;
}

.ap-products-title h2 {
	margin: 0;
}

.ap-products-title h2.ap-products-price-reduced {
	color: #b15da4;
}

.ap-products-title h2.ap-products-price del {
	font-size: 10px;
	color: #87898d;
}

.ap-products-outfit-item-content .select-inline {
	margin: 0 0 0px;
}

.ap-products-outfit-item-content .ap-products-shippable {
	background: none;
	padding-bottom: 0;
}

.ap-products-outfit-item-content .ap-products-shippable span {
	background-position: 25px 0;
}

.ap-products-outfit .ap-products-content fieldset.action {
	width: 555px;
	height: 48px;
	margin: 0;
	padding: 18px 0;
	background: transparent url(../img/products/ap-products-section-shadow.png) 100% 100% no-repeat;
}

.ap-products-outfit .ap-products-content fieldset.action input {
	position: static;
	float: right;
}

.ap-products-outfit .ap-products-footer .ap-products-pagination {
	width: 555px;
	margin: 18px 0 0;
	padding: 18px 0 0;
	background: transparent url(../img/nav/pattern-dots.png) 0 0 repeat-x;
}

.ap-products-outfit .ap-products-footer .ap-products-pagination ul {
	margin: 18px 0 0;
}

/**
 * @section 	ap-products-context
 * 
 * Contains big outfit image, title and backlink.
 * 
 */

.ap-products-outfit .ap-products-view {
	height: auto;
	margin: 0;
}


/**
 * 
 * Outfit title. background image needs to be set inline in html.
 * 
 */

.ap-products-outfit .ap-products-context h1 {
	float: left;
	width: 100%;
	height: 50px;
	margin: 0;
	text-indent: -10000px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.ap-products-outfit .ap-products-context p {
	float: left;
	width: 100%;
	padding: 9px 0 0;
	font-size: 11px;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	background: transparent url(../img/products/ap-products-outfit-title-shadow.png) 50% 0 no-repeat;
}

.ap-products-outfit .ap-products-context p a {
	color: #999;
	padding: 0 0 0 10px;
	text-decoration: none;
	background: transparent url(../img/products/ap-products-outfit-back.png) 0 50% no-repeat;
}

/**
 * @section ap-lightbox-products-hints
 * @see	.ap-lightbox-products-caretips / ap-global.css
 * 
 * Lighbox for product hints
 * 
 */

.ap-lightbox-products-caretips {
	width: 900px;
}

.ap-lightbox-products-caretips-header, 
.ap-lightbox-products-caretips-footer {
	float: left;
	width: 900px;	
	height: 100px;
}


.ap-lightbox-products-caretips-header form, 
.ap-lightbox-products-caretips-footer form {
	float: left;
	width: 888px;
	height: 93px;	
 	margin: 0 6px;
 	padding: 0;
}

.ap-lightbox-products-caretips-header form fieldset, 
.ap-lightbox-products-caretips-footer form fieldset {
	float: right;
	width: 636px;
	padding: 20px 0 0;
}

.ap-lightbox-products-caretips-footer form fieldset {
	padding: 38px 0 0;
}

/* heading */

.ap-lightbox-products-caretips-header h2, 
.ap-lightbox-products-caretips-footer h2 {
	float: left;
	margin-left: 23px;
	width: 229px;
	height: 14px;
	background: transparent url(ap-lightbox-products-caretips.png) 0 0 no-repeat;
	text-indent: -10000px !important;
}

.ap-lightbox-products-caretips-header h2 {
	margin-top: 30px;
}

.ap-lightbox-products-caretips-footer h2 {
	margin-top: 49px;
}

/* close button */

.ap-lightbox-products-caretips-header .ap-button-secondary, 
.ap-lightbox-products-caretips-footer .ap-button-secondary {
	position: static !important;
	float: right;
	margin-right: 23px !important;
	margin-left: 43px !important;
	width: 92px;
}


.ap-lightbox-products-caretips-header {
	margin: 0 0 7px;
	padding: 0 0 8px;
	background: transparent url(ap-checkout-help-header.png) 0 100% no-repeat;
}

.ap-lightbox-products-caretips-header form {
	background: transparent url(../img/nav/pattern-dots.png) 0 100% repeat-x;
}

.ap-lightbox-products-caretips-footer {
	padding: 8px 0 0;
	background: transparent url(ap-checkout-help-footer.png) 0 0 no-repeat;
}

.ap-lightbox-products-caretips-footer form {
	margin-top: 7px;
	background: transparent url(../img/nav/pattern-dots.png) 0 0 repeat-x;
}

/* select */

.ap-lightbox-products-caretips-header .select, 
.ap-lightbox-products-caretips-footer .select {
	float: right;
	width: auto;
	margin: 2px 0 0;
}


.ap-lightbox-products-caretips-header .select select, 
.ap-lightbox-products-caretips-footer .select select {
	width: 180px;
}

.ap-lightbox-products-caretips-header .select label, 
.ap-lightbox-products-caretips-footer .select label {
	float: left;
	width: auto;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #b2b2b2;
	margin: 4px 18px 0 0;
}


/**
 * @section	ap-checkout-help-content
 * @todo	check for selector conflicts. get rid of !important rules.
 * 
 * Content in help lightbox. Divided by tab navigation
 *
 */
 
.ap-lightbox-products-caretips-content {
	float: left;
	width: 900px;
} 

.ap-lightbox-products-caretips .ap-tabs {
	width: 888px;
	margin: 0 6px;
	background: transparent url(ap-tabs.png) 50% 100% no-repeat;
	_display: inline; /* to ie 6 */
} 

.ap-lightbox-products-caretips .ap-tabs ul {
	padding: 0 0 0 29px;	
}

.ap-lightbox-products-caretips .ap-tabs li {
	padding: 0 10px 0 0;	
}

.ap-lightbox-products-caretips .ap-tabs a {
	line-height: 32px;
	height: 32px;
	padding: 0 18px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;	
	float: left;
}

.ap-lightbox-products-caretips-tabs .ap-tabs .selected {
	background: transparent url(ap-checkout-help-tabs-selected.png) 100% 0 repeat-x;
}

/* content */

.ap-lightbox-products-caretips .ap-wrapper {
	float: left;
	width: 842px;
	padding: 29px 29px 0;
}

.ap-lightbox-products-caretips .ap-wrapper h2, 
.ap-lightbox-products-caretips .ap-wrapper p {
	margin: 0 0 18px;
}



/**
* @section ap-products-combination
*
* Additional products within one combination below product-main
*
*/
.ap-products-combination {
float: left;
width: 100%;
background: transparent url(../img/nav/global-bg.png) 0 0 repeat-y;
}

.ap-products-combination .ap-products-combination-header,
.ap-products-combination .ap-products-combination-footer {
float: left;
width: 990px;
height: 15px;
overflow: hidden;
}

.ap-products-combination .ap-products-combination-header {
background: transparent url(../img/nav/global-bg-top.png) 50% 0 no-repeat;
}

.ap-products-combination .ap-products-combination-footer {
background: transparent url(../img/nav/global-bg-bottom.png) 50% 0 no-repeat;
}

.ap-products-combination h3 {
float: left;
width: 972px;
margin: 0;
padding: 0 7px 0;
height: 50px;
line-height: 50px;
text-indent: 19px;
}

.ap-products-combination-outfit {
float: left;
height: 219px;
width: 970px;
margin: 0 10px;
background: transparent url(../img/products/ap-products-combination-outfit.png) 0 0 repeat-x;
position: relative;
}

.ap-products-combination-outfit .image {
float: left;
width: 160px;
height: 169px;
}

.ap-products-combination-outfit .image a {
float: left;
margin: 0 20px;
padding: 4px;
background: transparent url(../img/products/ap-products-combination-outfit-image-a.png) 0 0 no-repeat;
}

.ap-products-combination-outfit .inner .image a {
margin: 0 20px;
padding: 2px 4px 6px 4px;
background: transparent url(../img/products/ap-products-combination-outfit-image-a.png) 0 0 no-repeat;
position: relative;
width: 112px;
height: 161px;
}

.ap-products-combination-outfit .image a img {
float: left;
}

.ap-products-textmeta-actions {
float: left;
margin-left: 5px;
margin-top: -5px;
line-height: 20px;
}