/*
TYPOGRAPHY
--------------------------------------------------------------------------------------------- */

body {
	color: #666;
	font-family: 'Roboto', sans-serif;
	line-height: 1.8125rem;
}

a {
	color: #666;
}

a:hover {
	color: #5a689a;
	cursor: pointer;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #2a378c;
	font-weight: 600;
	text-transform: uppercase;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	color: #5a689a;
}

h1.fancy, h2.fancy {
	font-size: 1.125rem;
}

h1.alt {
	font-size: 1.25rem;
}

h4 {
	color: #666;
}

h5 {
	font-size: 1.125rem;
}

h6 {
	font-size: 1.0625rem;
}

h6.grey {
	color: #666;
}

.subtitle {
	color: #666;
	font-weight: 600;
	text-transform: uppercase;
}

:focus {outline:none;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/*
TITLE WITH LINES
----------------------------------------------- */

.fancy {
    overflow: hidden;
	position: relative;
    text-align: center;
	z-index: 1;
}

.fancy:before, .fancy:after {
    background-color: #eee;
	content: '\a0';
	height: 2px;
	overflow: hidden;
	position: absolute;
    top: 51%;
    width: 48%;
}

.fancy:before {
    margin-left: -50%;
    text-align: right;
}

.fancy:after {
    margin-left: 2%;
}

/*
ELEMENTS
--------------------------------------------------------------------------------------------- */

hr {
	border-top: 2px solid #eee;
	margin: 2rem 0;
}

.border {
	border: 2px solid #eee !important;
	line-height: 1.5rem;
}

.bg-grey {
	background-color: #eee;
}

/*
IMAGES
----------------------------------------------- */

img {
	max-width: 100%;
	height: auto;
}

/*
BOXES
----------------------------------------------- */

.box-shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(52,52,52,0.11);
	-moz-box-shadow: 0px 0px 10px 0px rgba(52,52,52,0.11);
	box-shadow: 0px 0px 10px 0px rgba(52,52,52,0.11);
}

/*
FORMS
----------------------------------------------- */

.form-control {
	border-radius: 0;
}

.custom-select {
	-webkit-appearance: none;
	-moz-appearance: none;
}

/*
BUTTON
----------------------------------------------- */

.btn {
	font-weight: 600;
	padding: 0.475rem 0.75rem;
	text-transform: uppercase;
	vertical-align: bottom;
}

.btn-primary {
    background-color: #2a378c;
    border-color: #2a378c;
	border-radius: 0;
}

.btn-primary:hover {
    background-color: #5a689a;
    border-color: #5a689a;

}

.btn-secondary {
    background-color: #5a689a;
    border-color: #5a689a;
	border-radius: 0;
}

.btn-secondary:hover {
    background-color: #2a378c;
    border-color: #2a378c;

}

.btn-success {
    background-color: #408a00;
    border-color: #408a00;
	border-radius: 0;
}

.btn-success:hover {
    background-color: #367300;
    border-color: #367300;
}

.btn-danger {
	border-radius: 0;
}

.btn-outline {
	border: 2px solid #2a378c;
    border-color: #2a378c;
	border-radius: 0;
	color: #2a378c;
}

.btn-outline:hover {
	border-color: #5a689a;
	color: #5a689a;
}

/*
TABLE
----------------------------------------------- */

.table {
	border: 2px solid #f5f5f5;
	color: inherit;
}

.table thead th, .tbl .th {
    font-weight: bold;
	background: #f5f5f5;
    border: 0;
	text-transform: uppercase;
    padding: 0.55rem 0.66rem;
	font-size: 0.92rem;
}

.table td, .tbl .td {
	border-color: #f5f5f5;
	border-style: solid;
	border-width: 0 2px 2px 0;
	padding: 0.55rem 0.66rem;
	font-size: 0.92rem;
}

/*
CAROUSEL (SLICK SLIDER)
----------------------------------------------- */

.slick-prev, .slick-next {
	background: #f8f8f8;
	height: 60px;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	width: 60px;
}

.slick-prev:hover, .slick-next:hover {
	background: #ebebeb;
}

.slick-prev::before, .slick-next::before {
	background: url(../images/svgs/arrow.svg) no-repeat;
	color: #999;
	content: '';
	height: 20px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
}

.slick-next::before {
	transform: rotate(180deg) translate(50%, 50%);
}

.slick-prev {
    left: -60px;
}

.slick-next {
    right: -60px;
}

/*
ACCORDION
----------------------------------------------- */


.cat-outer .panel-collapse .panel-body, #side-cats .collapse .card-body, .accordion .collapse .card-body {
	display: none;
}

.cat-outer .collapse.in, #side-cats .collapse.in .card-body, .accordion .collapse.in .card-body {
	display: block;
}

.cat-outer .collapse.in .panel-body {
	display: block;
}

.cat-outer .panel-group {
	margin-bottom: 15px;
	position: relative;
}

.cat-outer .panel-title {
	float: left;
	font-size: 0.9375rem;
	margin-top: .5rem;
    width: 100%;
}

.cat-outer .panel-group, .cat-outer .panel-collapse, .cat-outer .panel-title a {
	float: left;
	width: 100%;
}

.cat-outer .panel-collapse {
	display: block;
	position: relative;
}

#side-cats .collapse, .accordion .collapse  {
	display: block;
}

.cat-outer .panel-collapse::before, #side-cats .collapse::before, .accordion .collapse::before {
	background: url("../images/svgs/plus.svg");
	content: '';
	display: block;
	height: 15px;
	position: absolute;
	right: 15px;
	top: -41px;
	width: 15px;
    pointer-events: none;
}

.cat-outer .collapse.in::before, #side-cats .collapse.in::before, .accordion .collapse.in::before, .cat-outer .collapsing::before, #side-cats .collapsing::before, .accordion .collapsing::before {
	background: url("../images/svgs/minus.svg");
    pointer-events: none;
}

#side-cats .collapse::before, #side-cats .collapse.in::before, #side-cats .collapsing::before, .accordion .collapse::before, .accordion .collapse.in::before, .accordion .collapsing::before {
	top: 13px;
}

.cat-outer .panel-body ul {
	list-style-type: none !important;
    margin: 10px 0 0 0;
    padding: 0;
}

.cat-outer .panel-body li {
	background: #f5f5f5;
    margin-bottom: 5px;
    padding: 8px 10px;
}

.cat-outer .panel-body li:last-child {
    margin-bottom: 0;
}


.accordion>.card:last-of-type { border: 1px solid rgba(0,0,0,.125); }
.accordion>.card>.card-header .btn { padding: 0; }
.accordion>.card>.card-header { padding: .55rem 1rem; cursor: pointer; }
.accordion>.card h2 { font-size: 1rem; }

/*
SIDEBAR ELEMENTS
----------------------------------------------- */

/* CTA */

.side-cta {
	background: url("../images/svgs/tags.svg") no-repeat 107% 98%;
	background-size: 98px 80px;
	border-color: #eee #eee #2a378c #eee;
	border-style: solid;
	border-width: 2px;
	float: left;
	font-size: 1.125rem;
	padding: 2.5rem;
}

.side-cta p {
	margin-bottom: 0;
}

.side-cta img {
	float: left;
	margin-top: 16px;
}

.side-cta span.text, .side-cta span.text .telephone {
	/* float: left; */
	margin-left: 20px;
}
.side-cta span.text .telephone { display: inline-block; }

/*
BREADCRUMBS
----------------------------------------------- */

#breadcrumb {
	background-color: #f5f5f5;
	margin-top: 1.5rem !important;
	padding: 7px 15px;
	text-align: left;
}

/*HEADER
--------------------------------------------------------------------------------------------- */

#header-row {
	border-color: #eee;
	border-style: solid;
	border-width: 2px 0 2px 0;
	margin: 0;
}

#header-contact {
	background: #eee;
	font-size: 0.8125rem;
}

#header-contact #tel {
	color: #5a689a;
	font-size: 2.25rem;
	font-weight: 600;
}

.navbar {
	padding: 0;
}

.navbar-nav .nav-link {
	font-weight: 600;
	text-transform: uppercase;
}

.navbar-nav .nav-link::after {
	content: '\b7';
	margin: 0;
	right: -1px;
	position: absolute;
}

.navbar-nav .nav-link:hover::after {
	color: rgba(0,0,0,.5);
}

.navbar-nav .nav-item:last-child .nav-link::after {
	content: none;
}

.navbar .nav-link { line-height: 1.8125rem !important }

.dropdown-toggle::after {
	border: 0;
	margin-left: 0;
	vertical-align: 0;
}

.navbar .btn {
	padding: 0.855rem 0.75rem;
}

.navbar-toggler {
	background: #2a378c;
	border-radius: 0;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-light .navbar-nav .nav-link {
    padding-top: .45rem;
    padding-bottom: .45rem;
	padding-right: .8rem;
	padding-left: .8rem;
	position: relative;
}

header .trustpilot-widget {
	float: right;
	margin-top: 30px;
}

.nav-justified .nav-item {
	border-right: 2px solid #eee;
    text-align: left;
}

.nav-justified .nav-item:last-child {
	border-right: 0;
}

.navbar .dropdown-menu {
	background: #f5f5f5;
	border-radius: 0;
	margin: 0;
	min-width: 18rem;
    padding: 0;    
}

.navbar .dropdown-menu li {
	border-bottom: 1px solid rgba(0,0,0,.15);
}

.navbar .dropdown-menu li:last-child {
	border-bottom: 0;
}

.nav-item img {
	transition: all .6s ease;
}

.nav-item img:hover {
	opacity: 0.6;
}

/*
SEARCH
----------------------------------------------- */

#search-icon {
	background: url("../images/svgs/search.svg") no-repeat;
	height: 22px;
	position: relative;
	width: 20px;
}

#search-icon a {
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
}

/*
MENU - RIGHT
----------------------------------------------- */

#basket-count {
	background: url("../images/svgs/shopping-basket.svg") no-repeat;
	float: right;
	height: 22px;
	margin: 15px 20px 0 0;
	position: relative;
	width: 38px;
}

#basket-count.mobile {
	margin:-3px auto;
}

#basket-count a {
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
}

#basket-count #count {
	background: #5a689a;
	border-radius: 50%;
	bottom: 7px;
	color: #fff;
	font-size: 0.6875rem;
	height: 19px;
	line-height: 1.1275rem;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
	width: 19px;
	z-index: 1;
}

#basket-count:hover #count {
	background: #2a378c;
}

#header-right {
	padding: 0;
}

#header-right .btn {
	float: right;
	height: 100%;
	line-height: 34px;
}

.menu-chat {
	background: #dc3545;
	color: #fff;
}

#header-offers {
	background: #eee;
	float: right;
	margin: 17px 28px 0 0;
	padding: 20px 30px;
}

#header-offers h6 {
	margin-bottom: 0;
}

#account-login {
	background: url("../images/svgs/user-circle.svg") no-repeat;
	float: right;
	height: 22px;
	margin: 15px 20px 0 0;
	position: relative;
	width: 22px;
}

#account-login:hover {
	background: url("../images/svgs/user-circle-hover.svg") no-repeat;
}

#account-login a, #site-search a {
	height: 100%;
	position: absolute;
	width: 100%;
}

#site-search {
	background: url("../images/svgs/search.svg") no-repeat;
	float: right;
	height: 22px;
	margin: 15px 12px 0 0;
	position: relative;
	width: 22px;
}

#site-search:hover {
	background: url("../images/svgs/search-hover.svg") no-repeat;
}

.header-search {
	float: right;
}

.header-search .nav-item {
	list-style-type: none;
}

.header-search .btn {
	float: right;
	line-height: 24px !important;
	padding: 0.475rem 0.75rem;
}

.header-search .dropdown-menu {
    min-width: 17.65rem;
}

.header-search .form-group {
	float: left;
	margin-bottom: 0;
}

nav.navbar #site-search {
	float: none;
	margin: 0 auto;
}

/*
FOOTER
--------------------------------------------------------------------------------------------- */

#footer {
	border-color: #eee;
	border-style: solid;
	border-width: 2px 0 2px 0;
}

#footer ul {
	line-height: 1.875rem;
	margin-bottom: 0;
}

#footer .info-bar {
    border-color: #eee;
    border-style: solid;
    border-width: 2px 0 2px 0;
    margin: 0;
    margin-bottom: 1.5rem;
}

#footer .info-bar > div { padding: 10px 0; }
#footer .info-bar h5 { font-size: 140%; margin: 0; }
#footer .info-bar img { vertical-align: baseline !important; }

/*
HOMEPAGE
--------------------------------------------------------------------------------------------- */
/*
SEARCH
----------------------------------------------- */
#search-reg {
    background: #5a689a;
    border-color: #2a378c;
    border-style: solid;
    border-width: 3px 0 3px 0;
    color: #fff;
}

#search-reg > div {
	background: url("../images/reg-plate.png") no-repeat;
	padding: 25px 18px 27px 73px;
}

.small#search-reg > div {
	background: url("../images/reg-plate-small.png") no-repeat;
	padding: 25px 18px 27px 25px;
}

#search-reg input {
	background-color: transparent;
	border: 0;
	font-size: 1.425rem;
	font-weight: 600;
	text-transform: uppercase;
    text-align: center;
	width: 76%;
}

.has-vehicle .reg-results .small {
	line-height: 0.9rem;
	margin-bottom: 4px;
}

.small.has-vehicle#search-reg input {
    width: 55%;
}

.small#search-reg input {
	font-size: 1.2rem;
    width: 70%;
}

#search-reg input::placeholder {
	color: #725b19;
	opacity: 1;
}

#search-reg .btn {
	border-radius: 0.25rem;
}

#search-reg .button {
	padding-left: 0;
}

#search-reg.has-vehicle .align-items-center {
	display: flex !important;
}

.custom-select {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23999999' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
	border: 1px solid #ebebeb;
	border-radius: 0;
	height: calc(1.8em + 0.75rem + 2px);
}

#sidebar-small .fancy::before, #sidebar-small .fancy::after {
	content: none;
}

#select-vehicle-outer {
	border: 2px solid #eee;
	margin-top: 15px;
}

#select-vehicle-outer .select-vehicle { padding: 1.0rem; }

.select-vehicle {
	display: block;
	padding: 1.25rem;
}

.select-vehicle h5 {
	margin-bottom: 0;
	position: relative;
}

.select-vehicle h5::before {
	background: url(../images/svgs/arrow-down.svg);
    content: '';
    display: block;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
}

#select-vehicle-outer .card {
	border: 0;
}

#select-vehicle-outer .card-body {
	padding-top: 0;
}

/*
BANNER
----------------------------------------------- */

#home-banner {
	border: 2px solid #eee;
	font-size: 1.5rem;
	font-weight: 600;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
}

#home-banner #top-strip {
	color: #2a378c;
	line-height: 2.4375rem;
	padding: 40px 45px 25px 45px;
}

#home-banner #top-strip span {
	font-size: 2.0625rem;
}

#home-banner #bottom-strip {
	background: #e0ead8;
	line-height: 2.25rem;
	padding: 40px 45px 40px 45px;
}

#asda-img {
	background: url(../images/home/banner-asda.png) no-repeat;
	bottom: 0;
	height: 456px;
	position: absolute;
	right: 60px;
	width: 326px;
}

/*
HIGHLIGHTS
----------------------------------------------- */

#shop-highlights h6 {
	line-height: 1.2rem;
}

#shop-highlights .text-muted {
	float: right;
}

/*
CATEGORIES
----------------------------------------------- */

/* Tabs */

.cat-tab {
	border-style: solid;
	border-width: 2px;
}

#tab-car {
	border-color: #5a689a;
}

#tab-car h6 {
	color: #5a689a;
}

#tab-van {
	border-color: #e38539;
}

#tab-van h6 {
	color: #e38539;
}

#tab-motorcycle {
	border-color: #7ec18c;
}

#tab-motorcycle h6 {
	color: #7ec18c;
}

/* Categories */

.box-cat {
	background-repeat: no-repeat;
	background-position: top right;
	border-style: solid;
	border-width: 0 0 2px 0;
	min-height: 163px;
	padding: 1.5rem 5rem 1.5rem 1.5rem;
	position: relative;
}

.box-cat.motorcycle {
	min-height: 250px;
}

.box-cat::after {
	background: #999;
	bottom: -2px;
    content: '';
    display: block;
	height: 2px;
	left: 0;
	position: absolute;
    transition: width .9s;
	width: 0;
}

.box-cat:hover::after {
    width: 100%;
}

.box-cat a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.box-cat.car {
	border-color: #5a689a;
}

.box-cat.car h5 {
	color: #5a689a;
}


.box-cat.car .icon {
	background: url("../images/svgs/car-alt.svg");
	bottom: 0;
	height: 32px;
	position: absolute;
	right: 12px;
	width: 40px;
}



.box-cat.van { border-color: #E38539; }

.box-cat.van h5 { color: #5a689a; }

.box-cat.van .icon {
	background: url("../images/svgs/van-alt.svg");
	bottom: 0;
	height: 25px;
	position: absolute;
	right: 12px;
	width: 40px;
}

.box-cat.motorcycle { border-color: #7EC18C; }

.box-cat.motorcycle h5 { color: #7EC18C; }

.box-cat.motorcycle .icon {
	background: url("../images/svgs/motorcycle-alt.svg");
	bottom: 0;
	height: 32px;
    position: absolute;
    right: 12px;
    width: 58px;
}

/* Other Options */

.box-alt {
	min-height: 163px;
}

.box-alt a {
	height: 100%;
	left: 15px;
	position: absolute;
	top: 0;
	width: 89%;
	z-index: 1;
}

.box-alt, .box-alt h4 {
	color: #fff;
}

.box-alt h5 {
	color: rgba(255,255,255,0.6);
}

.box-alt h4, .box-alt h5 {
	margin-bottom: 0.125rem;
}

.box-alt p {
	margin-bottom: 0;
}

.box-alt img {
	transition: all .3s ease-out;
}

.box-alt:hover img {
	transform: translate(10px, 0);
}

.box-newsletter {
	background: #5a689a;
}

.box-newsletter h5:last-of-type {
	color: rgba(255,255,255,1);
}

.box-blog {
	background: #2a378c;
}

.box-clearance {
	background: #666;
}

/*
OFFERS
----------------------------------------------- */

#bg-illustration {
	background: url("../images/bg-illustration.jpg") no-repeat bottom center;
}

.offers {
	margin-top: 30px;
}

.offers .slick-slide {
    margin: 0 15px;
}

.offers .slick-list {
    margin: 0 -15px;
	z-index: 1;
}

.offers .box-shadow {
	background-color: #fff;
	background-position: bottom right;
	background-repeat: no-repeat;
	margin: 10px 0;
	position: relative;
}

.offers .box-shadow a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.offers .box-shadow h5 span {
	color: #2a378c;
	text-transform: lowercase;
}

.offers .price {
	background: #5a689a;
	color: #fff;
	display: inline-block;
	font-size: 1.8125rem;
	line-height: 1.3125rem;
	margin: 10px 0;
	padding: 15px 20px;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
}

.offers .slick-slide:hover .price {
	background: #666;
}

.offers .price span {
	font-size: 0.875rem;
	text-decoration: line-through;
}

.offers .shop {
	text-transform: uppercase;
}

.offers .shop img {
	display: inline-block;
	margin-right: 5px;
	margin-top: -3px;
}

/*
CTA - BUTTONS SECTION
----------------------------------------------- */

#cta-btns {
	padding: 80px 0 150px 0;
}

#cta-btns .btn {
	margin: 0 0.775rem;
}

/*
PRODUCT OVERVIEW
--------------------------------------------------------------------------------------------- */

/*
BANNER
----------------------------------------------- */

#overview-banners .box-shadow {
	height: 100%;
}

#overview-banners #banner-left {
	color: #2a378c;
	font-size: 1.125rem;
	font-weight: bold;
	overflow: hidden;
	padding-top: 30px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

#overview-banners #banner-left span {
	color: #5a689a;
	font-size: 1.375rem;
}

#overview-img {
	background: url(../images/overview/overview-banner_left.jpg) no-repeat;
	bottom: -20px;
	height: 171px;
	left: 30px;
	position: absolute;
	width: 505px;
}

#overview-banners #strip {
	background: #5a689a;
	color: #fff;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

/*
CATEGORIES
----------------------------------------------- */

.overview-cat {
    background-repeat: no-repeat;
    background-position: top right;
    border-style: solid;
    border-width: 0 0 2px 0;
    min-height: 163px;
    padding: 1.5rem 1rem 1.5rem 1.5rem;
    position: relative;
}

.overview-cat.car {
    border-color: #5a689a;
}

.overview-cat.van {
    border-color: #E38539;
}

.overview-cat::after {
	background: #999;
	bottom: -2px;
    content: '';
    display: block;
	height: 2px;
	left: 0;
	position: absolute;
    transition: width .9s;
	width: 0;
}

.overview-cat:hover::after {
    width: 100%;
}

.overview-cat.car .icon {
	background: url("../images/svgs/car-alt.svg");
	bottom: 0;
	height: 32px;
	position: absolute;
	right: 12px;
	width: 40px;
}

.overview-cat.van .icon {
	background: url("../images/svgs/van-alt.svg");
	bottom: 0;
	height: 25px;
	position: absolute;
	right: 12px;
	width: 40px;
}

.overview-cat.motorcycle .icon {
	background: url("../images/svgs/motorcycle-alt.svg");
	bottom: 0;
	height: 22px;
	position: absolute;
	right: 12px;
	width: 40px;
}

.overview-cat ul {
	padding-left: 0;
}

.overview-cat li::before {
	background: url(../images/svgs/bullet.svg);
	content: '';
	height: 8px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
}

.overview-cat li {
	border-bottom: 2px solid #eee;
	display: inline-block;
	font-weight: bold;
	line-height: 1.3rem;
	margin-right: 1%;
	padding: 10px 0 10px 15px;
	position: relative;
	width: 31.9%;
}

.overview-cat img {
	margin-top: 18px;
}

/*
PRODUCT CATEGORIES
--------------------------------------------------------------------------------------------- */

/* Filter */

#filter .row {
	margin: 0 -8px;
}

#filter .col {
	padding: 0 8px;
}

/* Products */
.prod-outer .prod-img {
	border: 2px solid #eee;
	text-align: center;
}

.prod-outer .price {
	color: #159945;
	font-size: 1.25rem;
	font-weight: 600;
}
.prod-outer .price.small {
	font-size: 1rem;
}

.prod-outer .price span {
	color: #666;
	font-size: 0.875rem;
}

.prod-outer .price.small span {
	font-size: 0.75rem;
}

.prod-outer .border img {
	margin: -5px 0 0 5px;
}

/*
REG SEARCH PAGE
--------------------------------------------------------------------------------------------- */

#search-area {
	background: url("/images/search-bg.jpg") no-repeat;
	background-size: cover;
	padding: 5rem 4rem 6rem 4rem;
}

#search-area h3 {
	color: #5a689a;
}

#search-area h3::after {
	background: url("/images/arrow.png");
	bottom: 11px;
	content: "";
	display: block;
	height: 81px;
	left: 200px;
	position: absolute;
	width: 66px;
}

#search-fields #search-reg {
	height: 100%;
}

#circle-icon-outer .box-shadow {
	height: 100%;
}

.circle-icon {
	background: #2a378c;
	border-radius: 50%;
	clear: both;
	color: #fff;
	height: 50px;
	line-height: 50px;
	margin: 0 auto 1rem;
	width: 50px;
}

/*
PRODUCT
--------------------------------------------------------------------------------------------- */

#prod-logo {
	margin-top: -15px;
    position: absolute;
    right: 15px;
}

#images-exhaust #prod-logo {
	margin-top: -24px;
	width: 87px;
}

/*
SIDEBAR
----------------------------------------------- */

/* Accordion */

#side-cats .card {
	border-radius: 0;
}

#side-cats .card h2 {
	font-size: 1rem;
}

#side-cats .card .btn {
	color: #5a689a;
	padding: 0;
    text-align: left;
}

#side-cats .card-header {
    padding: .55rem 2rem .55rem 1rem;
}

#side-cats .card-body {
	padding: 0.6rem 1.25rem 0.6rem 1.25rem;
}

#side-cats ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#side-cats li {
	border-bottom: 1px solid rgba(0,0,0,.125);
	padding: 0.2rem 0;
}

#side-cats li:last-child {
	border-bottom: 0;
}

/* Related */

#related img {
	border: 2px solid #eee;
}

#related .price {
	color: #2a378c;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.3rem;
}

#related .price span {
	color: #666;
	font-size: 0.875rem;
}

/*
IMAGES
----------------------------------------------- */

#prod-main {
	border: 2px solid #eee;
	margin-bottom: 15px;
}

.prod-thumb {
	border: 2px solid #eee;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
	width: 30%;
}

.prod-thumb:last-child {
	margin-right: 0;
}

#images-exhaust .prod-thumb {
	text-align: center;
	width: 100%;
}

/*
DELIVERY
----------------------------------------------- */

#prod-delivery {
	height: 100%;
	position: relative;
	overflow: hidden;
}

#prod-delivery::before {
	background: url("../images/svgs/truck-alt.svg");
	bottom: -8px;
	content: '';
	height: 73px;
	position: absolute;
	right: -4px;
	width: 91px;
}

#prod-delivery .row {
	padding: 10px 0;
}

#prod-delivery .row:first-child {
	border-bottom: 2px solid #eee;
}

#prod-delivery .row:last-child {
	padding-bottom: 0;
}

#prod-delivery .col-1 {
	padding: 0;
}

/*
ASDA
----------------------------------------------- */

#prod-asda {
	background: url("../images/products/asda-hand.png") no-repeat bottom right;
	font-size: 1.125rem;
	font-weight: bold;
	height: 100%;
	line-height: 1.5rem;
	padding-right: 123px !important;
	text-transform: uppercase;
}

#prod-asda .pointer {
	margin-bottom: 10px;
}

#prod-asda .logo {
	height: 37px;
	margin-top: 10px;
}

/*
CTA
----------------------------------------------- */

#prod-cta {
	height: 100%;
}

#prod-cta img {
	margin: 18px 0 25px 0;
}

#prod-cta h5 {
	color: #5a689a;
	font-size: 1.375rem;
}

#prod-cta h6 {
	color: #666;
}

/*
PRICE AREA
----------------------------------------------- */

#price-strip {
	background: #f5f5f5;
	margin-top: 5px;
}

#price-strip .price {
	color: #159945;
	font-size: 1.25rem;
	font-weight: 600;
}

#price-strip .price span {
	color: #666;
	font-size: 0.875rem;
}

/*
FULL INFORMATION
----------------------------------------------- */

#full-info h6 {
	color: #666;
}

#full-info table .price {
	color: #2a378c;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.3rem;
}

#full-info table .price span {
	color: #666;
	font-size: 0.875rem;
}

/*
RECENTLY VIEWED
----------------------------------------------- */

#recently-viewed .title {
	color: #2a378c;
	line-height: 1.5rem;
	min-height: 48px;
}

#recently-viewed .price {
	color: #159945;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3rem;
}

#recently-viewed .price span {
	color: #666;
	font-size: 0.875rem;
}


/*
MOTORCYCLES - OVERVIEW
--------------------------------------------------------------------------------------------- */

#motorcycles-banner {
	background: url("/images/motorcycles/overview-banner.jpg") no-repeat;
	background-size: cover;
	padding: 1.3125rem 1.75rem 10.3125rem 1.75rem;
	overflow: hidden;
    border:0px solid black; 
}

#motorcycles-banner.condensed {
    padding: 1.3125rem 1.75rem 0.3125rem 1.75rem
}

#motorcycles-banner h1 {
	color: #7ec18c;
	font-size: 2.0625rem;
}

#motorcycles-banner h2 {
	color: #5a689a;
	font-size: 1.6875rem;
}

#motorcycle-filter {
	margin-top: -7.375rem;
	padding: 0 3.75rem;
}

#motorcycle-filter #filter {
	background: #fff;
}

#motorcycle-filter #select-vehicle-outer {
	background: #fff;
}

#overview-standout .row {
	background: #fff;
	font-size: 1.125rem;
	margin: 0;
}

#overview-standout p {
	margin-bottom: 0;
}

#overview-standout #image {
	background-position: bottom left;
	background-size: cover;
}

#bg-illustration-motorcycle {
	background: url("/images/motorcycles/bg-illustration.jpg") no-repeat bottom center;
}


/*
CAR MAKES
--------------------------------------------------------------------------------------------- */

#filter-alphabet a {
	margin: 0 7px;
}

#filter-alphabet a:first-of-type {
	margin-left: 0;
}

#filter-alphabet a:last-of-type {
	margin-right: 0;
}

#filter-alphabet .active {
	color: #999;
}

/* Boxes */

.make-box {
    margin: 15px;
	width: 9.5%;
}

/*
BASKET
--------------------------------------------------------------------------------------------- */

.basket-reg {
	background-color: #ffce3f;
	display: inline-block;
	margin-right: 10px;
	width: auto;
}

.basket-reg:focus {
	background-color: #ffce3f;
}

.shop-more {
	margin-right: 10px;
}

#basket .prod-thumb {
	width: 100% !important;
}

#basket .qty {
	margin: 0 auto;
	width: 50px;
}

.basket-item-child-products-list { font-size: 90%; }

/*
LOGIN / SIGN UP
--------------------------------------------------------------------------------------------- */

#login-box, #register-box {
	height: 100%;
}

/*
REVIEWS
--------------------------------------------------------------------------------------------- */

/*
BANNER
----------------------------------------------- */

#banner-reviews {
    background: url("../images/banner-reviews.png") no-repeat top right;
    margin-bottom: 1.5rem;
    padding: 0 15px;
   
}

#banner-reviews #text {
    background: #f8f9fa;
    padding-left: 5rem;
    position: relative;
}

#banner-reviews #text #inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#banner-reviews #stars {
    background: url("../images/svgs/Trustpilot_ratings_5star-RGB.svg") no-repeat;
    height: 40px;
    margin-top: 1.5rem;
}

#banner-reviews #badge {
    background: url("../images/svgs/ratedexcellent-badge-2.svg") no-repeat center;
    background-size: 176px 211px;
    height: 211px;
    margin: 2.5rem 0;
    width: 100%;
}




/*
SHORT HAND
--------------------------------------------------------------------------------------------- */
.m0 { margin: 0; }
.fnt-lg { font-size: 120%; }
.fnt-xlg { font-size: 140%; }
.uppercase { text-transform: uppercase; }
.right { float: right; }
.left { float: left; }
.hide { display: none }
.bg-grey { background: #f5f5f5; }
.w100 { width: 100%; }
.inline { display: inline; }
.nowrap { white-space: nowrap;}

/*
SEARCH RESULTS UL
--------------------------------------------------------------------------------------------- */
ul.search-results, ul.search-results ul { list-style-type: none; padding: 0; text-align: left; }
ul.search-results > li { border-color: #eee; border-style: solid; border-width: 2px 0 2px 0; color: #2a378c; font-weight: 600; text-transform: uppercase; }
ul.search-results > ul > li { padding-left: 5px; }
ul.search-results a { display: block; }

/*
RESPONSIVE TABLE
-----------------------------------------------------------------------------------------------*/
.tbl .header-field { display: none; }
@media only screen and (max-width:767px) {
    .tbl .header-row{ display: none; }
    .tbl .header-field { display: inherit; }
}

/*
AJAX LOADING
-----------------------------------------------------------------------------------------------*/
.loading-overlay{text-align:center;z-index:99999;position:fixed;top:0;left:0;bottom:0;right:0;background:url('../images/loading-overlay.png');}
.loading-overlay > div{background:#fff;padding:20px;margin-top:300px;display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.loading-overlay > div > img{margin-bottom:5px;}
.overlay{position:fixed;z-index:10000;top:0;left:0;bottom:0;right:0;background:url('../images/loading-overlay.png');}

/*
ALERT BARS
-----------------------------------------------------------------------------------------------*/
.alert { padding: 4px; }
.alert .close-btn { padding: 0px 10px; display: inline-block; text-align: center; border: inherit; font-weight: bold; cursor: pointer; border-radius: 4px; margin-right: 8px;}


/* Loading spin */
.spin {
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
 
/* include this only once */
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

/* Orbital Leads */
#fm-mb h1 { font-size: 140% }
#fm-mb h3 { font-size: 120% }

/*
CHECKOUT
-----------------------------------------------------------------------------------------------*/

#payment-buttons .payment-button { min-height: 100px; border-radius: 4px; border-bottom: 4px solid #367300; }
#payment-buttons .payment-button::before {
    content: '\203A';
    float: right;
    font-size: 400%;
}
@media (max-width: 768px) {
    #payment-buttons .payment-button {
        min-height: 60px;
    }
}
#payment-buttons img { height: 20px; }

/* Modal dialogs responsive heights */
.ui-dialog-content, .dialog-content { overflow-x: hidden; }
@media ( min-height: 200px ) { .ui-dialog-content, .dialog-content { max-height: 150px !important; overflow-y: auto; } }
@media ( min-height: 330px ) { .ui-dialog-content, .dialog-content { max-height: 280px !important; overflow-y: auto; } }
@media ( min-height: 600px ) { .ui-dialog-content, .dialog-content { max-height: 500px !important; overflow-y: auto; } }
@media ( min-height: 720px ) { .ui-dialog-content, .dialog-content { max-height: 600px !important; overflow-y: auto; } }
@media ( min-height: 900px ) { .ui-dialog-content, .dialog-content { max-height: 800px !important; overflow-y: auto; } }

/*
ADDRESS LOOKUP*/
.addrs-diag a { padding: 2px 4px; border-bottom: 1px solid #ddd; display: block; }

/*
ASDA Steps
*/
.asda-steps > div { padding: 6px; }
.asda-steps div > p { font-weight: bold; color: #555; padding-left: 2em; text-indent:-0em; }
.asda-steps div span { float: left; background: #66B32F; display: inline-block; padding: 3px; width:25px; border-radius:15px; text-align: center; font-weight: bold; color: #fff; line-height: 1.2rem; }
.asda-steps div div { text-align: center; }


/*Lazy loading*/
#hotspot.products-loading { display: block; background: url('/images/loading.gif') #fff center no-repeat; height: 30px; padding: 10px 0; width: 100%; }

/* Scroll To Top */
#scrollToTop { display: none; background: #bbb; position: fixed; bottom: 80px; right: 0; border-radius: 5px 0 0 5px; cursor: pointer; opacity: 0.9; padding: 10px 0px; }
#scrollToTop:hover { background: #aaa; }
#scrollToTop:after { content: '\21e7'; color: #fff; font-size: 200%; margin: 15px 20px 15px 15px; }

/* Chat Bubble */
#chat-bubble { width: 70px; position: fixed; bottom: 10px; left: 20px; text-align: center; line-height: initial; font-size: 80%; font-weight: bold; }
#chat-bubble img { width: 60px; margin-bottom: 5px; }

.throb {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1.0, 1.0); opacity: 1.0;
    }
    40% {
        -webkit-transform: scale(1.05, 1.05); opacity: 1.0;
    }
    70% {
        -webkit-transform: scale(1.0, 1.0); opacity: 1.0;
    }
    100% {
        -webkit-transform: scale(1.0, 1.0); opacity: 1.0;
    }
}

.throb-bg {
    -webkit-animation: pulsate-bg 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0;
}

@-webkit-keyframes pulsate-bg {
    0% {
        -webkit-transform: scale(1.0, 1.0); opacity: 1.0;
    }
    40% {
        -webkit-transform: scale(1.05, 1.05); opacity: 1.0;
    }
    70% {
        -webkit-transform: scale(1.0, 1.0); opacity: 1.0;
    }
    100% {
        -webkit-transform: scale(1.0, 1.0); opacity: 1.0; background-color: transparent;
    }
}

/* reg-bg */
.reg-bg.tiny { background: url('/images/reg-plate-tiny.png') no-repeat; padding: 5px 14px 5px 30px; width: 164px; }
.reg-bg > div { color: #000; width: 100%; text-align: center; font-weight: 600; font-size: 120%; } 
.reg-bg input { background: none; font-weight: 600; width: 100%; text-align: center; border: 0; }

#overview-main .telephone { font-weight: bold; color: #2a378c; }


/* Sticky header */
header.sticky {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
    z-index: 2;
    background: #fff;
}
header.sticky #header-logo img { height: 80px; }
header.sticky .trustpilot-widget iframe { height: 55px !important; }
header.sticky #header-contact { padding-top: 4px !important; padding-bottom: 4px !important; }
header.sticky #header-contact h5 { margin-bottom: 0; }
header.sticky #header-contact #tel { font-size: 1.65rem; }
header.sticky #header-contact #tel img { width: 20px; margin-top: -5px; }
header.sticky #header-contact #times { line-height: 0.8125rem; }

#locationWidget li {
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    line-height: 1rem;
    position: initial;
    padding: 2px;
}