/*
// Glyphicons for Bootstrap
//
// Since icons are fonts, they can be placed anywhere text is placed and are
// thus automatically sized to match the surrounding child. To use, create an
// inline element with the appropriate classes, like so:
//
// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
*/

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/catalog/view/universal/fonts/glyphicons-halflings-regular.eot');
  src: url('/catalog/view/universal/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('/catalog/view/universal/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('/catalog/view/universal/fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('/catalog/view/universal/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('/catalog/view/universal/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* Catchall baseclass */
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Individual icons */
.glyphicon-asterisk::before { content: "\002a"; }
.glyphicon-plus::before { content: "\002b"; }
.glyphicon-euro,
.glyphicon-eur::before { content: "\20ac"; }
.glyphicon-minus::before { content: "\2212"; }
.glyphicon-cloud::before { content: "\2601"; }
.glyphicon-envelope::before { content: "\2709"; }
.glyphicon-pencil::before { content: "\270f"; }
.glyphicon-glass::before { content: "\e001"; }
.glyphicon-music::before { content: "\e002"; }
.glyphicon-search::before { content: "\e003"; }
.glyphicon-heart::before { content: "\e005"; }
.glyphicon-star::before { content: "\e006"; }
.glyphicon-star-empty::before { content: "\e007"; }
.glyphicon-user::before { content: "\e008"; }
.glyphicon-film::before { content: "\e009"; }
.glyphicon-th-large::before { content: "\e010"; }
.glyphicon-th::before { content: "\e011"; }
.glyphicon-th-list::before { content: "\e012"; }
.glyphicon-ok::before { content: "\e013"; }
.glyphicon-remove::before { content: "\e014"; }
.glyphicon-zoom-in::before { content: "\e015"; }
.glyphicon-zoom-out::before { content: "\e016"; }
.glyphicon-off::before { content: "\e017"; }
.glyphicon-signal::before { content: "\e018"; }
.glyphicon-cog::before { content: "\e019"; }
.glyphicon-trash::before { content: "\e020"; }
.glyphicon-home::before { content: "\e021"; }
.glyphicon-file::before { content: "\e022"; }
.glyphicon-time::before { content: "\e023"; }
.glyphicon-road::before { content: "\e024"; }
.glyphicon-download-alt::before { content: "\e025"; }
.glyphicon-download::before { content: "\e026"; }
.glyphicon-upload::before { content: "\e027"; }
.glyphicon-inbox::before { content: "\e028"; }
.glyphicon-play-circle::before { content: "\e029"; }
.glyphicon-repeat::before { content: "\e030"; }
.glyphicon-refresh::before { content: "\e031"; }
.glyphicon-list-alt::before { content: "\e032"; }
.glyphicon-lock::before { content: "\e033"; }
.glyphicon-flag::before { content: "\e034"; }
.glyphicon-headphones::before { content: "\e035"; }
.glyphicon-volume-off::before { content: "\e036"; }
.glyphicon-volume-down::before { content: "\e037"; }
.glyphicon-volume-up::before { content: "\e038"; }
.glyphicon-qrcode::before { content: "\e039"; }
.glyphicon-barcode::before { content: "\e040"; }
.glyphicon-tag::before { content: "\e041"; }
.glyphicon-tags::before { content: "\e042"; }
.glyphicon-book::before { content: "\e043"; }
.glyphicon-bookmark::before { content: "\e044"; }
.glyphicon-print::before { content: "\e045"; }
.glyphicon-camera::before { content: "\e046"; }
.glyphicon-font::before { content: "\e047"; }
.glyphicon-bold::before { content: "\e048"; }
.glyphicon-italic::before { content: "\e049"; }
.glyphicon-text-height::before { content: "\e050"; }
.glyphicon-text-width::before { content: "\e051"; }
.glyphicon-align-left::before { content: "\e052"; }
.glyphicon-align-center::before { content: "\e053"; }
.glyphicon-align-right::before { content: "\e054"; }
.glyphicon-align-justify::before { content: "\e055"; }
.glyphicon-list::before { content: "\e056"; }
.glyphicon-indent-left::before { content: "\e057"; }
.glyphicon-indent-right::before { content: "\e058"; }
.glyphicon-facetime-video::before { content: "\e059"; }
.glyphicon-picture::before { content: "\e060"; }
.glyphicon-map-marker::before { content: "\e062"; }
.glyphicon-adjust::before { content: "\e063"; }
.glyphicon-tint::before { content: "\e064"; }
.glyphicon-edit::before { content: "\e065"; }
.glyphicon-share::before { content: "\e066"; }
.glyphicon-check::before { content: "\e067"; }
.glyphicon-move::before { content: "\e068"; }
.glyphicon-step-backward::before { content: "\e069"; }
.glyphicon-fast-backward::before { content: "\e070"; }
.glyphicon-backward::before { content: "\e071"; }
.glyphicon-play::before { content: "\e072"; }
.glyphicon-pause::before { content: "\e073"; }
.glyphicon-stop::before { content: "\e074"; }
.glyphicon-forward::before { content: "\e075"; }
.glyphicon-fast-forward::before { content: "\e076"; }
.glyphicon-step-forward::before { content: "\e077"; }
.glyphicon-eject::before { content: "\e078"; }
.glyphicon-chevron-left::before { content: "\e079"; }
.glyphicon-chevron-right::before { content: "\e080"; }
.glyphicon-plus-sign::before { content: "\e081"; }
.glyphicon-minus-sign::before { content: "\e082"; }
.glyphicon-remove-sign::before { content: "\e083"; }
.glyphicon-ok-sign::before { content: "\e084"; }
.glyphicon-question-sign::before { content: "\e085"; }
.glyphicon-info-sign::before { content: "\e086"; }
.glyphicon-screenshot::before { content: "\e087"; }
.glyphicon-remove-circle::before { content: "\e088"; }
.glyphicon-ok-circle::before { content: "\e089"; }
.glyphicon-ban-circle::before { content: "\e090"; }
.glyphicon-arrow-left::before { content: "\e091"; }
.glyphicon-arrow-right::before { content: "\e092"; }
.glyphicon-arrow-up::before { content: "\e093"; }
.glyphicon-arrow-down::before { content: "\e094"; }
.glyphicon-share-alt::before { content: "\e095"; }
.glyphicon-resize-full::before { content: "\e096"; }
.glyphicon-resize-small::before { content: "\e097"; }
.glyphicon-exclamation-sign::before { content: "\e101"; }
.glyphicon-gift::before { content: "\e102"; }
.glyphicon-leaf::before { content: "\e103"; }
.glyphicon-fire::before { content: "\e104"; }
.glyphicon-eye-open::before { content: "\e105"; }
.glyphicon-eye-close::before { content: "\e106"; }
.glyphicon-warning-sign::before { content: "\e107"; }
.glyphicon-plane::before { content: "\e108"; }
.glyphicon-calendar::before { content: "\e109"; }
.glyphicon-random::before { content: "\e110"; }
.glyphicon-comment::before { content: "\e111"; }
.glyphicon-magnet::before { content: "\e112"; }
.glyphicon-chevron-up::before { content: "\e113"; }
.glyphicon-chevron-down::before { content: "\e114"; }
.glyphicon-retweet::before { content: "\e115"; }
.glyphicon-shopping-cart::before { content: "\e116"; }
.glyphicon-folder-close::before { content: "\e117"; }
.glyphicon-folder-open::before { content: "\e118"; }
.glyphicon-resize-vertical::before { content: "\e119"; }
.glyphicon-resize-horizontal::before { content: "\e120"; }
.glyphicon-hdd::before { content: "\e121"; }
.glyphicon-bullhorn::before { content: "\e122"; }
.glyphicon-bell::before { content: "\e123"; }
.glyphicon-certificate::before { content: "\e124"; }
.glyphicon-thumbs-up::before { content: "\e125"; }
.glyphicon-thumbs-down::before { content: "\e126"; }
.glyphicon-hand-right::before { content: "\e127"; }
.glyphicon-hand-left::before { content: "\e128"; }
.glyphicon-hand-up::before { content: "\e129"; }
.glyphicon-hand-down::before { content: "\e130"; }
.glyphicon-circle-arrow-right::before { content: "\e131"; }
.glyphicon-circle-arrow-left::before { content: "\e132"; }
.glyphicon-circle-arrow-up::before { content: "\e133"; }
.glyphicon-circle-arrow-down::before { content: "\e134"; }
.glyphicon-globe::before { content: "\e135"; }
.glyphicon-wrench::before { content: "\e136"; }
.glyphicon-tasks::before { content: "\e137"; }
.glyphicon-filter::before { content: "\e138"; }
.glyphicon-briefcase::before { content: "\e139"; }
.glyphicon-fullscreen::before { content: "\e140"; }
.glyphicon-dashboard::before { content: "\e141"; }
.glyphicon-paperclip::before { content: "\e142"; }
.glyphicon-heart-empty::before { content: "\e143"; }
.glyphicon-link::before { content: "\e144"; }
.glyphicon-phone::before { content: "\e145"; }
.glyphicon-pushpin::before { content: "\e146"; }
.glyphicon-usd::before { content: "\e148"; }
.glyphicon-gbp::before { content: "\e149"; }
.glyphicon-sort::before { content: "\e150"; }
.glyphicon-sort-by-alphabet::before { content: "\e151"; }
.glyphicon-sort-by-alphabet-alt::before { content: "\e152"; }
.glyphicon-sort-by-order::before { content: "\e153"; }
.glyphicon-sort-by-order-alt::before { content: "\e154"; }
.glyphicon-sort-by-attributes::before { content: "\e155"; }
.glyphicon-sort-by-attributes-alt::before { content: "\e156"; }
.glyphicon-unchecked::before { content: "\e157"; }
.glyphicon-expand::before { content: "\e158"; }
.glyphicon-collapse-down::before { content: "\e159"; }
.glyphicon-collapse-up::before { content: "\e160"; }
.glyphicon-log-in::before { content: "\e161"; }
.glyphicon-flash::before { content: "\e162"; }
.glyphicon-log-out::before { content: "\e163"; }
.glyphicon-new-window::before { content: "\e164"; }
.glyphicon-record::before { content: "\e165"; }
.glyphicon-save::before { content: "\e166"; }
.glyphicon-open::before { content: "\e167"; }
.glyphicon-saved::before { content: "\e168"; }
.glyphicon-import::before { content: "\e169"; }
.glyphicon-export::before { content: "\e170"; }
.glyphicon-send::before { content: "\e171"; }
.glyphicon-floppy-disk::before { content: "\e172"; }
.glyphicon-floppy-saved::before { content: "\e173"; }
.glyphicon-floppy-remove::before { content: "\e174"; }
.glyphicon-floppy-save::before { content: "\e175"; }
.glyphicon-floppy-open::before { content: "\e176"; }
.glyphicon-credit-card::before { content: "\e177"; }
.glyphicon-transfer::before { content: "\e178"; }
.glyphicon-cutlery::before { content: "\e179"; }
.glyphicon-header::before { content: "\e180"; }
.glyphicon-compressed::before { content: "\e181"; }
.glyphicon-earphone::before { content: "\e182"; }
.glyphicon-phone-alt::before { content: "\e183"; }
.glyphicon-tower::before { content: "\e184"; }
.glyphicon-stats::before { content: "\e185"; }
.glyphicon-sd-video::before { content: "\e186"; }
.glyphicon-hd-video::before { content: "\e187"; }
.glyphicon-subtitles::before { content: "\e188"; }
.glyphicon-sound-stereo::before { content: "\e189"; }
.glyphicon-sound-dolby::before { content: "\e190"; }
.glyphicon-sound-5-1::before { content: "\e191"; }
.glyphicon-sound-6-1::before { content: "\e192"; }
.glyphicon-sound-7-1::before { content: "\e193"; }
.glyphicon-copyright-mark::before { content: "\e194"; }
.glyphicon-registration-mark::before { content: "\e195"; }
.glyphicon-cloud-download::before { content: "\e197"; }
.glyphicon-cloud-upload::before { content: "\e198"; }
.glyphicon-tree-conifer::before { content: "\e199"; }
.glyphicon-tree-deciduous::before { content: "\e200"; }
.glyphicon-cd::before { content: "\e201"; }
.glyphicon-save-file::before { content: "\e202"; }
.glyphicon-open-file::before { content: "\e203"; }
.glyphicon-level-up::before { content: "\e204"; }
.glyphicon-copy::before { content: "\e205"; }
.glyphicon-paste::before { content: "\e206"; }

.hidden, .help-icon.hidden {
	display: none;
}

ul {
	list-style-position: inside;
}

ul.fitment-note {
	list-style: none;
	font-size: 0.85em;
	line-height: 1.5;
	font-style: italic;
	margin: 0;
}
.search-empty {
	padding: 15px;
}
.search-empty ul {
	list-style: inside;
}
#tab-description a {
	color: #004d99;
}
#tab-description .important {
	font-weight: 800;
	color: maroon;
	font-size: 1.1em;
	font-style:italic;
}
#tab-description .attribute {
	border: none;
}
#tab-description div + div {
	margin-top: 15px;
}
#tab-description div.description-subheading + * {
	margin-top: 10px;
}
.product-info .help.popdown {
	display: inline;
	font-size: 0.8em;
	color: #777;
}
.product-info .popdown-content {
	display: none;
	font-size: .95em;
	/*opacity: .85;*/
	color: #d9534f;
	padding: 3px 0;
	font-style: oblique;
	line-height: normal;
}
/* CHECKOUT ONE */
.checkout_one .buttons .captcha {
	text-align: right;
}
.checkout_one .buttons .captcha .g-recaptcha {
	display: inline-block;
}

/* CHECKOUT TWO */
.checkout_two .heading a.help {
	color: #f7f7f7;
	margin-left: 6px;
	vertical-align: middle;
	font-size: 11px;
}
.checkout_two #header #logo img {
	max-height: 150px;
}
.checkout_two .heading a.help:hover {
	color: #fff;
}
.iframe-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
}

.iframe-wrapper iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

@media (max-width:1140px) {
	#tab-description .images {
		text-align: center;
	}
}
#tab-description .images img {
	margin: 10px 10px 0;
}

#tab-description table.table-comparison a.button {
	color: #fff;
}

#toppanel .lock {
	white-space: nowrap;
}

#tab-description .description-subheading {
	font-size:1.3em;
	font-weight: bold
}

img[src$="lowres"] {
	border: 2px dashed red!important;
	box-sizing: border-box;
}

@media (max-width:875px) {
	.checkout_two #container-inner {
		width: auto;
		margin: auto;
	}
}

@media (max-width:420px) {
	.checkout_two #content .block-content {
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	.checkout_two #payment_form .cheque-form-block, .checkout_two #payment_form .cc_payment {
		padding: 12px 14px;
	}
}

div.account-details {
	padding: 0 0 10px;
	font-size: 1.1em;
	line-height: normal;
}
div.account-details td {
	padding: 2px 5px;
}
div.account-details td:first-child {
	padding-left: 0;
	font-weight: bold;
}
div.account-details td:last-child {
	padding-right: 0;
}
#container input.button:disabled, #container input.button:disabled:hover, #container input.button:disabled:active, #container a.button.disabled, #container a.button.disabled:hover, #container a.button.disabled:active {
	background-color: #ccc;
	border-color: #ccc;
	color: #fff;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* flexslider overrides */
.flexslider {
	min-height: 0;
}

img.overlay {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 99;
}
div.image {
	position: relative;
}


/* jquery modal overrides - used on lloyd mats popup */

html .j-modal, #appModal {
  box-sizing: border-box;
  width: calc(100% - 40px);
  height: calc(100% - 60px);
  max-width: 1000px;
  margin: auto;
  padding: 10px 0;
  overflow: visible;
}
html .blocker {
  padding: 0!important;
  z-index: 10002;
}
.bx-viewport {
  height: auto!important;
}
#appWrap {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch!important;
}

#appWrap iframe {
  display: block;
  height: 0;
}
#appWrap iframe {
  width: 100%;
  height: calc(100% - 10px);
  border: none;
}
body.noscroll, body.noscroll #canvas-container {
  overflow: hidden;
}
body.noscroll > *:not(.blocker) {
  /*display: none;*/
}
body.noscroll .blocker {
  background-color: rgba(0,0,0,0.8);
}

.jquery-modal .j-modal-pad-15-30 {
	padding: 15px 30px;
}

.jquery-modal .j-modal-small {
	max-width: 700px;
	height: 500px;
}

.jquery-modal .j-modal-auto-height {
	height: auto;
	margin: 20px auto;
}

.credit .total { font-size: 1.2em; }
.credit table .right { text-align: right; }
.credit table .left { text-align: left; }
.credit .dataTables_wrapper { margin-bottom: 10px; }
.credit .dataTables_wrapper .dataTables_filter { float: left; clear: left; padding-top: 0.65em;}
.credit .dataTables_wrapper .dataTables_filter input { font-size: 12px; padding: 3px 6px; margin-left: 0; margin-right: 0.75em; }
.credit .dataTables_wrapper .dataTables_info { clear: right; padding-top: 0.2em; padding-top: 0.75em; }
.credit .dataTables_wrapper .dataTables_paginate { padding-top: 0.5em; }
.credit .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0.25em 1em; }
@media screen and (max-width: 767px) {
	.credit .dataTables_wrapper .dataTables_filter { float: none; text-align: center; }
	.credit .dataTables_wrapper .dataTables_filter input { margin-right: 0; }
}

.mc-modal {
	z-index: 10002!important;
}
.mc-modal-bg {
	z-index: 10001!important;
}

table tr td:last-child .alert {
	white-space: normal;
}

.breadcrumb + .alert, .content div + .alert {
	margin-top: 10px;
}

.fancybox-image {
	background: #fff;
}

.option-helper {
	font-size: 0.85em;
	opacity: 0.65;
	line-height: 1.4;
	font-style: italic
}