@charset "utf-8";

/*******************************
 * Font changes to Centrale Sans
*/

article div.container p, article div.container a, article div.container li {
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
}

/*******************************
 * Left column (Search filters)
 */

.itemlist #suggestion-box {
	z-index: 10;
	width: 500px;
	height: 50px;
	display: none;
	position: absolute;
	margin-left: 150px;
	margin-top: -15px;
}

.itemlist #suggestion-box:hover {
	cursor: pointer;
}



	.itemlist .col1 section {
		/* padding:18px; */
		padding:8px 20px 18px 0px;
		/* border:1px solid #dbdcde; */
		margin-top:10px;
		margin-bottom:20px;
		/* background-color:#ffffff; */
		background-color:#eeeff3;
	}
		.itemlist .col1 section h1 {
		    font-weight: 400;
		    font-size: 1.25em;
		    margin-bottom: 10px;
		}
		#mobile-itemlist-header{
			font-size:1.25em;
			font-weight:400;
			margin-left:5px;
			margin-bottom: 0px;
		}

		.itemlist .col1 section hr {
			border:none;
			background-color:#dbdcde;
			color:#dbdcde;
			height:2px;
			clear:both;
			margin-top:10px;
			margin-bottom:10px;
		}

		.itemlist .col1 section ul {
			margin-left:0px;
			margin-bottom:0px;
		}

			.itemlist .col1 section ul li {
				list-style:none;
				line-height:1.6em;
				background-color: #fcfcfc;
				border-radius: 3px;
			}

			.itemlist .col1 section ul li.clear-filter {
				background-color: #0099ff;
			}

			.itemlist .col1 section > ul > li {
				margin-bottom: 8px;
				padding: 6px 20px;
			}
			
			.itemlist .col1 section ul li label {
				margin-top:4px;
			}

			.itemlist .col1 section ul li a {
				font-family: 'Centrale Sans Light', Trebuchet, sans-serif;
				text-decoration:none;
				line-height:1.5em;
				padding-left: 5px;
				vertical-align:middle;
			}

			.itemlist .col1 section ul li a strong {
				font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
				font-weight: 500;
			}

			.itemlist .col1 section ul li a:hover,
			.itemlist .col1 section ul li a:active {
				color:#0099ff;
			}
			
			/*.itemlist .col1 section ul li input {
				vertical-align:middle;
				margin-top:0;
			}*/

			.itemlist .col1 section ul li input {
				position: absolute;
				opacity: 0;
				cursor: pointer;
				height: 0;
				width: 0;
			}

			.itemlist .col1 section ul li .checkmark {
				display: inline-block;
				position: relative;
				top: 2px;
				left: 0;
				height: 14px;
				width: 14px;
				background-color: #fff;
				cursor: pointer;
				border: 1px solid #bbbbbb;
			}

			.itemlist .col1 section ul li input:checked ~ .checkmark {
				background-color: #0099ff;
				border-color: #0099ff;
			}

			.itemlist .col1 section .title a.reset-search {
				display:block;
				color:white;
				background-color:#0099ff;
				padding:5px 10px;
				text-align:center;
				margin-bottom:10px;
			}

			.itemlist .col1 section ul {
				margin-bottom:10px;
			}
				.itemlist .col1 section ul li:first-of-type{
					margin-bottom: 0px;
					padding: 0px 20px;
					background-color: #eeeff3;
				}

				.itemlist .col1 section ul li h3.filter {
					font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
					font-weight: 500 !important;
					margin:0 -5px;
					/* padding:8px 10px; */
					padding:8px 5px;
					font-size:1.1em;
					color:#0099ff;
					cursor: pointer;
					/* background-color:#dbdcde; */
				}
				.itemlist .col1 section ul li h3.filter.clearURL {
					cursor: default;
				}
				.itemlist .col1 section ul li.clear-filter h3.filter {
					color: #ffffff;
				}
				.itemlist .col1 section ul li.clear-filter h3.filter a {
					color: #ffffff;
					line-height: unset;
				}
				.itemlist .col1 section ul li.clear-filter h3.filter a:hover {
					color: #2d2d2d;
				}
				.itemlist .col1 section ul li:not(.clear-filter) h3.filter:after {
					font-family: "Glyphicons Halflings";
					content: "\e114";
					float: right;
					margin-left: 15px;
				}
				.itemlist .col1 section ul li > h3.filter.collapsed:after {
					content: "\e080";
				}
					.itemlist .col1 section ul.selected li h3 {
						margin:0.5em 0 0;
						padding:0;
						font-size:1em;
						background-color:#ffffff;
					}

					.itemlist .col1 section ul li h3.inner-filter{
						font-size:1em;
						color:#0099ff;
						background-color: #fcfcfc;
					}

				.itemlist .col1 section ul li ul {
					padding-left:0px;
					font-size:0.9em;
				}

				@media (min-width: 1200px) {	
					.itemlist .col1 section ul li ul {
						/* padding-left:5px; */
						font-size:1em;
					}
				}
				
				.itemlist .col1 section ul li h3 img.specTooltip {
					vertical-align:top;
					margin-left:5px;
				}			
				

/*******************************
 * Right column (Item list)
 */

	.itemlist .col2 section {
		width:100%;
		padding:0;
		padding-top:18px;
		padding-bottom:18px;
		border:1px solid #dbdcde;
		margin-top:10px;
		margin-bottom:20px;
		background-color:	#ffffff;
	}
	
	.itemlist .col2 section h2.desktopCategoryTitle {
		font-size: 2.175em;
		/*font-weight: 500;*/
	}

	.itemlist .col2 section h2.desktopCategoryTitle .search-instead {
		font-size: 0.8em;
	}

	.itemlist .col2 section h2.desktopCategoryTitle .search-instead a {
		font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
		color: #0099ff;
	}
	
	.itemlist .col2 .notes {
		margin: 15px;
	}

	.itemlist .col2 .notes p {
		margin-top: 0;
		font-size: 1.273em;
		font-weight: 500;
	}
		
	.itemlist .col2 .catDescription {
	    border: 1px solid #e6e6e6;
	    padding: 10px;
	    font-size: 12px;
		margin-bottom: 15px;
	    background-color: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
		.itemlist .col2 .catDescription h2 {
			font-weight: 500;
			margin:	0 0 5px;
		}
		.itemlist .col2 .catDescription p {
		    line-height: 18px;
			margin:	0;
		}
		
		.itemlist .col2 .catDescription p a {
			cursor: pointer;
		}
		.itemlist .col2 .catDescription p #showMoreLess {
			display: none;
		}

		/*****************************************
		 * Brand Sub-category Buttons list page content
		 */
		
		.itemlist .brand-sub-category {
			margin-bottom: 10px;
			display: flex;
			flex-wrap: wrap;
		}
		
		.itemlist .brand-sub-category .brand-sub-category-title {
			font-size: 1.2em;
			margin-top: 10px;
		}

		.itemlist .brand-sub-category .brand-sub-category-buttons a.pushbutton {
			min-height: 40px;
			font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
			padding-top: 8px;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		@media screen and (max-width: 991px) {
			.itemlist .brand-sub-category {
				justify-content: center;
			}
		}
		
		/*****************************************
		 * Featured list page content (e.g. Gaming TVs page)
		 */

		.itemlist .col2 section .content .featured-list {
			border:1px solid #e6e6e6;
			padding: 10px 10px 5px;
			font-size: 0.89em;
			margin-bottom:10px;
			background-color:#fff;
		}
	
			.itemlist .col2 section .content .featured-list h1 {
				margin-bottom:0;
				line-height:1.4em;
			}
			
			.itemlist .col2 section .content .featured-list p {
				margin:	0 0 5px;
			}
			
			.itemlist .col2 section .content .featured-list a {
				color: #0099ff;
				font-weight: 500;
			}
			
			.itemlist .col2 section .content .featured-list h4 {
				margin: 5px 0;
				font-weight: 700;
			}

		 .gaming-tv-info { 
		 	margin-left: 25px;
		 	margin-bottom: 10px;
		 }

		/*****************************************
		 * View options and paging
		 */

		.itemlist .col2 section .content .view-options {
			/* border:solid 1px #e6e6e6; */
			display:block;
			padding:0;
			/*padding-left:5px;*/
			font-size:11px;
			/*margin-bottom:10px;
			margin-bottom:5px;*/
		}
	
			/*.itemlist .col2 section .content .view-options div {
				padding:0;
				margin:0;
				display:block;
				float:left;
				height:18px;
			}*/

				.itemlist .col2 section .content .view-options .items {
					height:40px;
					border-right:solid 1px #e6e6e6;
					text-align:center;
					padding-right:10px;
					padding-left:5px;
					padding-top:4px;
				}
				
				.itemlist .col2 section .content .view-options .items strong {
					font-weight:700;
				}
				
				.itemlist .col2 section .content .view-options .point-to-the-search-filter {
					height:40px;
					width: 95px;
					text-align:center;
					line-height: 44px;
					padding-right:15px;
					padding-left:15px;
					padding-top:6px;
					font-size: 1.3em;
					position: relative;
				}


				.itemlist .col2 section .content .view-options .encourage-search-filter {
					height:39px;
					text-align:center;
					line-height: 40px;
					padding-right:10px;
					padding-left:10px;
					padding-top:6px;
					font-size: 1.3em;
				}
				
				.itemlist .col2 section .content .view-options .encourage-search-filter strong {
					font-weight:700;
					border-left:solid 1px #e6e6e6;
					border-right:solid 1px #e6e6e6;
					padding-right:10px;
					padding-left:10px;
				}

				.itemlist .col2 section .content .view-options .options {
					width: 100%;
					height: 30px;
					/*border-right:solid 1px #e6e6e6;
					padding-right:5px;
					padding-left:10px;
					padding-top:8px;*/
					margin: 25px 0;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				}

				.itemlist .col2 section .content .view-options .options-top {
					margin-top: 19px;
				}

				.itemlist .col2 section .content .view-options .options-bottom {
					width: 100%;
					height:30px;
					margin: 30px 0;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				}

				@media (max-width: 767px) {
					.itemlist .col2 section .content .view-options .options {
						justify-content: center;
					}

					.itemlist .col2 section .content .view-options .options-bottom {
						justify-content: center;
					}
				}

				/*.itemlist .col2 section .content .view-options .pages {
					height:27px;
					padding-left:25px;
				}*/

			.itemlist .col2 section .content .view-options label {
				float:left;
				margin-right:8px;
				height:35px;
				font-size:1.2em;
				padding-top:9px;
			}

				.itemlist .col2 section .content .view-options span.select-container select {
					float: left;
					height: 35px;
					/*border:solid 1px #abadb3;*/
					border: none;
					font-size: 1.2em;
					color: #454545;
					margin-right: 8px;
					border-radius: 5px;
					padding: 0 10px;
				}
				
				.itemlist .col2 section .content .view-options span.select-container select.small {
					width: 60px;
				}
				
				.itemlist .col2 section .content .view-options span.select-container select.medium {
					width: 140px;
				}
			
			@media (min-width: 992px) and (max-width: 1199px) {
				.itemlist .col2 section .content .view-options label {
					margin-right: 4px;
				}
				.itemlist .col2 section .content .view-options span.select-container select {
					margin-right: 4px;
				}
			}
	
			.itemlist .col2 section .content .view-options ul.pagination {
				/*height:100%;*/
				overflow:hidden;
				position: unset;
				top: unset;
				width: unset;
			}
	
				.itemlist .col2 section .content .view-options ul.pagination li:not(:last-child) {
					float:left;
					margin-right:5px;
					list-style:none;
				}
	
					.itemlist .col2 section .content .view-options ul.pagination li a {
						width:35px;
						height:35px;
						text-align:center;
						background:none;
						font-size:1.05em;
						line-height:14px;
						color:#333;
						text-decoration:none;
						/* padding:0; 
						padding-top:3px;
						padding-bottom:3px; */
						padding:10px; 
						border-radius:2px;
						display:block;
						font-weight:500;
						color:#454545;
						background-color: #fcfcfc;
					}

					.itemlist .col2 section .content .view-options ul.pagination li a:hover {
						background:#32abff;
						color:#fff;
					}
					.itemlist .col2 section .content .view-options ul.pagination li a.pgselect {
						background:#0099ff;
						color:#fff;
					}
	
			.itemlist .col2 section .content .view-options ul.twoview {
				height:100%;
				overflow:hidden;
			}

				.itemlist .col2 section .content .view-options	ul.twoview li {
					font-size:11px;
					padding:0;
					float:left;
					margin:0 5px 0 0;
					list-style:none;
				}
				
					.itemlist .col2 section .content .view-options	ul.twoview li img {
						width:21px;
					}
		
		.itemlist .col2 section .content .deals-banner {
			margin-bottom: 25px;
		}

	/***********************************
	 * Next page link
	 */	
	 
	 .itemlist .col2 section .content .view-options .pages ul {
		display: block;
		/*width: 250px;*/
		margin-left: auto;
		margin-right: auto;
	}
	
	/*.itemlist .col2 section .content .view-options ul.pagination li.next-page {
		margin-left:3px;
	}*/
	
	.itemlist .col2 section .content .view-options ul.pagination li.next-page a {
		width:100px;
		padding: 10px;
		border-radius: 5px;
	}
	
	.itemlist .col2 section .content .view-options .pages ul li a {
		font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
		font-size: 1.273em;
		color: #494949;
		border: 1px solid #ededec;
		border-radius: 5px;
	}
	
	.itemlist .col2 section .content .view-options .pages ul li a.pgselect,
	.itemlist .col2 section .content .view-options .pages ul li.next-page a {
		font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
		color: #ffffff;
		background-color: #0099ff;
		
	}
	
	.itemlist .col2 section .content .view-options .pages ul li a:hover,
	.itemlist .col2 section .content .view-options .pages ul li a:active {
		color: #ffffff;
		background-color: #32abff;
	}
		 
	/***********************************
	 * Top5 Link
	 */		 

	.itemlist .col2 section .content .top5 {
		margin:0;
		margin-top:5px;
		margin-bottom:5px;
		padding:5px 10px;
		border:1px solid #454545;
		background-color:#ebebeb;
		height:39px;
	}

		.itemlist .col2 section .content .top5 span {
			line-height:1.35em;
			font-size:1.2em;
			font-weight:500;
		}

		.itemlist .col2 section .content .top5 span a {
			color:#0099ff;
		}
		
		.itemlist .col2 section .content .top5 span a:hover,
		.itemlist .col2 section .content .top5 span a:active {
			color:#32abff;
		}

		.itemlist .col2 section .content .top5 .category-button {
			float:right;
			margin-bottom:10px;
			display:block;
			text-align:center;
			background-color:#0099ff;
			color:#ffffff;
			font-size:1.2em;
			font-weight:700;
			padding:5px 20px;
			text-decoration:none;
		}
					
		.itemlist .col2 section .content .top5 a.category-button:hover,
		.itemlist .col2 section .content .top5 a.category-button:active {
			background-color:	#32abff;
		}

	/***********************************
	 * Product List (list display)
	 */		 
	 
	 .floatright{float:right;}
	@media (max-width: 767px) {    
	    .floatright{float:none;}
	} 
		.itemlist .col2 section .content .products ul.list li {
			list-style:none;
			display:block;
		}

		.itemlist .col2 section .content .products  {
			width:100%;
			/* margin-top:10px; */
			margin-bottom:10px;
			/*padding-bottom:10px;
			padding-top:10px;*/
		}
			.itemlist .col2 section .content .products  .image-pushdown {
				padding-top: 5px;
				display: flex;
				flex-direction: column;
				margin-left: 6px;
			}

			@media (max-width: 767px) {
				.itemlist .col2 section .content .products  .image-pushdown {
					flex-direction: row;
					justify-content: space-between;
				}
				.itemlist .col2 section .content .products  .image-pushdown .product-image {
					flex: 0 0 auto;
					padding-right: 10px;
				}
				.itemlist .col2 section .content .products  .image-pushdown .purchase-m {
					flex: 1 1 auto;
				}
			}

			/* list pack images */
			.itemlist .col2 section .content .products .packImgs .packImg {
				text-align: center;
				margin-bottom: 5px;
			}
			.itemlist .col2 section .content .products .packImgs .packImg img {
				display: inline-block;
				max-width: 150px;
				width: 100%;
			}
			@media (max-width: 767px) {    
				.itemlist .col2 section .content .products .packImgs .packImg  {
					padding: 0 0 3px;
				}
			} 
			/* list pack images - end */

			.itemlist .col2 section .content .products  .image img.sale-banner {
				margin-top:-10px;
			}

			.itemlist .col2 section .content .products  .image h4 {
				margin-left:6px;
			}
			.itemlist .col2 section .content .products  .image h4 img {
				margin:0 3px -5px;
			}
			
				.itemlist .col2 section .content .products .energyRatingArrow {
					text-align: center;
					margin-top: 15px;
					max-width: 180px;
				}
				@media (max-width: 767px) {
					.itemlist .col2 section .content .products .m-logo-energy {
						display: flex;
					}
					.itemlist .col2 section .content .products .m-logo-energy .energyRatingArrow {
						margin-top: 0;
						padding-left: 15px;
					}
				}
				.itemlist .col2 section .content .products .energyRatingArrow .energyRating {
				    color:#fff;
				    font-size:15px;
				    line-height: 16px;
				    display: inline-block;
				    text-align: center;
				    vertical-align: middle;
				    width: 42px;
				    padding: 4px;
				}
				.itemlist .col2 section .content .products .energyRatingArrow .energyArrowPoint {
					width: 0;
					height: 0;
					border-style: solid;
					border-color: transparent;
					border-width: 12px 0 12px 14px;
				    display: inline-block;
				    vertical-align: top;
				}
				
					.itemlist .col2 section .content .products .energyLevel1 .energyRating {
					    background: #00a652;
					}
					.itemlist .col2 section .content .products .energyLevel1 .energyArrowPoint {
					    border-left-color: #00a652;
					}
					
					.itemlist .col2 section .content .products .energyLevel2 .energyRating {
					    background: #51b747;
					}
					.itemlist .col2 section .content .products .energyLevel2 .energyArrowPoint {
					    border-left-color: #51b747;
					}
					
					.itemlist .col2 section .content .products .energyLevel3 .energyRating {
					    background: #bdd630;
					}
					.itemlist .col2 section .content .products .energyLevel3 .energyArrowPoint {
					    border-left-color: #bdd630;
					}
					
					.itemlist .col2 section .content .products .energyLevel4 .energyRating {
					    background: #fef200;
					}
					.itemlist .col2 section .content .products .energyLevel4 .energyArrowPoint {
					    border-left-color: #fef200;
					}
					
					.itemlist .col2 section .content .products .energyLevel5 .energyRating {
					    background: #fdb813;
					}
					.itemlist .col2 section .content .products .energyLevel5 .energyArrowPoint {
					    border-left-color: #fdb813;
					}
					
					.itemlist .col2 section .content .products .energyLevel6 .energyRating {
					    background: #f37020;
					}
					.itemlist .col2 section .content .products .energyLevel6 .energyArrowPoint {
					    border-left-color: #f37020;
					}
					
					.itemlist .col2 section .content .products .energyLevel7 .energyRating {
					    background: #ed1b24;
					}
					.itemlist .col2 section .content .products .energyLevel7 .energyArrowPoint {
					    border-left-color: #ed1b24;
					}
	
			.itemlist .col2 section .content .products  .image .logos.packLogos {
				text-align: center;
			}
				.itemlist .col2 section .content .products  .image .logos img {
					margin-top:10px;
					display: inline-block;
				}
			
			.itemlist .col2 section .content .products  .details {
				padding-right: 20px; 
			}

			@media (max-width: 767px) {
				.itemlist .col2 section .content .products  .details {
					padding-right: 5px; 
				}
			}
				
				.itemlist .col2 section .content .products  .m-warranty-promo {
					padding: 10px 0;
				}
				
				.itemlist .col2 section .content .products  .guarantee-line {
					width: 100%;
					background-color: rgba(0, 153, 255, 0.12);
					border: 1px solid #BAD8FF;
					border-radius: 25px;
					padding: 15px 35px;
					margin-bottom: 10px;
				}

				.itemlist .col2 section .content .products  .guarantee-line p {
					color: #0F66A1;
					font-size: 1.05em;
					line-height: 1.05em;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					margin-top: 0;
				}
				
				.itemlist .col2 section .content .products  .promo-line {
					width: 100%;
					background-color: rgba(255, 0, 0, 0.1);
					border: 1px solid #FFBEBE;
					border-radius: 25px;
					padding: 15px 35px;
					margin-bottom: 10px;
				}

				.itemlist .col2 section .content .products  .promo-line p {
					color: #E81515;
					font-size: 1.05em;
					line-height: 1.05em;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					margin-top: 0;
				}
				
				.itemlist .col2 section .content .products  .promo-line-hp {
					width: 100%;
					background-color: #DB0A0A;
					border: 1px solid #DB0A0A;
					border-radius: 25px;
					padding: 15px 35px;
					margin-bottom: 10px;
				}

				.itemlist .col2 section .content .products  .promo-line-hp p {
					color: #FFFFFF;
					font-size: 1.05em;
					line-height: 1.05em;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					margin-top: 0;
				}

				.itemlist .col2 section .content .products  .promo-banner {
					width: 100%;
					background-color: rgba(0, 153, 255, 0.12);
					border: 1px solid #BAD8FF;
					border-radius: 25px;
					padding: 15px 35px;
					margin-bottom: 10px;
					text-align: center;
				}
				
				.itemlist .col2 section .content .products  .promo-banner p {
					color: #0F66A1;
					font-size: 1.05em;
					line-height: 1.25em;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					margin-top: 0;
				}

				.itemlist .col2 section .content .products  .promo-banner-red {
					width: 100%;
					background-color: #FF00001A;
					border: 1px solid #FFBEBE;
					border-radius: 25px;
					padding: 15px 35px;
					margin-bottom: 10px;
					text-align: center;
				}
				
				.itemlist .col2 section .content .products  .promo-banner-red p {
					color: #E81515;
					font-size: 1.05em;
					line-height: 1.25em;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					margin-top: 0;
				}

				.itemlist .col2 section .content .products  .promo-banner-hp {
					width: 100%;
					background-color: #DB0A0A;
					border: 1px solid #DB0A0A;
					border-radius: 25px;
					padding: 15px 35px;
					margin-bottom: 10px;
					text-align: center;
				}
				
				.itemlist .col2 section .content .products  .promo-banner-hp p {
					color: #FFFFFF;
					font-size: 1.05em;
					line-height: 1.25em;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					margin-top: 0;
				}

				.itemlist .col2 section .content .products  .promo-mrk1 {
					width: 100%;
					background-color: #ede0ff;
					border: 1px solid #c9b5ef;
					border-radius: 25px;
					padding: 15px 35px;
					margin-bottom: 10px;
					text-align: center;
				}
				
				.itemlist .col2 section .content .products  .promo-mrk1 p {
					color: #765bc5;
					font-size: 1.05em;
					line-height: 1.05em;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					margin-top: 0;
				}

				.itemlist .col2 section .content .products  .details .summary {
					font-size:14px;
					margin: 0;
				}
				
				/*.itemlist .col2 section .content .products  .details .summary span.guarantee {
					color:#1c86ee;
				}*/
				
				.itemlist .col2 section .content .products  .details ul.promotion-list {
					margin-bottom:10px;
				}

				.itemlist .col2 section .content .products  .details ul li.promotion-title {
					font-size:1.3em;
					font-weight:700;
					margin-bottom:5px;
					list-style-type: none;
				}
				
				.itemlist .col2 section .content .products  .details ul li.promotion-title img {
					height: auto;
				}
				
				.itemlist .col2 section .content .products  .details ul li.promotion-title a {
					color:	#fb2201;
				}

				.itemlist .col2 section .content .products  .details a:link {
					text-decoration:none;
				}
				

				.itemlist .col2 section .content .products  .details a:active,
				.itemlist .col2 section .content .products  .details a:hover
				{
					color:#0099ff;
 				}
 				
 				.itemlist .col2 section .content .products  .details a:active,
				.itemlist .col2 section .content .products  .details a:hover
				{
					color:inherit;
					
				}

				.itemlist .col2 section .content .products  .details a.jumplink {
					/*color:#81c029;
					font-weight: 700;*/
					cursor: text;
					pointer-events: none;
				}
					.itemlist .col2 section .content .products  .details a.jumplink.connection {
						color:green;
					}
				
				.itemlist .col2 section .content .products  .details .more-details {
					margin-top:5px;
					font-size:1.2em;
					font-weight:700;
				}
					.itemlist .col2 section .content .products  .details .more-details:link,
					.itemlist .col2 section .content .products  .details .more-details:visited
					{
						color: #0099ff;
					}
					.itemlist .col2 section .content .products  .details .more-details:hover,
					.itemlist .col2 section .content .products  .details .more-details:active
					{
						color: #32abff;
					}

				.itemlist .col2 section .content .products  .details .m-stock-inst-del {
					width: 100%;
					background-color: #F6F6F6;
					border: 1px solid #F0F0F0;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					padding: 8px 15px;
					margin: 10px 0;
				}


			.itemlist .col2 section .content .products .finance-line {
			    font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
				/*font-weight: 700;*/
				font-size: 1.05em;
				line-height: 1.1em;
				margin: 20px 0;
				border: 1px solid #f5f5f5;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding: 8px 15px;
			}
			@media (max-width: 767px) {
				.itemlist .col2 section .content .products .finance-line {
					text-align: center;
				}
			}
				.itemlist .col2 section .content .products .bnpl {
				    font-size: 1.1em;
				}
				.itemlist .col2 section .content .products .finance-line .apr {
			 		font-size:0.8em;
			 	}
				
			.itemlist .col2 afterpay-placement {  
				--logo-badge-width: 75px;
				--messaging-line-height: 1.2em;
				margin-bottom: 0;
			}
				@media (max-width: 767px) {	
					.itemlist .col2 afterpay-placement {  
						font-weight: 700;
						margin: 5px 0 15px;
					}
				}
			
			.itemlist .col2 section .content .products div[id^='BVRRInlineRating'] {
				margin: 10px 0;
			}

			@media (max-width: 767px) {
				.itemlist .col2 section .content .products div.mi-pad {
					margin-top: 20px;
				}
			}

			.itemlist .col2 section .content .products div.product-name img.brandImg-listing {
				max-height: 24px;
				margin-bottom: 15px;
			}
			
			.itemlist .col2 section .content .products div.product-name h2 {
				line-height: 1.2em;
				font-size: 1.275em;
				margin: 0;
			}
			
			.itemlist .col2 section .content .products div.product-name h2 a {
				font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
			}
			
			@media (max-width: 295px) {
				.itemlist .col2 section .content .products div.product-name h2 {
				font-size: 1.2em;
			}
			}
			
			.itemlist .col2 section .content .products  .purchase-or-price {
				margin: 0;
				padding: 0;
				height: auto;
			}
			
			.itemlist .col2 section .content .products  .purchase-or-price .purchase-or-price-contents {
				display: block;
				
			}
			

			.itemlist .col2 section .content .products  .purchase-or-price p.price-info {
				margin-top:-15px;
				margin-bottom:0;
				font-size: 1.25em;
				color:#0099ff;
			}

			.itemlist .col2 section .content .products  .purchase-or-price .purchase-buttons {
				margin-top:0.5em;
				margin-bottom:0.5em;
			}
			
			.itemlist .col2 section .content .products  .purchase-or-price p {
				display: block;
/*				float:left; */
				
			}
			
			.itemlist .col2 section .content .products .purchase .listingPromo {
				margin-top: 15px;				
			}
			
			.itemlist .col2 section .content .products .marginIndicator {
				display: block;
				position: absolute;
				left: 10px;
				top: 10px;
				z-index: 2;
				width: 20px;
				height: 20px;
				/*float: right;
				margin-left: -20px;*/
			}

			.itemlist .col2 section .content .products .commission {
				top: 45px;
				text-align: center;
				font-size: 18px;
				font-weight: 600;
			}

			.itemlist .col2 section .content .products .commission.c-band2 {
				color: red;
			}
			.itemlist .col2 section .content .products .commission.c-band3 {
				color: #fef200;
			}
			.itemlist .col2 section .content .products .commission.c-band4 {
				color: green;
			}

			.itemlist .col2 section .content .products .lightning-deal-item .marginIndicator {
				top: 80px;
				left: 20px;
			}
				.itemlist .col2 section .content .products .marginIndicator.mi0 {
					background-color: #000;
				}
				.itemlist .col2 section .content .products .marginIndicator.mi1 {
					width: 0;
					height: 0;
					border-left: 10px solid transparent;
					border-right: 10px solid transparent;
					border-bottom: 20px solid #cc1614;
				}
				.itemlist .col2 section .content .products .marginIndicator.mi2 {
					background-color: #ffcc03;
					border-radius: 50%;
				}
				.itemlist .col2 section .content .products .marginIndicator.mi3 {
					width: 0;
					height: 0;
					border-left: 10px solid transparent;
					border-right: 10px solid transparent;
					border-bottom: 18px solid #81c029;
					/*position: relative;*/
				}
				.itemlist .col2 section .content .products .marginIndicator.mi3:after {
					width: 0;
					height: 0;
					border-left: 10px solid transparent;
					border-right: 10px solid transparent;
					border-top: 18px solid #81c029;
					position: absolute;
					content: "";
					top: 6px;
					left: -10px;
				}
			
			.basket-info {
				font-size: 1.25em;
				line-height:1.3em;
				color:#0099ff;
			}
			
			.free-delivery-stock-level {
				padding: 0px;
			}
			
			.itemlist .col2 section .content .products  .free-delivery-stock-level .trustpilot-widget {
				margin-top: 15px;
			}

			/*.itemlist .col2 section .content .products .purchase {
			}*/
				.itemlist .col2 section .content .products .purchase .brandImg {
					margin: 5px auto 15px;
					max-height: 60px;
				}

				.itemlist .col2 section .content .products .purchase .price-details {
					margin-bottom: 20px;
				}

				.itemlist .col2 section .content .products .purchase .price-cashback {
					margin: 0;
				}

				.itemlist .col2 section .content .products .purchase .price-cashback span.cashback-price {
					padding: 0;
					margin: 0;
					font-size: 2.3em;
					line-height: 1em;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					/*font-weight: 700;*/
				}
				
				.itemlist .col2 section .content .products .purchase .price-cashback span.cashback-text {
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					font-size: 1.05em;
					/*font-weight: 700;*/
					color: #fb2201;
				}

				.itemlist .col2 section .content .products .purchase .price-cashback span.agency-freeship-text{
					color: #454545;
				}

				/* Quooker only Monthly Price section */
				.itemlist .col2 section .content .products .purchase .quookerFinanceWidget .quookerFinanceWidgetPrice {
					padding: 0;
					margin: 0;
					font-size: 2.3em;
					line-height: 1em;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
				}

				.itemlist .col2 section .content .products .purchase .quookerFinanceWidgetRow {
					display: flex;
					align-items: center;
				}

				.itemlist .col2 section .content .products .purchase .quookerFinanceWidget .quookerFinanceWidgetText {
					font-size: 1.05em;
					line-height: 1.5em;
					padding-left: 0;
				}

				.itemlist .col2 section .content .products .purchase .quookerFinanceWidget .quookerFinanceWidgetText p {
					margin-top: 0;
				}

				.itemlist .col2 section .content .products .purchase .quookerFinanceWidget .quookerFinanceWidgetText a.info-popup-link {
					cursor: pointer;
				}

				.itemlist .col2 section .content .products .purchase .quookerFinanceWidget .quookerFinanceWidgetLogo {
					padding-right: 0;
				}

				.itemlist .col2 section .content .products .purchase .quookerRRP {
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					font-size: 1.2em;
					margin-top: 10px;
					line-height: 1em;
				}
				
				.itemlist .col2 section .content .products  .purchase .sale-saving {
					color: #fb2201;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					/*font-weight: 700;*/
					line-height: 1em;
					font-size: 1.05em;
					margin: 0;
				}
					
					.itemlist .col2 section .content .products .purchase span.percent-off {
						font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
						/*font-weight: 700;*/
						font-size: 1.25em;
					}
				
				.itemlist .col2 section .content .products .purchase span.was-price {
					font-size: 1.05em;
					text-decoration:line-through;
				}
				
				.itemlist .col2 section .content .products  .purchase .price {
					margin-top: 0;
					padding-top: 0;
					padding-bottom: 0;
					margin-bottom: 0;
					font-size: 2.3em;
					line-height: 1em;
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					/*font-weight: 500;*/
				}

				/**********************************************************************************
				MRK1 Day - Start
				**********************************************************************************/

				.itemlist .col2 section .content .products  .purchase .mrk1-deal-banner {
					width: 100%;
					background-color: #4E29B5;
					border-radius: 5px;
					padding: 10px 15px;
				}

				.itemlist .col2 section .content .products  .purchase .mrk1-deal-banner p {
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					color: #ffffff;
					font-size: 1.8em;
					line-height: 1em;
					margin-top: 0;
					padding-bottom: 0;
				}

				.itemlist .col2 section .content .products  .purchase .member-price-box {
					position: relative;
					width: 100%;
					background-color: #4E29B5;
					color: #FFFFFF;
					border-radius: 5px;
					padding: 5px;
					display: flex;
					flex-direction: row;
					align-items: center;
					cursor: pointer;margin-bottom: 20px;
				}

				.itemlist .col2 section .content .products  .purchase .member-price-box img {
					max-height: 42px;
				}

				.itemlist .col2 section .content .products  .purchase .member-price-box p.member-text {
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					font-size: 12px;
					line-height: 1.2em;
					margin: 0 5px;
				}

				.itemlist .col2 section .content .products  .purchase .member-price-box p.member-price {
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					font-size: 22px;
					margin: 0 5px;
				}

				.itemlist .col2 section .content .products  .purchase .member-price-box i {
					position: absolute;
					right: 3px;
					bottom: 7px;
				}

				@media screen and (max-width: 500px) {
					.itemlist .col2 section .content .products  .purchase .member-price-box {
						flex-wrap: wrap;
						justify-content: center;
					}
				}

				/**********************************************************************************
				MRK1 Day - End
				**********************************************************************************/
	
				/*.itemlist .col2 section .content .products  .purchase p.stock-level {
					font-size:			1.4em;
					color:				#0099ff;
					font-weight:500;
					margin-top:10px;
					padding:0;
					line-height:1em;
				}*/
	
				.itemlist .col2 section .content .products  p.stock-level {
					font-size: 1.05em;
					color: #2d2d2d;
					font-weight: 400;
					margin: 6px 0;
					line-height: 1.5em;
					padding: 0 0 0 18px;
				}

				.itemlist .col2 section .content .products  p.stock-level-good::before {
					content: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/catalog/check-marker.png") "  ";
					position: absolute;
					left: 0;
				}
				.itemlist .col2 section .content .products  .m-stock-inst-del p.stock-level-good::before {
					left: 21px;
				}

				.itemlist .col2 section .content .products  p.stock-level-neutral::before {
					content: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/catalog/dot-marker.png") "  ";
					position: absolute;
					left: 0;
				}
				.itemlist .col2 section .content .products  .m-stock-inst-del p.stock-level-neutral::before {
					left: 21px;
				}

				.itemlist .col2 section .content .products  p.stock-level-bad::before {
					content: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/catalog/cross-marker.png") "  ";
					position: absolute;
					left: 0;
				}
				.itemlist .col2 section .content .products  .m-stock-inst-del p.stock-level-bad::before {
					left: 21px;
				}
				
				/*.itemlist .col2 section .content .products  .purchase p.stock-level-secondary {
					color:			#0099ff;
					clear:			both;
					font-size:		1.3em;
					font-weight:	500;
					line-height:	1.1em;
					margin-top: 	5px;
					padding:		0;
					display:		block;
				}*/
				
				.itemlist .col2 section .content .products  p.stock-level-secondary {
					color: #2d2d2d;
					clear: both;
					font-size: 1.05em;
					font-weight: 400;
					line-height: 1.5em;
					margin: 6px 0;
					padding: 0 0 0 18px;
					display: block;
				}
				
				/*.itemlist .col2 section .content .products  .purchase p.free-delivery {
					font-size:			1.3em;
					font-weight:500;
					margin-top:8px;
					margin-bottom:5px;
					line-height: 1.1em;
					padding:0;
				}*/
				
				.itemlist .col2 section .content .products  p.free-delivery {
					font-size: 1.05em;
					color: #2d2d2d;
					font-weight: 400;
					margin: 6px 0;
					line-height: 1.5em;
					padding: 0 0 0 18px;
				}

				.itemlist .col2 section .content .products  p.free-delivery strong {
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
				}

				.itemlist .col2 section .content .products  p.free-delivery::before {
					content: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/catalog/check-marker.png") "  ";
					position: absolute;
					left: 0;
				}
				.itemlist .col2 section .content .products  .m-stock-inst-del p.free-delivery::before {
					left: 21px;
				}
				
				.itemlist .col2 section .content .products  p.installation-available {
					font-size: 1.05em;
					color: #2d2d2d;
					font-weight: 400;
					margin: 6px 0;
					line-height: 1.5em;
					padding: 0 0 0 18px;
				}

				.itemlist .col2 section .content .products  p.installation-available::before {
					content: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/catalog/check-marker.png") "  ";
					position: absolute;
					left: 0;
				}
				.itemlist .col2 section .content .products  .m-stock-inst-del p.installation-available::before {
					left: 21px;
				}
				
				.itemlist .col2 section .content .products  p.product-protection-available {
					font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
					font-size: 1.05em;
					color: #2d2d2d;
					margin: 6px 0;
					line-height: 1.5em;
					padding: 0 0 0 18px;
				}

				.itemlist .col2 section .content .products  p.product-protection-available::before {
					content: url("https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/catalog/check-marker.png") "  ";
					position: absolute;
					left: 0;
				}
				.itemlist .col2 section .content .products  .m-stock-inst-del p.product-protection-available::before {
					left: 21px;
				}

				/*.itemlist .col2 section .content .products  .purchase p.stock-status-unavailable-till,
				.itemlist .col2 section .content .products  .purchase p.stock-status-inbound,
				.itemlist .col2 section .content .products  .purchase p.stock-status-incoming {
					font-size:			1.1em;
					color:				#0099ff;
					line-height:1.2em;
					font-weight:700;
					margin-top:5px;
					margin-bottom:5px;
					padding:0;
				}*/

				.itemlist .col2 section .content .products  p.stock-status-unavailable-till,
				.itemlist .col2 section .content .products  p.stock-status-inbound,
				.itemlist .col2 section .content .products  p.stock-status-incoming {
					font-size: 1.05em;
					color: #2d2d2d;
					line-height: 1.5em;
					font-weight: 400;
					margin: 6px 0;
					padding: 0 0 0 18px;
				}

				/*.itemlist .col2 section .content .products  .purchase p.stock-status-unavailable-till-games
				{
					font-size:			1em;
					color:				#b8336b;
					line-height:1em;
					font-weight:700;
					margin-top:5px;
					margin-bottom:5px;
					padding:0;
				}*/

				.itemlist .col2 section .content .products  p.stock-status-unavailable-till-games
				{
					font-size: 1.05em;
					color: #b8336b;
					line-height: 1.5em;
					font-weight: 400;
					margin: 6px 0;
					padding: 0 0 0 18px;
				}
				
				/*.itemlist .col2 section .content .products  .purchase p.stock-level-default {
					font-size:			1.05em;
					color:				#0099ff;
					font-weight:500;
					margin-top:5px;
					margin-bottom:5px;
					padding:0;
					line-height:1.2em;
				}*/
				
				.itemlist .col2 section .content .products  p.stock-level-default {
					font-size: 1.05em;
					color: #2d2d2d;
					font-weight: 400;
					margin: 6px 0;
					padding: 0 0 0 18px;
					line-height: 1.5em;
				}
				
				/*.itemlist .col2 section .content .products  .purchase p.limited-availability {
					font-size:	1.05em;
					font-weight:500;
					margin-top:5px;
					padding:0;
					line-height:1.1em;
					color:#e40000;
				}*/
				
				.itemlist .col2 section .content .products  p.limited-availability {
					font-size: 1.05em;
					font-weight: 400;
					margin: 6px 0;
					padding: 0 0 0 18px;
					line-height: 1.5em;
					color: #e40000;
				}
				
			.itemlist .col2 section .content .products  .purchase .competitorPricing {
				margin-top:8px;
				border: 1px solid #dbdcde;
			}
				.itemlist .col2 section .content .products  .purchase .competitorPricing h4 {
					font-size:1.1em;
					font-weight:700;
					padding:3px;
					color:#cc1614;
					background-color:#ededed;
				}
				.itemlist .col2 section .content .products  .purchase .competitorPricing img {
					width:30px;
					float:left;
					margin:4px 10px;
					margin-bottom:0;
					vertical-align:middle;
					background-color:#ededed;
				}
				.itemlist .col2 section .content .products  .purchase .competitorPricing p {
					margin:0;
					padding:0 3px;
					font-size:0.9em;
					font-weight:500;
				}
				.itemlist .col2 section .content .products  .purchase .competitorPricing small {
					margin:0 2px;
					font-size:0.6em;
				}

				.itemlist .col2 section .content .products  .purchase .view-product-button .pushbutton {
					/* font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
					font-size: 1.275em; */
					font-family: 'Centrale Sans Medium', Trebuchet, sans-serif;
					font-size: 1.35em;
					max-width: unset;
					border-radius: 25px;
					padding: 15px;
				}

			.itemlist .col2 section .content .products  .packs {
				margin:0;
				margin-top:10px;
				width:678px;
				border:1px solid #e6e6e6;
				padding-left:10px;
				padding-right:10px;
				padding-bottom:10px;
			}

				.itemlist .col2 section .content .products  .packs .pack {
					border-top:2px solid #e6e6e6;
					padding-bottom:5px;
					padding-top:10px;
				}
	
				.itemlist .col2 section .content .products  .packs .first {
					border-top:0;
				}
	
					.itemlist .col2 section .content .products  .packs .pack .image {
						float:left;
						width:100px;
					}
									
					.itemlist .col2 section .content .products  .packs .pack .summary {
						float:left;
						width:458px;
						margin-left:10px;												
					}

						.itemlist .col2 section .content .products  .packs .pack .summary p {
							padding-top:0;
							padding-bottom:0;
							margin-top:5px;
							margin-bottom:5px;
						}
							.itemlist .col2 section .content .products  .packs .pack .summary h4 {
							font-size:1em;						
						}

						.itemlist .col2 section .content .products  .packs .pack .summary p.separate-price {
							font-weight:500;
						}

						.itemlist .col2 section .content .products  .packs .pack .summary p span {
							text-decoration:line-through;
							color:#32abff;
						}

					.itemlist .col2 section .content .products  .packs .pack .purchase {
						float:right;
						width:100px;
					}

						.itemlist .col2 section .content .products  .packs .pack .purchase .price {
							margin-top:0;
							font-size:			1.6em;
						}

						.itemlist .col2 section .content .products  .packs .pack .purchase .stock-level {
							margin-top:0;
							margin-bottom:5px;
							color:				#0099ff;
						}

						.itemlist .col2 section .content .products  .packs .pack .purchase a.add-to-basket {
							display:			block;
							width:				90px;
							height:				20px;
							background-color:	#0099ff;
							color:				white;
							font-weight:		500;
							font-size:			1em;
							padding:			5px;
							line-height:		1.4em;
							border-radius:		6px;
							text-align:			center;
							background:			url('/images/default/item/add-to-basket.related.png'); 
							background-position:left top;
							background-repeat:	repeat-x;
						}
		
						.itemlist .col2 section .content .products  .packs .pack .purchase a.add-to-basket:hover,
						.itemlist .col2 section .content .products  .packs .pack .purchase a.add-to-basket:active  {
							background:			url('/images/default/item/add-to-basket.related.active.png'); 
						}
						
		.itemlist .col2 section .content .products  .details .packs-available {
			margin-top:5px;
			font-size:1.2em;
			font-weight:700;
		}
		
			.itemlist .col2 section .content .products  .details .packs-available a:link,
			.itemlist .col2 section .content .products  .details .packs-available a:visited
			{
				color: #ba1238;
			}
			.itemlist .col2 section .content .products  .details .packs-available a:hover,
			.itemlist .col2 section .content .products  .details .packs-available a:active
			{
				color: #ba2650;
			}

	/***********************************
	 * Product List (grid display)
	 */	

	 .itemlist .col2 section .content .products .grid {
		display: flex;
		flex-wrap: wrap;
	}	
		.itemlist .col2 section .content .products .grid .catalog-item {
			text-align: center;
			height: 100%;
		}
			.itemlist .col2 section .content .products .grid .catalog-item .product-img img {
				margin: auto;
			}
			
			
	
	.itemlist .col2 section .content .products .no-items-holder {
		background-color: #ffffff;
		border: 1px solid #dbdcde;
	  	padding: 20px;
	  	margin: 0px;
	  	float: left;
		clear: both;
	}
	
	
	.itemlist .col2 section .content .products .no-items h1
	{
		font-weight: 300;
	    font-size: 2em;
	    line-height: 1.2em;
	}
	
	.itemlist .col2 section .content .products .no-items h3
	{
		margin-top:30px;
	    font-size: 1.2em;
    	font-weight: 700;
	}
	
	.itemlist .col2 section .content .products .no-items a
	{
		color: #0099ff;
	}
		.itemlist .col2 section .content .products .no-items a:hover {
			color:#32abff;
		}
		
	.itemlist .col2 section .content .products .no-items .help-link
	{
	    font-size: 1.05em;
	}
	
	.itemlist .col2 section .content .products .no-items .topCats li
	{
		list-style-type:none;
		text-align:center;
		height:150px;
	}
		.itemlist .col2 section .content .products .no-items .topCats li img
		{
			height:100px;
			margin:8px auto;
    		display: block;
		}
		
	.itemlist .col2 section .content .products .no-items .topBrands li
	{
		list-style-type:none;
		text-align:center;
		height:80px;
	}
		.itemlist .col2 section .content .products .no-items .topBrands li a
		{
			display: block;
    		position: relative;
			top: 50%;
			transform: translateY(-50%);
		}
		.itemlist .col2 section .content .products .no-items .topBrands li a img
		{
			max-width: 100px;
		}


/* Miele compare - to become just regular compare one day */

.compareContainer {         /* adjust height to adjust spacing of items below */
    height:38px; 
    margin-top:2px; 
    margin-left:30px;
    padding:0;
    text-align:left;
    vertical-align:top;
    position:relative;
    display:inline-block;
}

.compareContainer-xs {         /* adjust height to adjust spacing of items below */
    height:38px; 
    margin-top:2px; 
    margin-left:0px;
    padding:0;
    text-align:left;
    vertical-align:top;
    position:relative;
    display:inline-block;
}

.compareButtonHolder {  /* holds compare image and button */
    position:absolute; 
    left:33px; 
    top:0px;
}

    .compareButtonHolder .pushbutton-container, /* compare button & default compare image - initial visibility set in catalog_list_a.phtml */
    .defaultCompareImageHolder { 
        width:72px; 
        height:32px; 
        position:absolute; 
    }

.compareButtonHolder .pushbutton-container .pushbutton { /* over-rides default pushbutton padding */
    padding:0;
}

.compareButtonInactive { /* used when only 1 item selected */
    opacity:0.5;
}

.defaultCompareImage,
.compareButtonImage { /* position image in button */
    height:23px; 
    vertical-align:top; 
    margin-top:4px;    
}

.defaultCompareImageHolder { /* image shown before button */
    left:4px; 
    z-index:1;
    top:4px;
}


.compareImageLabel {
    cursor:pointer;
}


/* Base for label styling */
.compareBox:not(:checked),
.compareBox:checked {
  position: absolute;
  left: -9999px;
}
.compareBox:not(:checked) + label,
.compareBox:checked + label {
  position: absolute;
  left: 0px;
  top:5px;
  cursor: pointer;
}

/* checkbox aspect */
.compareBox:not(:checked) + label:before,
.compareBox:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 4px;
  width: 1.75em; height: 1.75em;
  border: 2px solid #ccc;

  border-radius: 4px;
  
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
  transition: all .5s;
}

.compareBox:not(:checked) + label:before {
    background:white;
}


.compareBox:checked + label:before {
    background:#8c0014;
}

/* checked mark aspect */
.compareBox:not(:checked) + label:after,
.compareBox:checked + label:after {
  content: '✔'; 
  position: absolute;
  top: 8px; left: .2em;
  font-size: 1.5em;
  line-height: 0.8;
  color: white;
  transition: all .5s;
}
/* checked mark aspect changes */
.compareBox:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.compareBox:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.compareBox:disabled:not(:checked) + label:before,
.compareBox:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.compareBox:disabled:checked + label:after {
  color: #999;
}
.compareBox:disabled + label {
  color: #aaa;
}
/* accessibility */
.compareBox:checked:focus + label:before,
.compareBox:not(:checked):focus + label:before {
  border: 2px solid #a5c7fe;
  box-shadow: 0px 0px 5px #a5c7fe;
}

/* hover style just for information */
label:hover:before {
  border: 2px solid #ddd!important;
}



	
	/***********************************
	 * Product Panel (grid display)
	 */		 

		
	/* Karam new bootstrap changes */
	.itemlist .col2 a.more-details {
	  color: #0099ff;
	  margin-top: 10px;
	  font-size: 1.2em;
	  font-weight: 700;
	}
	.itemlist .col2 section.list-holder {
		background-color: transparent;
		border: none;
	}
	
	/*.itemlist .col2 section .content .view-options {
		 background-color: #ffffff; 
	}*/
	
	.catalog-item {
		/* border: 1px solid #dbdcde; */
		padding: 20px 15px;
		background-color: #ffffff;
		margin-bottom: 15px;
		border-radius: 20px;
	}
	
	.lightning-deal {
		/* border: 0px solid #0099ff; */
		padding: 9px;
		margin: 0px 0px 15px 0px;
	}

	.lightning-deal-container {
		background: #fff;
		border-radius: 11px;
	}


	.catalog-item.row.lightning-deal {
		/*background: url(/images/default/item/lightning-deal-listing-pattern.png), linear-gradient(28deg, #0a5fbe, #0099ff);*/
		background-color: #0099ff;
		position: relative;
	}

	.catalog-item.row.lightning-deal.lightning-deal-bf {
		background-color: #E2B500;
	}

	.catalog-item.row.lightning-deal.lightning-deal-cm {
		background-color: #50CF92;
	}

	.lightning-deal-image {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 9px;
		display: block;
		/*padding-bottom: 4px;*/

	}

	.lightning-deal-item {
		background-color: #fff;
		/*display: flex;*/
		padding: 20px 7px;
		border-radius: 11px;
	}

	.catalog-item .trustpilot-widget
	{
		margin-left: -32px;
	}

	.catalog-item .logos {
		text-align: center;
		margin-left: -6px;
	}

	

@media (max-width: 317px) {
	.view-options {		
		height: 80px;
	}
	
	.view-options .options {
		float: right;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		border-right: none;
	}

	.view-options .options span.select-container {
		/*float: right;*/
		text-align: center;
	}
}

@media (max-width: 252px) {
	.view-options {		
		height: 105px;
	}
	
	.view-options .options {
		float: right;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		border-right: 0px;
	}
	
	.view-options .options span.select-container {
		/*float: right;*/
		text-align: center;
	}
}

	
	.catalog-item-left {
		float:left;
		width: 30%;
	}

	.itemlist .col2 section {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.itemlist .col2 #packDealsBanner {
		margin-bottom: 10px;
		border: 1px solid #dbdcde;
	}

/*
 * smxs-filter section replaces mobile-view-filter and sm-mobile-view-filter  
 */

	.itemlist .col2 section .smxs-filter-button {
		text-align:left;
		color:#ffffff;
		background-color: #0099ff;
		border: solid 2px #e6e6e6;
		font-weight:bold;
		margin-bottom: 10px;
	}

	.itemlist .col2 section .smxs-filter-button .glyphicon {
		color:#ffffff;
	}

	.itemlist .col2 section .smxs-filter-button .smxs-filter-current {
		display:block;
		font-weight:normal;
		overflow:hidden;
	}

	.itemlist .col2 section .smxs-filter {
		background-color: white;
		border: solid 2px #dbdcde;
		padding: 10px;
		width:auto;
		margin-bottom: 20px;
	}

	.itemlist .col2 section .smxs-filter ul li {
		list-style-type: none;
	}

	.itemlist .col2 section .smxs-filter ul li input[type="radio"], 
	.itemlist .col2 section .smxs-filter ul li input[type="checkbox"] {
		display:none;
	}

	.itemlist .col2 section .smxs-filter ul li label {
		border: 1px solid #a6a6a6;
		background-color: #e6e6e6;
		width: 92%;
		border-radius: 5px;
		padding: 0;
		margin: 10px;
	}

	.itemlist .col2 section .smxs-filter ul li label:hover {
		background-color: #a6a6a6;
		color: #ffffff;
		border: 1px solid #ffffff;
	}

	.itemlist .col2 section .smxs-filter ul li label.labelSelected {
		background-color:#0099ff;
		color:#ffffff;
	}

	.itemlist .col2 section .smxs-filter ul li label a {
		display:block;
		width:100%;
		padding:15px;
	}

	.itemlist .col2 section .smxs-filter ul li label.labelSelected a {
		color:#ffffff;
	}

	.itemlist .col2 section .smxs-filter ul li label.labelSelected:hover {
		background-color: #a6a6a6;
		border: 1px solid #ffffff;
	}


	.catalog-item-right {
		float:right;
		width: 70%;
	}


	.genie-img {
		width: 100%;
		height: auto;
	}


@media (max-width: 767px) {	
	.col-xs-6 {
		float:right;
	}
	
	.col-xs-3 {
		margin-top: 25px;
	}
}

@media (min-width: 768px) {	
	.itemlist .col2 section .content .top5 .top-choice span {
		vertical-align: middle;
		line-height: 38px;
	}


}

	.itemlist .col2 section .content .top5 .top-choice {
		float: left;
		width: 68%;
		height: 100%;
	}
	.itemlist .col2 section .content .top5 .top-choice-button {
		float: left;
		width: 32%;
		height: 100%;
	}

	/*.itemlist .col2 section .content .view-options .pages {
		float:right;
		margin-bottom: 5px;
		margin-right: 5px;
	}*/
	
	.mobile-page-selectors {
		display: block;
		
	}
	
	.mobile-page-selectors ul {
		display: block;
		width: 286px;
		height: 50px;
		margin-left: auto;
		margin-right: auto;
    	margin-bottom: 20px;
	}
	
	@media (max-width: 310px) {
		.mobile-page-selectors ul {
		width: 250px;
		height: 50px;
	}
	}
	
	.mobile-page-selectors ul li {
		height: 50px;
	}
	
	.mobile-page-selectors ul li a {
		font-size: 1.5em;
		width: 52px;
		line-height: 37px;
		height: 50px;
		color: #494949;
		border: 1px solid #dbdcde;
		text-align: center;
	}
	
	@media (max-width: 310px) {
		.mobile-page-selectors ul li a {
		font-size: 1em;
		height: auto;
		padding:0;
	}
	}
	
	.mobile-page-selectors ul li a:hover,
	.mobile-page-selectors ul li a:active {
		color: #ffffff;
		background-color: #32abff;
	}
	
	.mobile-page-selectors ul li a.pgselect,
	.mobile-page-selectors ul li.next-page a {
		color: #ffffff;
		background-color: #0099ff;
	}
	
	.mobile-page-selectors ul li.next-page a {
		width: 130px;
	}
	
	@media (max-width: 310px) {
		.mobile-page-selectors ul li.next-page a {
		width: 80px;
	}
	}

	.itemlist .financeRepresentative {
		border: 1px solid #c9c9c9;
		padding: 15px;
		margin: 0 0 15px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
		/*.itemlist .financeRepresentative h4 {
			padding-bottom: 5px;
			font-size: 1.05em;
		}*/

		.itemlist .financeRepresentative h2 {
			font-size: 1.25em;
			font-weight: 500;
			line-height: 1.4em;
			margin: 0 0 10px;
		}

		.itemlist .financeRepresentative h2 span {
			font-weight:400;
		}

		.itemlist .financeRepresentative table tr td {
			padding: 3px;
			font-size: 1em;
			font-weight: 400;
			line-height: 1.4em;
		}

		@media (max-width: 667px) {
			.itemlist .financeRepresentative table tr {
				border-top: 1px solid #333;
			}
			.itemlist .financeRepresentative table tr td {
				padding: 3px;
				font-size: 1em;
				font-weight: 400;
			}
		} 
	
	.itemlist .col2 section .content .top5 {
		font-size: .9em;
		height: 50px;
		min-height: 50px;
	}
	
	.itemlist .col2 section .content .top5 .top-choice-button {
		padding-top: 6px;
	}

	.AVTV-bullets {
		font-size:14px;
		line-height:1.4em;
		margin-left:20px;
		/*margin-bottom:5px;*/
	}

	.AVTV-bullets li strong {
		font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	}

	.guarantee-bullet {
		font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
		/*font-weight:bold;*/
	}

	.itemlist .col2 section .content .products .details .reviewstars {
		margin-bottom: 2px;
	}

		/*.itemlist .col2 section .content .products .details .packCode {
			margin: 0 0 5px;
			background: #ba1238;
			background: linear-gradient(to right, #ba1238 , #ba2650);
			color: white;
			padding: 2px 10px;
			width: fit-content; 
			display: inline-block;
		}*/
		.itemlist .col2 section .content .products .details .packCode {
			width: 100%;
			background-color: rgba(0, 153, 255, 0.12);
			border: 1px solid #BAD8FF;
			border-radius: 25px;
			padding: 15px 35px;
			margin-bottom: 10px;
		}
		.itemlist .col2 section .content .products .details .packCode p {
			color: #0F66A1;
			font-size: 1em;
			line-height: 1em;
			font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
			/*font-weight: 700;*/
			margin-top: 0;
		}
		.itemlist .col2 section .content .products .details .packSummary .componentBullet {
			list-style-type: none;
			margin-left: -18px;
		}
		.itemlist .col2 section .content .products .details .packSummary .componentTitle {
			font-size: 14px;    
			line-height: 1.3em;
			font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
			/*font-weight: 700;*/
			padding-top: 8px;
			display: inline-block;
		}
		
	.itemlist .col2 section .content .products .details .extendedWarranty {
		margin: 0;
		font-size: 1.05em;
	}

	.euronics-list-logo {
		margin-left:22px;
	}

	@media (max-width:1200px) {
		.euronics-list-logo {
			margin:auto;
		}

		.catalog-item .trustpilot-widget
		{
			margin-left: auto;
		}

		.lightning-deal-item {
			padding:18px 4px 24px;
		}
	
	}

.under500 {
	display:none;
}
@media (max-width:500px) {
	.under500 {
		display:block;
	}
	.over500 {
		display:none;
	}
}

.qdrive-banner {
	margin: 0 2px;
	margin-bottom:10px;
}
#qdrive-text {
	    border: 1px solid #e6e6e6;
	    padding: 10px;
	    font-size: 12px;
	    margin-bottom: 10px;
	    background-color: #fff;

}

#qdrive-text p:first-child {
	margin-top:0px;
}

#qdrive-text p.smallprint {
	color:#777777;
	font-size:0.9em;
}

/* Start - no-items-page - Personal emarsy recommendation css rules */

.no-items-holder #personal-recs .productContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0px 10px 0px 10px;
}

.no-items-holder #personal-recs .productContainer>.product {
    display: flex;
    flex-direction: column;
    width: 24%;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding: 5px;
}

@media (max-width: 768px) {
    .no-items-holder #personal-recs .productContainer>.product {
        width: 49%;
    }

	.cta-image{
		margin-top:20px;
	}
}

.no-items-holder #personal-recs .productContainer>.product .product-name {
    padding-top: auto;
    text-align: center;
    padding: 5px 0px 5px 0px;
}

.no-items-holder #personal-recs .product .price {
    margin-top: auto;
    padding-top: 5px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #eee;
}

.no-items-holder #personal-recs .product .image-link {
    display: flex;
    justify-content: center;
    width: 100%;
}

.no-items-holder .no-items .border-bottom {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    padding-top: 5px;
}

/* End - no-items-page - Personal emarsy recommendation css rules */

/* Start - itemlist-page - Search emarsy recommendation css rules */

#search-recs {
    background: white;
    margin-bottom: 10px;
}

#search-recs .title {
    background-color: #0099ff;
    color: #fff;
    padding: 10px 20px;
    margin: 0px;
    text-align: center;
    margin-bottom: 0px;
}

#search-recs .productContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0px 10px 0px 10px;
    border: 2px solid #0099ff;
}

#search-recs .productContainer>.product {
    display: flex;
    flex-direction: column;
    width: 25%;
    padding: 5px;
}

#search-recs .productContainer>.product .product-name {
    padding-top: auto;
}

@media (max-width: 767px) {
    #search-recs .productContainer>.product {
        width: 50%;
    }
}

#search-recs .product .row {
    display: flex;
}

#search-recs .product .price {
    font-weight: 500;
    text-align: center;
    margin: auto;
}

#search-recs .product .pushbutton-container {
    margin-top: auto;
    padding-top: 5px;
}

.itemlist .d-none {
    display: none !important;
}

/* End - itemlist-page - Search emarsy recommendation css rules */

/* Start - Feefo Stars Styles */
.feefo-product-stars-widget {
	margin-bottom: 15px;
}
@media (max-width:767px) {
	.feefo-product-stars-widget {
		text-align: center;
	}
}
/* End - Feefo Stars Styles */

/* start - tp-itemlist-summary css - 25/06/21 */

.tp-itemlist-review-container{
    margin-top: 15px;
	margin-bottom: 15px;
}

@media (min-width:768px){
    .sm-tp-itemlist-review-container{
        display:none;
    }
}

.sm-tp-itemlist-review-container{
    text-align: center;
    cursor: pointer;
}
.sm-tp-itemlist-review-container .tp-stars{
    width: 100px;
    display: inline-block;
    margin: 0px;
}

.sm-tp-itemlist-review-container .tp-summary{
    display: inline-block;
    position: relative;
    bottom: 3px;
    font-family: "Helvetica Neue","Helvetica","Arial","sans-serif";
    font-size: 14px;
    margin-left: 8px;
}

.tp-itemlist-review-container:hover .tp-more-info-wrapper {
    display: block;
}
.tp-itemlist-review-container:hover .tp-summary{
    opacity: 0.6;
}

.tp-itemlist-review-container .tp-more-info-wrapper::before {
    background-color: #fff;
    border-right: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    content: '';
    display: block;
    height: 16px;
    left: 60%;
    position: absolute;
    top: -13px;
    transform: rotate(
    -34deg
    ) translateX(-50%) skewX(
    26deg
    );
    transform-origin: center;
    width: 16px;
    font-size: 13px;
}

.md-tp-itemlist-review-container .tp-summary-container{ display: flex; }

.md-tp-itemlist-review-container .tp-summary-container .glyphicon{
    margin: auto;
    margin-left: 5px;
}

 .md-tp-itemlist-review-container .tp-summary .count{
     margin-left: 8px;
     margin-right: 5px;
 }

.md-tp-itemlist-review-container .tp-summary{
    display: flex;
    font-size: 13px;
}

.md-tp-itemlist-review-container{ display: flex; }

.md-tp-itemlist-review-container .tp-stars{
    width: 80px;
    margin: inherit;
}

@media (max-width:767px) and (min-width:0px) {
    .md-tp-itemlist-review-container{
        display:none;
    }

    .tp-itemlist-review-container .tp-more-info-wrapper::before {
        left: 60%;
    }

    .tp-itemlist-review-container .tp-more-info-wrapper{
       left: 20%;
    }
}

@media (max-width: 380px) {
    .sm-tp-itemlist-review-container .tp-stars{
        width: 80px;
    }
    .tp-itemlist-review-container .tp-more-info-wrapper{
       left: 10%;
    }
    .sm-tp-itemlist-review-container .tp-summary{
        font-size: 12px;
    }
}

.tp-itemlist-review-container .glyphicon{
    color:black; 
    font-size:9px; 
    width:10px;
    margin-left: 2px;
}

.tp-itemlist-review-container:hover .glyphicon{
    transform: rotate( 
        180deg
    );
    transition: transform 0.2s;
    opacity: 0.6;
}

.tp-more-info-wrapper .tp-businessinfo .stars-bar-container{
    display: inline-block;
    height: 4px;
    background-color: #d6d6d6;
    width: auto;
    width: fit-content;
    margin: 7px 10px 7px 20px;
}

.tp-more-info-wrapper .tp-businessinfo .stars-bar-container .stars-bar{
  height: 100%;
}

.tp-more-info-wrapper .tp-businessinfo .fill-1{ background-color: #ff3722; }
.tp-more-info-wrapper .tp-businessinfo .fill-2{ background-color: #ff8622; }
.tp-more-info-wrapper .tp-businessinfo .fill-3{ background-color: #ffce00; }
.tp-more-info-wrapper .tp-businessinfo .fill-4{ background-color: #73cf11; }
.tp-more-info-wrapper .tp-businessinfo .fill-5{ background-color: #00b67a; }
.tp-more-info-wrapper .tp-businessinfo .stars-bar-container{ flex-grow: 1; }
.tp-more-info-wrapper .tp-businessinfo .row{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.tp-more-info-wrapper{
    border: 1px solid rgba(151,151,151,0.18);
    box-shadow: 2px 2px 7px 0 rgb(0 0 0 / 10%);
    max-width: 290px;
    min-width: 120px;
    padding: 16px;
    margin: auto;
    position: absolute;
    background-color: white;
    z-index: 12;
    margin-top: 10px;
    display: none;
}

.tp-more-info-wrapper .tp-productinfo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 16px;
}
.tp-more-info-wrapper .tp-productinfo .tp-logo{
    width: 100px;
}

.tp-stars--1 .tp-star:nth-of-type(-n+1) .tp-star__canvas, 
.tp-stars--1 .tp-star:nth-of-type(-n+1) .tp-star__canvas--half{
    fill: #ff3722;
}

.tp-stars--2 .tp-star:nth-of-type(-n+2) .tp-star__canvas, 
.tp-stars--2 .tp-star:nth-of-type(-n+2) .tp-star__canvas--half{
    fill: #ff8622;
}

.tp-stars--3 .tp-star:nth-of-type(-n+3) .tp-star__canvas, 
.tp-stars--3 .tp-star:nth-of-type(-n+3) .tp-star__canvas--half{
    fill: #ffce00;
}

.tp-stars--3 .tp-star:nth-of-type(-n+3) .tp-star__canvas, 
.tp-stars--3 .tp-star:nth-of-type(-n+3) .tp-star__canvas--half{
    fill: #ffce00;
}

.tp-stars--4 .tp-star:nth-of-type(-n+4) .tp-star__canvas,
.tp-stars--4 .tp-star:nth-of-type(-n+4) .tp-star__canvas--half {
    fill: #73cf11;
}

.tp-stars--5 .tp-star:nth-of-type(-n+5) .tp-star__canvas, 
.tp-stars--5 .tp-star:nth-of-type(-n+5) .tp-star__canvas--half {
    fill: #00b67a;
}

.tp-more-info-wrapper .product-info{
    margin-right: 5px;
}

/* end - tp-review-bullet-summary css - 25/06/21 */

.border-rounded-3{
	border-radius: 3px;
}

.border-rounded-5{
	border-radius: 5px;
}

.border-rounded-25{
	border-radius: 25px;
}

.feature-row {
	display:flex;
}
	.feature-row .feature-block {
		border: 1px solid #dbdcde;
		border-radius: 3px;
		padding: 20px;
		margin: 20px;
		background: #fff;
		text-align: center;
	}
		.feature-row .feature-block a {
			line-height: 1.8em;
		}
		.feature-row .feature-block .feature-icon {
			margin: 5px auto;
			max-width: 140px;
		}
@media (max-width:991px) and (min-width:768px) {
	.feature-row .feature-block {
		padding: 15px;
		margin: 15px 10px;
	}
}
@media (max-width:767px) {
	.feature-row {
		display:block;
	}
		.feature-row .feature-block {
			margin: 20px 0 0;
		}
}

.sub-category-container{
	display: flex;
	margin-bottom: 10px;
	align-items: stretch;
	background-color: white;
}
.sub-category-container .sub-category{
	padding: 10px;
	flex: 1;
	text-align: center;
	font-size: 16px;
}
.sub-category-container .sub-category .glyphicon{
	color: black;
} 

@media(max-width:991px) {	
	.sub-category-container .sub-category{
		font-size: 13.33px;
	}
}	

@media(max-width:441px) {	
	.sub-category-container .sub-category{
		padding: 10px 5px;
	}
}
.sub-category-container .border{
	border-right: 1px solid lightgray;
}

/* catalog sub category styling */
#category-sub-table {
	border-collapse: separate;
	border-spacing: 5px;
	width: 100%;
}
#category-sub-table td{
	background-color: #ffffff;
	text-align: center;
	width: 50%;
}
#category-sub-table td.selected{
	background-color: #0099ff;
}
#category-sub-table td .anchorLabelSelected{
	color: #ffffff;
}
#category-sub-table td {
	border: 1px solid lightgray;
	border-radius: 5px;
	font-weight: 400;
}
#category-sub-table td a{
	display: block;
	padding: 10px;
}
.productTag{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
}
.productTag img {
	border-top-right-radius: 20px;
}
.catalog-item{
	position: relative;
}

/* filters styling */
.itemlist {
	position: relative;
}
  
.filtermobile--section {
	display: none !important;
}

@media (max-width: 991px) {
	.filterpanel--section {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 10;
		padding-top: 0;
		/*overflow-y: scroll;*/
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background-color: #eeeff3;
		padding-bottom: 0;
	}
}

.filterpanel--mobilebutton {
	display: none;
	padding: 20px;
	margin-bottom: 0 !important;
	margin-top: 0px !important;
	width: 50%;
	background-color: white;
	border: 1px solid #dbdcde;
}
@media (max-width: 991px) {
	.filterpanel--mobilebutton {
		display: block;
	}
}
.filterpanel--mobilebutton__h1 {
	margin-bottom: 10px;
	margin-top: 20px;
	margin: 20px 10px 10px 10px;
	display: none;
}
.filterpanel--mobilebutton__h1 .search-instead {
	font-size: 0.8em;
}

.filterpanel--mobilebutton__h1 .search-instead a {
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	color: #0099ff;
}
@media (max-width: 991px) {
	.filterpanel--mobilebutton__h1 {
		display: block;
		text-align: center;
	}
}
.filterpanel--mobilebutton__title {
	color: #0099ff;
	display: flex;
	justify-content: space-between;
}
.filterpanel--mobilebutton__title span:nth-of-type(1) {
	font-size: 1rem;
	font-weight: 600;
	font-size: 1rem;
	margin-right: 5px;
}
.filterpanel--mobilebutton__title span {
	color: #0099ff;
}
.filterpanel--mobilebutton__activefilter {
	margin-top: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.filterpanel--sortbutton {
	width: 50%;
	background-color: #fff !important;
	border: 1px solid #dbdcde;
	border-left-width: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 20px;
	position: relative;
	overflow-x: hidden;
}
.filterpanel--sortbutton span:nth-child(1) {
	font-weight: 600;
	color: #0099ff;
	font-size: 1rem;
}
.filterpanel--sortbutton select {
	border-width: 0 !important;
	width: calc(100% + 15px);
	position: absolute;
	left: 0;
	background-color: transparent !important;
	right: -20px;
	top: 0;
	bottom: 0;
	padding-left: 54px;
	white-space: break-spaces;
	padding-right: 50px;
}
.filterpanel--sortbutton span.glyphicon {
	color: #09f;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	pointer-events: none;
	display: flex;
	align-items: center;
}
.filterpanel--results {
	width: 100%;
}
@media (max-width: 991px) {
.filterpanel--results {
	height: auto;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	overflow: hidden;
	transition: all;
	transition: max-height 0.8s ease-in-out;
	max-height: 0;
	margin: 0 !important;
}
}
@media (max-width: 991px) {
	.filterpanel--results > ul {
		margin-top: 10px;
	}
}
@media (max-width: 991px) {
	.filterpanel--results.showing {
		max-height: calc(100vh - 306px);
		overflow-y: scroll;
	}
}
@media (max-width: 991px) and (orientation: landscape) {
	.filterpanel--results.showing {
		max-height: calc(100vh - 79px);
	}
}

#mobile-select-container {
	display: none !important;
}
@media (max-width: 991px) {
	#mobile-select-container {
		display: flex !important;
	}
	ul > .h1results {
		display: none;
	}
	#desktop-filter-pannel{
		border: 1px solid lightgray;
	}
	#desktop-filter-pannel{
		font-size: 14px;
	}
	.itemlist .col1 section ul li a {
		line-height:1.7em;
	}
	.itemlist .col1 section ul li h3.filter{
		font-size:1.1em;
	}
	#desktop-filter-pannel label input{	
		width: 16px;
		height: 16px;
	}
	.itemlist .col1 section ul.selected li h3 {
		font-size:1.1em;
	}
	.itemlist .col1 section ul li h3.inner-filter{
		font-size:1.1em;
	}
	.itemlist .col1 section ul li ul {
		font-size:1em;
	}
}

/* commission indicator styling */

#internal-filter-commission-list .mdlg_commission_1_link strong{
	color: black;
}
#internal-filter-commission-list .mdlg_commission_2_link strong{
	color: red;
}
#internal-filter-commission-list .mdlg_commission_3_link strong{
	color: #fef200;
}
#internal-filter-commission-list .mdlg_commission_4_link strong{
	color: green;
}

/* Quooker Finance Popup Styling */

.info-popup-finance .financePricing .quotes {
	line-height: 1.25em;
	text-align: center;
}

.info-popup-finance .financePricing .quotes img {
	float: right;
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

.info-popup-finance .financePricing .quotes h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.info-popup-finance .financePricing .quotes p {
	line-height: 1.4em;
	margin-bottom: 20px;
	margin-top: 10px;
}

.info-popup-finance .financePricing .quotes p {
	font-size: 12px;
}

.info-popup-finance .financePricing .quotes p a:link,
.info-popup-finance .financePricing .quotes p a:visited,
.info-popup-finance .financePricing .quotes p a:hover,
.info-popup-finance .financePricing .quotes p a:active {
	text-decoration: none;	
	color: #0099ff;
}

.info-popup-finance .financePricing .quotes span {
	color: #0099ff;
	cursor: pointer;
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
}

.info-popup-finance ul.finance-examples {
	margin: 10px;
}

.info-popup-finance .financePricing .quotes .finance-examples li {
	list-style: none;
	padding: 15px 15px 10px;
	border: 1px solid #d6d6d6;
	background: #e6e6e6;
	border-radius: 0px;
	font-size: 0.9em;
	text-align: left;
}

.info-popup-finance .financePricing .quotes .finance-examples li:first-child {
	margin-top: 10px;

}

.info-popup-finance .financePricing .quotes .finance-examples li h2 {
	color: white;
	display: inline;
	font-size: 1.1em;
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
	position: relative;
	left: -30px;
	top: 0px;
	padding: 2px 15px;
}

.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-IFC-6 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-IFC-10 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-IFC-12 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-IFC-18 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-IFF6 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-IFF12 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-27 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-88 h2 {
	background: #8ec63f;
}

.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-CC24-129 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-CC36-129 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-CC48-129 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-CC24-199 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-CC36-199 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-CC48-199 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-IBC-12 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-IBC-24 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-IBC-36 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-112 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-64 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-65 h2 {
	background: #00305e;
}

.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-BNPL-36 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-BNPL-24 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-BNPL642-199 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-BNPL639-199 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-125 h2,
.info-popup-finance .financePricing .quotes .finance-examples li.term-financeProduct-269 h2 {
	background: #ff5b0b;
}

.info-popup-finance .financePricing .quotes .finance-examples li p {
	margin-bottom: 10px;
}

.info-popup-finance .financePricing .quotes .finance-examples li .finance-simple {
	text-align: center;
	font-size: 1.2em;
	width: 100%;
	margin-bottom: 10px;
	font-family: 'Centrale Sans Bold', Trebuchet, sans-serif;
}

@media (max-width: 767px) {
	.info-popup-finance .financePricing .quotes .finance-examples li .finance-simple {
		font-size: 1.0em;
	}
}

.info-popup-finance .financePricing .quotes .finance-examples li .finance-simple th {
	color: #0099ff;
	padding: 0 1px;
}

.info-popup-finance .financePricing .quotes .finance-examples li .finance-breakdown {
	font-size: 0.9em;
	width: 100%;
	line-height: 1.2em;
}

.info-popup-finance .financePricing .quotes .finance-examples li .finance-breakdown td {
	padding-bottom: 5px;
}

.info-popup-finance .financePricing .quotes .finance-examples li .finance-breakdown .cost {
	text-align: right;
}

.info-popup-finance .financePricing .quotes .finance-examples li .finance-breakdown .spacer {
	width: 20px;
}

.info-popup-finance .financePricing .quotes .v12-v12 {
	color: #666666;
}

.info-popup-finance .financePricing .quotes .v12-finance {
	color: #263e63;
}

.info-popup-finance .financePricing .quotes .v12-com {
	color: #263e63;
	font-weight: 700;
}

#item-list-container .catDescription a{
	text-decoration: underline;
	color: #0099ff;;
}