/**
 * Generic stylesheet of eCS Lib Base for formats optimised for bootstrap v3
 *
 * @author		e-matters GmbH
 * @since		04.04.2014
 */

/* Basket Preview Canvas BS3 */
	.basket-preview-canvas { position: relative; margin-left: 10px; width: 36px; height: 36px; }
	.basket-preview-canvas .cart-canvas { display: none; } 

	.cart-link a { display: inline-block; position: relative; top: 0; left: 0; 	z-index: 230; padding-left: 46px; }
	.cart-link .preview_count { padding-right: 5px; margin: 0; position: static; float: none; clear: both; }
	.cart-link .preview_value { border-left: 1px solid #ccc; padding-left: 5px; position: static; float: none; clear: both; }

	.basket-preview-canvas .cart-canvas-toggle { font-size: 36px; position: absolute; top: 0; right: 0; z-index: 1;	width: 36px; height: 36px; cursor: pointer; }
	.basket-preview-canvas .cart-canvas-toggle .cart-toggle-icon { vertical-align: top; font-size: 36px; width: 36px; height: 36px; }		
	.basket-preview-canvas .cart-canvas-toggle > span { top: 0; vertical-align: top; }
	.basket-preview-canvas .cart-canvas-toggle > span[class^="icon"] { position: relative; display: inline-block; line-height: 1; margin: 0; padding: 0; }	
	.basket-preview-canvas .cart-canvas-toggle .cart-count { font-size: 11px; position: absolute; top: 8px; width: 100%; left: -3px; text-align: center; }
	
	.cart-canvas .cart-summary { display: inline-block; padding: 20px 18px; margin-left: -18px; width: 300px; }	
	.cart-canvas .cart-summary .summary-intro { font-size: 0.91rem; padding: 0 0 10px; }	
	.cart-canvas .cart-summary .summary-data { font-size: 1.5rem; }	
	.cart-canvas .cart-summary .summary-text { text-align: left; } 	
	.cart-canvas .cart-summary .summary-value { text-align: right; }	
	.cart-canvas .cart-checkout { padding: 10px 0; margin: 0 0 10px; }	
	.cart-canvas .cart-checkout .secure-checkout > span[class*="icon"] { margin-right: 4px; }	
	.cart-canvas .cart-checkout .secure-checkout { line-height: 2.48; padding: 0; }	
	.cart-canvas .cart-checkout div[class*="col-"] { vertical-align: middle; }	
	.cart-canvas .cart-checkout .link-checkout-container { text-align: right; }	
		
	.cart-canvas .cart-items .cart-item { border-top: 1px solid; padding: 10px 0; }	
	.cart-canvas .cart-items .cart-item:nth-child(1) { border-top: 0; padding-top: 0; }	
	.cart-canvas .cart-items .cart-item .image { padding-left: 0; display: inline-block; }
	.cart-canvas .cart-items .cart-item .data { padding-right: 0; display: inline-block; }					
	.cart-canvas .cart-items .cart-item .product-remove { display: inline-block; position: absolute; right: 0; z-index: 1; }	
	.cart-canvas .cart-items .cart-item .data a.product-link { display: inline-block; width: 100%; }	
	.cart-canvas .cart-items .cart-item .data a.product-link .article-name { margin-right: 30px; }	
	.cart-canvas .cart-items .cart-item .data a.product-link > div { display: block; }	
	.cart-canvas .cart-items .cart-item .data .article-number { font-size: 0.8em; }	
	.cart-canvas .cart-items .cart-item .data .article-quantity { padding-top: 10px; }	
	.cart-canvas .cart-items .cart-item .data .article-price { padding-top: 5px; text-align: right; display: block; }
	.cart-canvas .cart-items .cart-item .data a.product-link .article-price { padding-top: 5px; text-align: right; display: block; }	
	
	.cart-empty .empty-message { padding: 15px; text-align: center; }
					
	.cart-canvas .cart-items + .cart-checkout { border-bottom: 0; margin-top: 10px; margin-bottom: 0; padding-bottom: 0; }
	
	@media (min-width: 992px){
	
	    .cart-link a > span { display: block; }		
		.cart-link .preview_title { display: block; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 5px; }		
		.cart-link .preview_data { display: block; }		
		.cart-link .preview_data > span { display: inline-block; }
		
		.basket-preview-canvas { top: -2px; padding: 10px 10px 5px; margin-left: 0; width: auto; height: auto; text-align: right; }		
		.basket-preview-canvas .cart-canvas { display: none; }
			
		.cart-preview-background { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }		
		.cart-preview-background:before { content: ""; opacity: 0; height: 3px; width: 100%; position: absolute; z-index: 210; bottom: 0; right: 0; }
		.cart-preview-background:after { content: ""; opacity: 0; height: 3px; width: 100%; position: absolute; z-index: 210; bottom: 0; right: 0; }
		
		.basket-preview-canvas:hover .cart-preview-background:before { opacity: 1; }
		.basket-preview-canvas:hover .cart-preview-background:after { opacity: 1; }			
		.basket-preview-canvas:hover .cart-canvas { display: block; position: absolute; z-index: 200; right: 0; top: 94%; height: auto; width: 300px; }		
		.basket-preview-canvas:hover .cart-canvas:after { margin-left: -48%; content: ""; position: absolute; left: 50%; height: 0px; bottom: -3px; display: inline-block; width: 96%; }					
		.basket-preview-canvas .cart-canvas-toggle .cart-count { display: none; }		
		.basket-preview-canvas .cart-canvas-toggle { position: absolute; display: inline-block; vertical-align: middle; left: 10px; top: 10px; }		
		.basket-preview-canvas .cart-link { display: inline-block; vertical-align: middle; text-align: left; position: relative; right: 0; }		
		.basket-preview-canvas .cart-canvas .cart-intro { display: none; }
				
		.cart-canvas .cart-items { max-height: 450px; overflow-x: visible; overflow-y: auto; margin-left: -15px; padding: 0 15px; width: 294px; }		
		.cart-canvas .cart-items .cart-item { margin: 0; }
		
		.cart-empty:hover .cart-canvas { display: none; }
		.cart-empty:hover .cart-preview-background { display: none; }		
		.cart-canvas .cart-summary { margin-left: -3px; }
	}		
	
	@media (max-width: 991px){
		.cart-canvas .cart-checkout .link-checkout-container { padding: 0; }						
		.cart-link { display: none; opacity: 0; }								
		.cart-canvas.canvas-open .cart-link { display: block; opacity: 1; text-align: left; position: absolute; z-index: 200; left: 0; top: 0; width: 300px; padding: 15px;							
			-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
		
		.cart-canvas.canvas-open .cart-link a { display: inline-block; padding-left: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }				
		.cart-canvas .cart-intro { padding: 15px; height: 70px; }		
		.cart-canvas .cart-intro > div { padding: 0; }
		.basket-preview-canvas .cart-canvas .cart-intro { padding: 15px; height: 70px; }
		.basket-preview-canvas .cart-canvas .cart-intro > div { padding: 0; }
	}
	
	@media (max-width: 479px){		
		.basket-preview-canvas { height: 24px; width: 24px; }			
		.basket-preview-canvas .cart-canvas-toggle { font-size: 28px; width: 24px; height: 24px; top: -1px; }			
		.basket-preview-canvas .cart-canvas-toggle .cart-count { top: 4px; left: 0; }
	}

	/* Menu toggle BS3 */
	.ecs-menu-toggle { width: 52px; height: 52px; right: -1px; top: -1px; position: relative; }		
	.ecs-menu-toggle ul { display: inline-block; list-style-type: none; margin: -3px 0 0; padding: 0 0 0 10px; width: auto; }	
	.ecs-menu-toggle .menu-toggle { display: inline-block; font-size: 36px; width: 52px; height: 52px; cursor: pointer; position: relative; z-index: 15; padding: 5px; }	
	.ecs-menu-toggle .menu-toggle span { vertical-align: top; }
	.ecs-menu-toggle .menu-toggle .menu-toggle-icon { vertical-align: top; font-size: 36px; width: 36px; height: 36px; }	
	.ecs-menu-toggle ul li { float: left; display: inline-block; padding: 0 5px 0 0; }	
	.ecs-menu-toggle ul li:first-child { padding-right: 0; padding-bottom: 4px; text-transform: uppercase; letter-spacing: .1em; }	
	.ecs-menu-toggle ul li:first-child a { text-transform: uppercase; letter-spacing: .1em; }	
	.ecs-menu-toggle ul li:nth-child(2) { clear: both; }
	
	@media (min-width: 992px){

		/* Menu toggle BS3 */
		.ecs-menu-toggle { width: auto; padding-right: 5px; }
		.ecs-menu-toggle ul { margin-top: 0; }
		.ecs-menu-toggle ul li { padding-bottom: 1px; }
		.ecs-menu-toggle ul li:first-child { padding-bottom: 5px; }			
		.ecs-menu-toggle.toggle-active .menu-toggle { border-color: transparent; background: none; }
	}
	
	@media (max-width: 991px) {			
		.ecs-menu-toggle ul { display: none; }
		.ecs-menu-toggle.toggle-active { position: relative; text-align: left; }		
		.ecs-menu-toggle.toggle-active ul { display: inline-block; position: absolute; right: 0; top: 100%; z-index: 10; width: 150px; padding: 10px; }
		.ecs-menu-toggle.toggle-active ul li { clear: both; float: none; display: block; }		
	}
	
	@media (max-width: 479px){
		.ecs-menu-toggle { width: 40px; height: 40px; top: 0; }			
		.ecs-menu-toggle .menu-toggle { font-size: 24px; width: 40px; height: 40px; }
	}

/* ===== START Product-Lists =====*/

	/* Navigation */
		.product-list-navigation { width: 100%; }
		.product-list-navigation .sorting { width: 0; }
		.product-list-navigation .viewing { width: 0; }
		.product-list-navigation .paging { width: 100%; display: inline-block; vertical-align: middle; }
		.product-list-navigation .viewing { text-align: right; }		
			
		@media (min-width: 992px){
			div.product-list-navigation div.sorting { width: 33%; display: inline-block; vertical-align: middle; }
			div.product-list-navigation div.viewing { width: 33%; display: inline-block; vertical-align: middle; }
			div.product-list-navigation div.paging { width: 32%; }
		}

	/* Sorting */		
		.list-sort-container {}
		.list-sort { display: inline-block; height: auto; line-height: 2.25; margin: 0 15px 0 0; padding: 0; position: relative; }
		.list-sort .title { padding: 0 24px 0 10px;  position: relative; cursor:pointer; }
		.list-sort .title:after { content: ""; border-left: 4px solid #000; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; right: 10px; top: 50%; margin-top: -4px; }
		.list-sort .content { display: none; }
		.list-sort.toggle-active .title:after { border-top: 4px solid #000; border-bottom: none; border-right: 4px solid transparent; border-left: 4px solid transparent; }
		.list-sort.toggle-active .content { position: absolute; width: 100%; z-index: 20; display: block; }
		.list-sort .sort-options { margin: 0; padding: 0; }
		.list-sort .sort-options .sort-option { list-style-type: none; display: none; }				
		.list-sort .sort-options .sort-option-link { display: block; display: block; padding: 5px 0 5px 15px; }
		
		.toggle-active .sort-options .sort-option { display: block; }	

		@media (max-width: 991px){
			.list-sort { width: 100%; }
		}
		@media (max-width: 767px){
			.list-sort .sort-options .sort-option { display: block; }
			.filter-group-closed .sort-options .sort-option { display: none; }
		}
		
	/* View Changer */
	
		.list-viewchanger { display: inline-block; position: static; }		
		.list-viewchanger li { width: 25px; height: 24px; display: block; float: left; margin: 0 0 0 5px; }		
		.list-viewchanger li#list_viewchanger_tabled { background: url("../ico/24/list_viewchanger.png") 0 0 no-repeat; }
		.list-viewchanger li#list_viewchanger_tiled { background: url("../ico/24/list_viewchanger.png") 0 0 no-repeat; }		
		.list-viewchanger li#list_viewchanger_tabled:hover { background-position: 0 -24px; }
		.list-viewchanger li#list_viewchanger_tabled.active { background-position: 0 -24px; }
		.list-viewchanger li#list_viewchanger_tiled:hover { background-position: 0 -24px; }
		.list-viewchanger li#list_viewchanger_tiled.active { background-position: 0 -24px; }		
		.list-viewchanger li#list_viewchanger_large { background: url("../ico/24/list_viewchanger.png") 0 -48px no-repeat; }
		.list-viewchanger li#list_viewchanger_detailed { background: url("../ico/24/list_viewchanger.png") 0 -48px no-repeat; }		
		.list-viewchanger li#list_viewchanger_large:hover { background-position: 0 -72px; }
		.list-viewchanger li#list_viewchanger_large.active { background-position: 0 -72px; }
		.list-viewchanger li#list_viewchanger_detailed:hover { background-position: 0 -72px; }
		.list-viewchanger li#list_viewchanger_detailed.active { background-position: 0 -72px; }
	
	/* General Product Item */
	.product-item { position: relative; width: 100%; }
	.product-item .product-image-container { padding: 0; position: relative; text-align: center; }
	.product-item .product-image-link { display: block; }
	.product-item .product-data-container { position: relative; }
	.product-item .product-name { display: block; padding: 10px 0; }
	.product-item .product-description { padding-bottom: 10px; }
	.product-item .product-price { text-align: right; display: inline; line-height: inherit; margin-right: 5px; }
	.product-item .product-price-discount { padding-left: 5px; }
	
	/* General Product List Settings */
		
		.product-list-container { clear: both; position: relative; margin-bottom: 10px; }
		.product-list-container form { margin-bottom: 0; }
		.product-list-container .product-list { list-style-type: none; margin: 0; padding: 10px 0 0; }
		.product-list-container .product-list .product-list-item { height: auto; padding: 0 0 0 15px; margin-top: 0; margin-bottom: 10px; border: 0; position: relative; }
		.product-list .product-list-item .product-item { position: relative; display: table; width: 100%; }
		.product-list .product-item .product-image-container { padding: 0; position: relative; text-align: center; }
		.product-list .product-item .product-image-link { display: block; }
		.product-list .product-item .product-name { display: block; padding: 10px 0; height: auto; }
		.product-list .product-item .product-description { padding-bottom: 10px; }
		.product-list .product-flag-container { position: absolute; top: -5px; }
		.product-list .product-flag { position: relative; width: 30px; height: 30px; left: 10px; display: inline-block; margin: 0 5px 0 0; z-index: 10; }
		.product-list .product-flag .ecs-icon-tiny { width: 22px; height: 22px; margin: 4px; }
		.product-list .product-price { text-align: right; display: inline; line-height: inherit; margin-right: 5px; }
		.product-list .product-detail-link { text-decoration: none; display: inline; }
		.product-list .product-xactions > div { display: inline-block; margin: 0 5px 0 0; }
		.product-list .product-price-discount { padding-left: 5px; }
		.product-list .nodata-hint{padding:3rem 3rem;}
	
		/* Action conditional styles */
		.product-list-container.disabled-sorting.enabled-viewchanger .product-list { padding-top: 36px; }
		.product-list-container.disabled-sorting.enabled-viewchanger .list-viewchanger { top: 0; }
	
		@media (max-width:479px){
			.product-list *[class*="col-xs-"] { width: 100%; }
		}
		
	/* Detailed Product List Settings */
		.product-list-detailed .product-list { clear: both; }
		.product-list-detailed .product-list .product-list-item { float: none; clear: both; padding-left: 0; width: 100%; }
		.product-list-detailed .product-list .product-item .product-image-container { display: table-cell; vertical-align: middle; width: 25%; }
		.product-list-detailed .product-list .product-item .product-name { height: auto; }
		.product-list-detailed .product-list .product-item .product-data-container { height: auto; display: table-cell; vertical-align: top; position: relative; padding: 10px; }
		.product-list-detailed .product-list .product-xactions { display: block; padding: 5px 0; }
		.product-list-detailed .product-list .product-item .product-action { display: block; padding: 0 10px; position: relative; text-align: right; }
				
	/* Tiled Product List Settings */

		.product-list-tiled .product-list { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: flex;
			-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; margin-left: -15px; }
		.product-list-tiled .product-list .product-list-item { float: left; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -moz-flex; display: -webkit-flex; display: flex; }			
		.product-list-tiled .product-list .product-item { display: block; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; padding-bottom: 10px; }
		.product-list-tiled .product-list .product-item > div { display: block; padding: 0 10px; text-align: center; }
		.product-list-tiled .product-list .product-item .product-image-container { width: 100%; padding: 0; }
		.product-list-tiled .product-list .product-item .product-image-container .product-image-link { display: block; text-align: center; }
		.product-list-tiled .product-list .product-item .product-data-container { position: relative; }
		.product-list-tiled .product-list .product-item .product-price { line-height: 2; float: none; display: inline-block; vertical-align: middle; }
		.product-list-tiled .product-list .product-item .product-action { display: inline-block; vertical-align: middle; }
		.product-list-tiled .product-list .product-item .product-description { display: none; }
		
		.product-layer .product-list-tiled { margin-left: 0; margin-right: 0; }
		.product-layer .product-list-tiled .product-list { margin-left: 0; margin-right: 0; }
		.product-layer .product-list-tiled .product-list .product-list-item { -webkit-box-flex: 1 1 45%; -webkit-flex: 1 1 45%; -moz-flex: 1 1 45%; flex: 1 1 45%; margin-right: 5px; margin-left: 5px; padding: 0; }

	/* Tiny Product List Settings */		
		
		.product-list-tiny { padding: 0; }
		.product-list-tiny .product-list .product-list-item { margin-bottom: 5px; }
		
	/* Big Product List Settings */		

		.product-list-big .product-list .product-list-item { margin-bottom: 10px; }
		.product-list-big .product-list .product-item .product-image-container { position: static; float: left; height: auto; display: inline-block; margin-right: 15px; }
		.product-list-big .product-list .product-item .product-price { margin-right: 5px; }
		.product-list-big.item-image-alternate .product-list  .product-list-item :nth-child(even) .product-item .product-image-container { float: right; margin-right: 0; margin-left: 15px; }
				
	/* Pagination */		
		.product-list-container .relative .pagination { position: relative; top: 16px; }
		.product-list-container .pagination { display: inline-block; margin: 5px 0 15px; text-align: center; width: 100%; }
		.product-list-container .pagination > div { display: inline-block; }
		.product-list-container .pagination .pagination-link {  height: auto; line-height: 0; padding: 0 5px; width: 21px; margin: 0 10px; }
		.product-list-container .pagination .pagination-link:before { display: inline-block; height: auto; width: auto; }
		.product-list-container .pagination .text-middle {  position: relative; top: -1px; vertical-align: middle; }
		.product-list-container .pagination .prev { margin: 0; height: auto; width: auto; cursor: pointer; display: inline-block; }
		.product-list-container .pagination .next { margin: 0; height: auto; width: auto; cursor: pointer; display: inline-block; }
		.product-list-container .pagination .prev .pagination-link { display: inline; margin: 5px; border: 0; }
		.product-list-container .pagination .prev .pagination-link:visited { display: inline; margin: 5px; border: 0; }
		.product-list-container .pagination .next .pagination-link { display: inline; margin: 5px; border: 0; }
		.product-list-container .pagination .next .pagination-link:visited { display: inline; margin: 5px; border: 0; }
		.product-list-container .pagination .pagenumber .pagination-link { display: inline; margin: 5px; border: 0; position: relative; text-align: center; padding: 0 6px 0 7px; }
		.product-list-container .pagination .pagenumber .pagination-link:visited { display: inline; margin: 5px; border: 0; position: relative; text-align: center; padding: 0 6px 0 7px; }
		.product-list-container .pagination .number-wrapper { display: inline-block; margin: 0 4px; }
		.product-list-container .pagination .pagenumber { display: inline-block; min-width: 20px; }
		.product-list-container .pagination .pagination-dots { margin: 0; position: relative; text-align: center; width: 20px; height: 18px; display: inline-block; }
		.product-list-container .pagination .prev .pagination-link:before { content:"\2039"; font-size: 1.5rem; line-height: 2; }
		.product-list-container .pagination .prev-deactive { cursor: default; margin: 4px 0 0 0; height: 8px; width: 4px; display: inline-block; }
		.product-list-container .pagination .next .pagination-link:before { content:"\203a"; font-size: 1.5rem; line-height: 2; }
		.product-list-container .pagination .next-deactive { cursor: default; height: 8px; width: 4px; margin: 4px 0 0 0; display: inline-block; }
	
/* ===== END Product-Lists ===== */

/* ===== START ADDRESS LIST / FORM ===== */

	.ecs-address-list {}	
	.ecs-address-list .address-empty { font-style: italic; padding-left: 10px; }	
	.ecs-address-list .address-default { margin: 0 0 10px; padding-left: 10px; clear: both; float: none; }	
	.ecs-address-list .adr-default { font-style: italic; margin-bottom: 3px; }	
	.ecs-address-list .address-edit { margin: 5px 0 0; }
	.ecs-address-list .adr-deleteaction { margin: 5px 0 0; }
	.ecs-address-list .adr-make-default { margin: 5px 0 0; }	
	.ecs-address-list .adr-make-default form { margin: 0; padding: 0; }	
	.ecs-address-list .address-edit a.button-ADDRESSEDIT { width: 100%; height: auto; min-width: 0; border: 0; text-align: left; text-transform: none; padding-left: 25px; }
	.ecs-address-list button.button-ADDRESSDELETE { width: 100%; height: auto; min-width: 0; border: 0; text-align: left; text-transform: none; padding-left: 25px; }
	.ecs-address-list button.button-MAKEDEFAULT { width: 100%; height: auto; min-width: 0; border: 0; text-align: left; text-transform: none; padding-left: 25px; }	
	.ecs-address-list .address-data { width: 100%; margin-right: -180px; padding-right: 180px; min-height: 115px; display: inline-block; float: left; }	
	.ecs-address-list .address-action { display: inline-block; width: 180px; min-height: 115px; float: left; text-align: center; }	
	.ecs-address-list .address-action * { line-height: normal; vertical-align: middle; }	
	.ecs-address-list .address-action > div { display: block; }	
	.ecs-address-list .address-action > div:nth-child(1){ margin-top: 0; }	
	.ecs-address-list .address-default .address-action > div:nth-child(1) { margin-top: 16px; }	
	.ecs-address-list .address-others { clear: both; float: none; padding-left: 10px; }
	.ecs-address-list .address-others .row:nth-child(n) { border-top: 1px solid #CCC; margin-top: 10px; padding-top: 10px; }	
	.ecs-address-list .address-others .row:nth-of-type(1) { border-top: 0; margin-top: 0; padding-top: 0; }
	.ecs-address-list .address-new { margin: 10px 0; display: inline-block; width: 100%; }		
	.ecs-address-list .address-new .button-DEFAULTSMALL { width: 190px; min-width: 0; float: right; text-transform: none; }
	.ecs-address-list .address-new .button-DEFAULTSMALL:hover { width: 190px; min-width: 0; float: right; text-transform: none; }	
	.ecs-address-list .address-block { border-top: 1px solid #DDD; margin-top: 5px; padding-top: 5px; }	
	.ecs-address-list .address-block:nth-child(1) { border-top: 0; margin-top: 0; padding-top: 0; }
	
	.ecs-address-form { padding-left: 10px; padding-right: 10px; }
	.ecs-address-form.container-fluid { padding-left: 10px; padding-right: 10px; }	
	.ecs-address-form .row { margin: 0; }
	
	@media (min-width: 768px){	
		.ecs-address-list .address-block { border-top: 0; margin-top: 0;  padding-top: 0; }
	}

/* ===== END ADDRESS LIST / FORM ===== */

/* ===== General Productgroup List Settings ===== */
	
	.product-group-list-container { clear: both; position: relative; margin-bottom: 10px; }
	.product-group-list-container form { margin-bottom: 0; }
	.product-group-list-container .product-group-list { padding: 0; list-style-type: none; margin: 0; padding: 10px 0 0; }
	.product-group-list .product-group-list-item { height: auto; margin-top: 0; margin-bottom: 5px; border: 0; position: relative; }
	.product-group-list .product-group-item { position: relative; display: table; width: 100%; }
	.product-group-list .product-group-item .product-group-image-container { padding: 0; position: relative; text-align: center; }
	.product-group-list .product-group-item .product-group-image-container .product-group-image-link { display: block; }
	.product-group-list .product-group-item .product-group-image-container .product-group-image { max-width: none; }
	.product-group-list .product-group-name { display: block; }
	
	/* == Tiled == */
	.product-group-list-tiled { margin: 20px 0 0; }
	.product-group-list-tiled .product-group-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: flex; 
	 	-webkit-flex-flow: row wrap;  -moz-flex-flow: row wrap; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; padding: 0; }
	.product-group-list-tiled .product-group-list .product-group-list-item { float: left; -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; }
	.product-group-list-tiled .product-group-list .product-group-item { display: block; flex: 1 1 auto; padding-bottom: 10px; }
	.product-group-list-tiled .product-group-name { height: 45px; line-height: 45px; margin: 0; overflow: hidden; display: block; padding: 0 10px; }
	.product-group-list-tiled .product-group-data-container { height: 100%; padding-top: 5px; }		
			
/* ===== END Productgroup List Settings ===== */

/* Order Progress */
	.order-progress { margin: 0 0 20px; padding: 0; width: 100%; height: auto; }
	.order-progress .order-progress-cell { padding: 5px 15px 5px 20px; margin-bottom: 5px; height: 30px; float: left; position: relative; }			
	.order-progress .order-progress-cell .arrow-container { height: 30px; width: 30px; position: absolute; right: -15px; top: 0; z-index: 10; }		
	.order-progress .pre-i18n-string { padding-left: 25px; padding-right: 5px; }
	
	@media (min-width: 992px){
		.order-progress .order-progress-cell { margin-bottom: 0; }
	}
	
/** filters **/
.filter-option-range { padding: 10px; }
.filter-option-unit { vertical-align: middle; line-height: 2.25; padding: 0 5px 0 0; }
.filter-range-input-container .filter-range-input-col { padding: 0 5px; }
.filter-range-input-container .filter-range-input-col.filter-option-min { position: relative; }
.filter-range-input-container .filter-range-input-col.filter-option-min:after {
	content:""; position: absolute; right: -2px; height: 1px; width: 4px; background-color: #000; top: 0; bottom: 0; margin: auto; }
.filter-range-input-container .filter-range-input-col.filter-option-max { padding-right: 0; }
.filter-option-range .filter-min { width: 100%; vertical-align: middle; display: inline-block; }
.filter-option-range .filter-max { width: 100%; vertical-align: middle; display: inline-block; }
.filter-option-range .filter-option-action { text-align: right; padding: 0; margin-top: 5px; }
.filter-option-range .filter-option-action .button { width: 100%; vertical-align: middle; }
.filter-option-range .filter-range-slider { margin-bottom: 10px; }
.filter-option-range .filter-range-slider .ui-slider-handle { cursor: pointer; }
.filter-option .filter-option-value-prefix { margin-right: 5px; }

	@media (min-width: 768px){
		.filter-option-range .filter-option-action {  margin-top: 0; padding-right: 0; }
		.filter-range-input-container .filter-range-input-col.filter-option-max { padding-right: 5px; }
	}
