.accessories-title {
	font-size: 37px;
	padding:50px 0;
	margin-left:50%;
}
.accessories-subtitle {
	font-weight: bold;
	font-size:18px;
}
.accessories-description {
	margin-top:15px;
	line-height:130%;
	font-size:15px;
}
.accessory {
	margin-bottom:50px;
}
.accessories-left {
	width:48%;
	margin-right:2%;
}
.accessories-right {
	width:40%;
	margin-right:10%;
}
.accessories-left-inner {	padding:0 5%;	}
.accessories-vid-container {
	width:100%;
	position:relative;
}
.accessories-vid-inner {
	padding-top:75%;
	height:0;
}
.accessories-vid {
	position:absolute;
	top:0; left:0; bottom:0; right:0;
	margin:auto;
	width:100%;
	height:100%;
}
.enquire-btn { margin-top:20px; }
.enquire-btn, .enquire-inner {
	display:block;
	width:190px;
	height:44px;
}
.enquire-btn:hover .enquire-inner {
	display:none;
}
.accessories-slider {
	margin-top:10px;
	overflow:hidden;
}
.slider-btn {
	z-index:99;
	width:39px;
	height:39px;
	position:absolute;
	top:0; bottom:0;
	margin:auto;
	display:none; /* Shown or hidden by javascript, depending on whether required, on load an on window.resize */
}
.next-btn { right:	0; 	}
.prev-btn { left:	0; 	}
.slider-container {
	overflow:hidden;
}
.accessories-slider {
	position:relative;
	background-color:#B9B7B5;
	padding:10px 40px;
	white-space:nowrap;
}
.accessory-button {
	display:inline-block;
	vertical-align:top; /* Gets rid of space beneath (reserved for descdenders) */
	position:relative;
	margin-right:0.5%;
	width:13.8571428571%; /* == (100-0.5*6)/7 */
}
.accessory-thumb {
	width:100%;
	padding-top:75%;
	background-color:whitesmoke;
	cursor:pointer;
}
.accessory-thumb img {
	position: absolute;
	max-height:100%;
	max-width:100%;
	top:0; bottom:0; right:0; left:0;
	margin:auto;
}

@media all and (max-width: 950px) {
	.accessories-right {
		width:48%;
		margin-right:2%;
	}
}
@media all and (max-width: 850px) {
	.accessory-button {
		width:16.25%; /* == (100-0.5*6)/7 */
	}
}
@media all and (max-width: 700px) {
	.accessory-button {
		width:19.6%; /* == (100-0.5*6)/7 */
	}
}
@media all and (max-width: 600px) {
	.accessories-column {
		width:94%;
		margin:0 3%;
	}
	.accessories-left {
		margin-top:20px;
	}
	.accessories-title {
		margin:0 3%;
	}
}
@media all and (max-width: 550px) {
	.accessory-button {
		margin-right:1%;
		width:24.25%; /* == (100-0.5*6)/7 */
	}
}
@media all and (max-width: 450px) {
	.accessory-button {
		margin-right:1%;
		width:32.6666666667%; /* == (100-0.5*6)/7 */
	}
}