.itemPictureDescription {
	display: none;
}

.itemPicture table {
	height: auto;
}

.DetailImage .zoom {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	position: relative;
}

.DetailImage .zoom::before {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.productRating,
.productRating .no-review {
	font-size: .8rem;
}

.productRating {
	margin-bottom: .5rem;
}

.productRating .productRatingLabel {
	display: block;
	font-size: 1rem;
	padding-right: .25rem;
}

.productRating .review-title {
	font-size: 1rem;
}

@media print, screen and (min-width: 40em) {
	.productRating .productRatingLabel {
		display: inline-block;
	}
	.productRating .review-title {
		font-size: 1.2rem;
	}
}

.topStarRating .productRatingLabel {
	display: none;
}

.productRating .reviewLayout .rating {
	display: inline-block;
	margin-bottom: .5rem;
}

.productRating table tbody,
.productRating table tbody tr {
	background-color: #fefefe;
}

.productRating table tbody tr {
	border-bottom: 1px solid #f1f1f1;
}

[id$="pnlNoComments"] {
	color: #aaa;
}

@media print, screen and (min-width: 40em) {
	[id$="pnlNoComments"] {
		margin-top: -2rem;
	}
}

.rating img,
.small-star {
	width: 1.1rem;
}

.itemNumber {
	color: #767676;
	font-size: .8rem;
	margin-bottom: 1rem;
}

.DetailImage {
	margin-bottom: 1rem;
}

.DetailImage .itemPicture {
	margin: 0 -1rem;
}

.DetailImage .itemIdentification {
	cursor: default !important;
}

.DetailImage .itemPictureContent .itemPricing .regularPrice,
.DetailImage .itemPictureContent .itemPricing .yourPrice,
.DetailImage .itemPictureContent .itemPricing .onsale {
	font: .85em 'Gotham SSm A', 'Gotham SSm B', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
	margin-bottom: .5rem;
}

.DetailImage .itemPictureContent .itemPricing .regularPrice {
	display: none;
}

.DetailImage .itemPictureContent .itemPricing .regularPrice.discounted {
	color: #767676;
	display: inline-block;
	text-decoration: line-through;
}

.DetailImage .itemPictureContent .itemPricing .onsale {
	color: #ef0000;
}

.DetailImage .itemPictureContent .itemPricing .yourPrice {
	color: #d50000;
}

/* Due to the non Canada customer misunderstanding commenting the css out*/
/*html:not(.CA) .DetailImage .itemPictureContent .itemPricing .yourPrice::after {
	border: 1px solid #cacaca;
	border-radius: 1px;
	color: #aaa;
	content: 'includes tax';
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: .9em;
	line-height: inherit;
	margin: -.25em 0 0 .5em;
	padding: .25em .5em;
}*/

.DetailImage .itemPictureContent .itemPricing .regularPrice {
	color: #555;
	margin: .5rem 0 .25rem;
}

.DetailImage .itemPicture tbody {
	background: none;
	border-width: 1px 0 1px;
}

.DetailImage .itemPicture td {
	padding: 0;
}

.DetailImage .itemPicture img {
    width: 100%;
}

@media print, screen and (min-width: 40em) {
	.DetailImage .itemPicture {
		float: left;
		margin-left: 0;
		margin-right: 2rem;
		width: 35%;
	}
	.DetailImage .itemPicture tbody {
		border-width: 1px;
	}
	.ShortComment {
		margin-left: calc(35% + 2rem);
		position: relative;
	}
}

@media print, screen and (min-width: 64em) {
	h1 {
		float: right;
		width: calc(65% - 2rem);
	}
}


/* Buy button */

.ics-buybuttonpanel {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	font-size: 0;
}

.btn_narrow {
	background-color: #01b2aa;
	background-image: url(/images/svg/icons/shopping-cart.svg?v=051518);
	background-position: 2em center;
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
	border: none;
	border-radius: .25rem;
	color: #fff;
	cursor: pointer;
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	flex-grow: 1;
	font: .9rem/1 'Gotham SSm A', 'Gotham SSm B', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
	height: 3rem;
	letter-spacing: -.015em;
	margin: 0 0 0 .5rem;
	outline: none;
	padding: .85em 2em;
	position: relative;
	text-indent: 3em;
	text-transform: uppercase;
	-webkit-transition: background .2s;
	transition: background .2s;
	width: auto;
}

@media print, screen and (min-width: 40em) {
	.btn_narrow {
		-ms-flex-positive: 0;
		-webkit-box-flex: 0;
		flex-grow: 0;
	}
}

.btn_narrow:focus,
.btn_narrow:hover {
	background-color: #008e88;
}

.modaal-content .btn_narrow {
	background-image: none;
	text-indent: 0;
}

::-moz-focus-inner {
	border: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
	background: #f8f8f8;
	border: 1px solid #cacaca;
	border-radius: 1px;
	color: #0a0a0a;
	font-size: .875rem;
	height: 3rem;
	line-height: 1;
	margin-bottom: 2rem;
	padding: 0 0 0 15px;
	text-align: left;
	-webkit-transition: border .2s, color .2s;
	transition: border .2s, color .2s;
	width: 3.5rem !important;
}

input[type="number"]:focus {
	background: #fff;
	border-color: #01b2aa;
	outline: 0;
}

input[type="number"]:hover {
	-moz-appearance: spinner;
	background: #f5f5f5;
	border-color: #01b2aa;
}

input[type="number"]:active {
	-moz-appearance: spinner;
	background: #fff;
	border-color: #01b2aa;
}

input[type="number"]::-webkit-inner-spin-button {
	background: #dadada;
	border-left: 1px solid #c5c5c5;
	bottom: 0;
	color: transparent;
	cursor: pointer;
	display: block;
	font: 13px/1 monospace;
	height: 46px;
	left: 0;
	opacity: .5;
	position: relative;
	right: 0;
	text-align: center;
	top: 0;
	-webkit-transition: opacity .15s;
	transition: opacity .15s;
	width: .875rem;
}

input[type="number"]:focus::-webkit-inner-spin-button
input[type="number"]:hover::-webkit-inner-spin-button {
	opacity: 1;
}

input[type="number"]::-webkit-inner-spin-button::after,
input[type="number"]::-webkit-inner-spin-button::before {
	background: url(/images/up-arrow.svg) no-repeat -5px 0;
	content: '^^';
	left: 0;
	position: absolute;
	right: 0;
}

input[type="number"]::-webkit-inner-spin-button::after {
	bottom: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

input[type="number"]::-webkit-inner-spin-button::before {
	top: 0;
}

.buyButton .quantity {
	height: 12px;
	margin: 0;
	padding: 2px;
}


/* Short comment */

.ShortComment {
	position: relative;
	margin-bottom: 1rem;
}

.ExtendedDescription {
	margin-top: 2rem;
}

.ExtendedDescription::before {
	clear: both;
	content: ' ';
	display: block;
}


/* Select dropdowns */

.ShortComment label select {
	display: block;
	max-width: 28rem;
}


/* Upholstery colors - color name over product image */

#colourName {
	background-color: rgba(255, 255, 255, .75);
	bottom: 0;
	left: 0;
	line-height: 1;
	padding: .5em 1rem;
	position: absolute;
	text-align: left;
	width: 10em;
}

#colourName:empty {
	display: none;
}

#colourName,
#cboxTitle {
	color: #666;
	font-size: .8em;
}


/* Upholstery colors selector */

.upholstery-colors {
	margin-bottom: 1rem;
}

.upholstery-colors .swatches {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
	max-width: 20rem;
}

.upholstery-colors .swatches a {
	border: 2px solid transparent;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.upholstery-colors .swatches .is-active {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
}

.upholstery-colors .swatches img {
	border-radius: 50%;
	display: inline-block;
	max-width: 1.625rem;
	vertical-align: middle;
}

@media print, screen and (min-width: 40em) {
	.upholstery-colors .swatches {
		max-width: 24rem;
	}
	.upholstery-colors .swatches:focus-within a:not(.is-active),
	.upholstery-colors .swatches:hover a:not(.is-active) {
		opacity: .5;
	}
	.upholstery-colors .swatches:focus-within a:focus,
	.upholstery-colors .swatches:hover a:hover {
		opacity: 1;
	}
	.upholstery-colors .swatches a img {
		max-width: 2rem;
	}
}


/* Tabs */

.TabbedPanelsTabGroup {
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	overflow-x: scroll;
}

.TabbedPanelsTab {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	border-bottom: 4px solid transparent;
	color: #016fcb;
	cursor: pointer;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 1 1 auto;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	float: left;
	font-size: .8em;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	line-height: 1.3;
	min-width: 6rem;
	outline: 0;
	padding: 1rem 1.25rem;
	-webkit-transition: border .2s ease-out;
	transition: border .2s ease-out;
}

.TabbedPanelsTab:only-child {
	-ms-flex-positive: 0;
	-webkit-box-flex: 0;
	flex-grow: 0;
}

@media print, screen and (min-width: 75em) {
	.TabbedPanelsTabGroup {
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		overflow-x: auto;
	}
	.TabbedPanelsTab {
		-ms-flex-preferred-size: 16.66667%;
		flex-basis: 16.66667%;
		-ms-flex-positive: 0;
		-webkit-box-flex: 0;
		flex-grow: 0;
	}
}

.TabbedPanelsContentGroup .video-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 40rem;
}

/* CSS for vidie-container in NEW tab layout*/

body.ProductDetail div.tabs-content .video-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 40rem;
}

.TabbedPanelsTab:focus,
.TabbedPanelsTabSelected {
	border-color: currentColor;
}

.TabbedPanelsContent {
	-webkit-animation: fade-in .5s ease-in-out;
	animation: fade-in .5s ease-in-out;
	border-bottom: 1px solid #e6e6e6;
	font-size: .9em;
	margin-bottom: 1rem;
	padding: 1rem 0;
}

.TabbedPanelsContent ol:last-child,
.TabbedPanelsContent p:last-child,
.TabbedPanelsContent table:last-child,
.TabbedPanelsContent ul:last-child,
.TabbedPanelsContent .video-container:last-child {
	margin-bottom: 0;
}


/* Also bought */

.AlsoBought::before {
	content: 'Customers who purchased this product also bought\2026';
	display: block;
	font: 1em/1.2 'Gotham SSm A', 'Gotham SSm B', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
	letter-spacing: -.015em;
	margin-bottom: .5rem;
}

.AlsoBought .itemListing .itemPictureDescription {
	display: block;
	display: -webkit-box;
	height: auto;
	-webkit-line-clamp: 4;
	margin-bottom: .625rem;
	max-height: 4.75rem;
	padding-bottom: 0;
}

.AlsoBought .array.itemList {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.AlsoBought .itemListing {
	-ms-flex-preferred-size: 44%;
	flex-basis: 44%;
	-ms-flex-preferred-size: calc(50% - 2rem);
	flex-basis: calc(50% - 2rem);
	max-width: none;
}

@media print, screen and (min-width: 48em) {
	.AlsoBought::before {
		font-size: 1.44em;
	}
	.AlsoBought .itemListing {
		-ms-flex-preferred-size: 22%;
		flex-basis: 22%;
		-ms-flex-preferred-size: calc(25% - 1.25rem);
		flex-basis: calc(25% - 1.25rem);
	}
}

@supports ((display: grid) or (display: -ms-grid)) {
	.AlsoBought .itemList.array {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media print, screen and (min-width: 40em) {
	@supports ((display: grid) or (display: -ms-grid)) {
		.AlsoBought .itemList.array {
			grid-template-columns: repeat(4, 1fr);
		}
	}
}

.AlsoBought .buyButton,
.AlsoBought .itemPictureContent,
.AlsoBought .itemExtendedDescription {
	display: none;
}

.AlsoBought .itemListing .itemPictureDescription {
	height: auto;
	-webkit-line-clamp: 5;
}


/* Product reviews */

.productRatingSubmitted,
.contactusPanel {
	display: none;
}

.reviewPanel .header {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	margin-bottom: 1rem;
}

.reviewPanel .header .item-image {
	display: none;
}

.reviewCount-link {
	color: #016fcb;
	cursor: pointer;
	vertical-align: middle;
}

.reviewCount-nolink {
	vertical-align: middle;
}

.reviewCount-nolink::before {
	content: '\0028';
}

.reviewCount-nolink::after {
	content: '\0029';
}

@media print, screen and (min-width: 40em) {
	.reviewPanel .header .item-image {
		display: inline-block;
		margin-right: 1rem;
		max-width: 5rem;
	}
}

.reviewPanel .rating-section {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ececec;
	border-radius: 1px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin-bottom: 1rem;
	padding: .5em;
	text-align: center;
}

.reviewPanel .optional {
	margin-bottom: 1rem;
}

.reviewPanel .support-section {
	background-color: #f1f1f1;
	font-size: .9rem;
	margin: 0 auto;
	max-width: 24rem;
	padding: 1rem;
}

.form-error-msg {
	color: #e5010c;
	font-size: .75rem;
	font-weight: 700;
	margin-bottom: 1rem;
	/*margin-top: -.5rem;*/
}

.form-success-msg {
	color: #01b252;
	font-size: .75rem;
	font-weight: 700;
	margin-bottom: 1rem;
	margin-top: -.5rem;
}

.starRating:not(old) {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-flow: row-reverse nowrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-flow: row-reverse nowrap;
	margin: 0 .5rem;
	overflow: inherit;
}

.starRating:not(old) > input {
	height: 1px;
	margin: 0;
	opacity: 0;
	width: 1px;
}

.starRating:not(old) > label {
	background-image: url(/images/nostar.png);
	background-size: contain;
	cursor: pointer;
	display: block;
	float: right;
	height: 2rem;
	margin: 0 .125rem;
	overflow: hidden;
	position: relative;
	width: 2rem;
}

.starRating:not(old) > label::before {
	background: url(/images/star.png);
	background-size: contain;
	content: '';
	cursor: pointer;
	display: block;
	height: 2rem;
	opacity: 0;
	transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	width: 2rem;
}

.starRating:not(old) > label:hover::before,
.starRating:not(old) > label:hover ~ label::before,
.starRating:not(:hover) > :checked ~ label::before {
	opacity: 1;
}

#great,
#poor {
	display: none;
	font-size: .8rem;
}

@media print, screen and (min-width: 40em) {
	#great,
	#poor {
		display: inline-block;
	}
	.starRating:not(old) > label {
		margin: 0 .25rem;
	}
}


/* Sample manuals */

.sample-manuals {
	margin-bottom: 1rem;
}

.sample-manuals a {
	font-size: .9em;
	position: relative;
}

.sample-manuals a::before {
	background: #016fcb url(/images/svg/icons/view-white.svg) no-repeat;
	background-origin: content-box;
	border-radius: 50%;
	content: '';
	height: 2rem;
	padding: .375rem;
	position: absolute;
	-webkit-transition: background .2s;
	transition: background .2s;
	width: 2rem;
}

.sample-manuals a:focus::before,
.sample-manuals a:hover::before {
	background-color: #0161b2;
}

.sample-manuals a span {
	display: inline-block;
	line-height: 2rem;
	margin-left: 2.5rem;
	text-transform: lowercase;
}

.sample-manuals a span:first-letter {
	text-transform: capitalize;
}


/* See ST11040 */

#studio-products-thumbnails h2 {
	margin: 0 0 .25em;
}

#studio-products-thumbnails ul {
	margin: 0 0 1rem 0;
	padding: 0;
}

#studio-products-thumbnails ul li {
	display: inline-block;
	margin: 0 .5rem .5rem 0;
}

#studio-products-thumbnails a img {
	border: 1px solid #aaa;
	border-radius: 50%;
	height: 3rem;
	width: 3rem;
}