@charset "UTF-8";
/* CSS Document */

/* Hides Registration */
.bike-specifications li[data-specification="registration"] {
    display: none;
}

a { cursor:pointer; } /* Because IOS doesn't actually want to let you trigger a click event if an <a> doesn't have a href... this fixes it - for some reason. */

/* Animations */
	@keyframes bounce-arrow {
	  0%, 100% {
		transform: translateX(0);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	  50% {
		transform: translateX(6px);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	}


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

/* Font Imports (Remember to tidy up the font folder if you don't need any of these fonts)*/
@font-face {
    font-family: 'delta_probold_italic';
    src: url('../Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.svg#delta_probold_italic') format('svg');	
    font-weight: normal;
    font-style: normal;
}  
@font-face {
    font-family: 'delta_promedium_italic';
    src: url('../Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.svg#delta_promedium_italic') format('svg');
    font-weight: normal; 
    font-style: normal;
}
@font-face {
    font-family: 'delta_probold';
    src: url('../Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.svg#delta_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'delta_probook';
    src: url('../Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.svg#delta_probook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'delta_probook_italic';
    src: url('../Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.svg#delta_probook_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'delta_promedium';
    src: url('../Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.eot');
    src: url('../Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.woff') format('woff'),*/
         url('../Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.ttf') format('truetype'),
         url('../Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.svg#delta_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Change the width of the site container */
.row {
	max-width: 85rem;
}
.full-width {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}
section.extra-large {
    width: 90%;
    max-width: 90%;
    padding: 0;
    margin: 0 auto;
}
.margin-bottom {
	margin-bottom: 1rem !important;
}
.no-padding {
	padding:0;
}
.no-right-padding {
	padding-right: 0 !important;
}

.no-left-padding {
	padding-left: 0 !important;
}

@media only screen and (max-width: 40em) { 
	.no-right-padding {
		padding-right: 0.9375rem !important;
	}

	.no-left-padding {
		padding-left: 0.9375rem !important;
	}
}

/* page backgrounds */
body {
	background: #f2f2f2 url(../Assets/_core/backgrounds/site-bg.jpg) center top no-repeat;
	background-size: cover;
	font-family: 'Fira Sans', sans-serif;
	font-size: 0.9rem;
	font-weight: 400;
	color: #1a1a1a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}  
body.offroad {
    background: #f2f2f2 url(../Assets/_core/backgrounds/parallax-bg-off-road.jpg) center top no-repeat;
    background-size: cover;
}
::selection {
  background: #5AAC26;
  color: #FFF;
}
::-moz-selection {
  background: #5AAC26; /* Gecko Browsers */
  color: #FFF;  
}
.site-container {
	
}
.m-top {
	margin-top: 1.5rem !important;
}
.m-bottom {
    margin-bottom: 1.5rem !important;
}
.p-top {
	padding-top: 1.5rem !important;
}
.p-bottom {
    padding-bottom: 1.5rem !important;
}

	@media only screen and (max-width: 40em) {
		body, body.offroad {
			background-position-y: 220px;
		}
	}

	/* Panel Updates */
	.panel {
		background: #FFF;
		border: 0;
		color: #1a1a1a;
	}
	.panel.clear {
		background: transparent;
		border:0px solid #FFF;
	}
	.panel.dark {
		background: #333;
	}
	
	/* Add a Dropshadow */
	.panel.dropshadow {
		box-shadow: 0 14px 24px rgba(0,0,0,0.25);
	}
	section.dropshadow {
		box-shadow: 0 14px 24px rgba(0,0,0,0.25);
	}
	
	/* Home Text Styles */
	.panel.home-text {
		padding: 2rem;
	}
	.panel.home-text a:last-child {
		margin-bottom: 0;
	}

	/* Panel Borders */
	.panel.border-right {
		border-right:1px solid #D8D8D8;	
	}
	.panel.border-left {
		border-right:1px solid #D8D8D8;	
	}

	@media only screen and (max-width: 40em) {
		.panel.border-right {
			border-right:0px solid #f1f1f1;	
		}
		.panel.border-left {
			border-right:0px solid #f1f1f1;	
		}
	}
	
	
/* Section Classes */
section.white {
	background-color:white;
}
section.black {
	background-color:#000;
	padding: 1rem 0;
}
section.dark {
	background-color:#333;
	padding: 1rem 0;
}
section.grey {
	background-color:#f4f3f8;
	padding: 1rem 0;
}
section.latest-news-container {
	background-color: #333;
	padding:1rem 0;	
}


/* Page Content */
.panel.page-content .row.inc-feature-image:first-child  {
    margin-left: -2.2375rem;
    margin-right: -2.2375rem;
    margin-top: -1.3rem;
} 
.panel.page-content .row.inc-feature-image:first-child img  {
    margin-bottom: 1.5rem !important;
} 

/* CER Row */
.cer-score-inner {
    position: relative;
    z-index: 100;
} 
section.cer-score-container {
	background:#000000 url(../Assets/assets-layout/cer-score-bg.jpg) center top;
	background-size:cover;
	padding:5rem 0;
	position:relative;
}
section.cer-score-container:after {
	background-color: rgba(0, 0, 0, 0.6);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; 
    width: 100%;
}
section.cer-score-container h1, section.cer-score-container h2, section.cer-score-container h3, section.cer-score-container p {
    color: #FFF;
}
section.cer-score-container h2 {
    font-size:3rem;
    margin-bottom:2rem !important;
}
section.cer-score-container h3 {
    font-size:3rem;
    margin:0;
}
section.cer-score-container p {
    margin:0;
}

.cer-sales-score, .cer-service-score {
    width: 50%;
    display: inline-block;
    text-align: center;
}

	@media only screen and (max-width: 40em) {
		section.cer-score-container {
			padding:2rem 0;	
		}
        section.cer-score-container h2 {
            font-size: 2rem;
            margin-bottom: 1.5rem !important;
        } 
        section.cer-score-container h3 {
            font-size:2rem;
        }
        section.cer-score-container p {
            font-size:0.7rem;
        }
	}
	
	
	
/* Feature Image Containers */
.feature-image-container {
    position: relative;
	height: 400px;
	overflow: hidden;
}
.feature-image-bg {
	height: 400px;
    width: 100%;
    position: relative;
	overflow: hidden;
    background: url(../Assets/_core/backgrounds/feature-image-container-background.jpg) no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-position: center top;
    background-size: cover!important;
    -webkit-background-size: cover!important;
    background-attachment: initial!important;
	text-align:left;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    transition: transform 1s;
}
.feature-image-container:hover .feature-image-bg {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    transition: transform 1s;
}
.feature-image-content {
    height: auto;
    width: 100%;
    position: absolute;
    top: 3rem;
}
.feature-image-content h1 {
    font-size: 3rem;
    text-shadow: 0px 0px 25px #000000;
    line-height: 1;
    margin: 0 0 0.3rem 0;
    color: #FFF;
}
.feature-image-content h2 {
	font-size: 3rem;
    font-family: 'Oswald', sans-serif;
	text-shadow: 0px 0px 25px #000000;
	line-height:1; 
    margin: 0 0 2rem 0;
	color:#FFF;
}
.feature-image-content h2.price {
	font-size: 5rem;
	color:#5AAC26;
}
.feature-image-content h3 {
	font-size:1.6rem;
	text-transform:none;
    text-shadow: 0px 0px 25px #000000;
	font-style: italic;
	line-height:1; 
    margin: 0 0 0.5rem 0;
	color:#FFF;
}
.feature-image-content p {
    font-size: 1rem;
    text-shadow: 0px 0px 25px #000000;
    line-height: 1.6rem;
    margin: 0 0 0.5rem 0;
	color:#eee;
}
.feature-image-container:hover .feature-image-content .button .fa {
	animation: bounce-arrow 1s linear infinite;
}


	@media only screen and (max-width: 40em) {
		.feature-image-container {
			height: 350px;
		}	
		.feature-image-bg {
			height: 350px;
			width: 100%;
		}	
		.feature-image-content {
			width: 100%;
			left: 0;
		    top: 2rem;
		}
		.feature-image-content h1 {
			font-size: 1.8rem;
			line-height: 2rem;
		}		
		.feature-image-content h2 {
			font-size: 2.2rem;
			margin: 0 0 0.5rem 0;			
		}
		.feature-image-content h3 {
			font-size: 1.4rem;
			margin: 0 0 0.2rem 0;
		}		
		.feature-image-content p {
			font-size: 0.8rem;
			line-height: 1.2rem;
		}		
		.feature-image-content button, .feature-image-content .button {
			margin: 1rem 0 0.5rem 0;
			font-size: 0.7rem;
		}		
		.feature-image-content button .fa, .feature-image-content .button .fa {
			font-size: 0.6rem;
		}		
	}
	


/* typography changes */
h1, .panel h1, h2, .panel h2, h3, .panel h3, h4, .panel h4 {
	font-family: 'Oswald', sans-serif;
	color: #1a1a1a;
	text-transform:uppercase;
	letter-spacing: 0.8px;
}
h1, .panel h1 {
	font-size:2rem;
	font-weight: 500;
}
h2, .panel h2 { 
	font-size:1.6rem;
	font-weight: 500;
}
h3, .panel h3 {
	font-size:1.2rem;
	font-weight: 400;
}
h4, .panel h4 {
	font-size:1rem;
	font-weight: 400;
}
h5, .panel h5 { 
	font-size:0.6rem;
	line-height:1rem;
	font-family: 'Fira Sans', sans-serif;
	margin-bottom:0;
}
p, .panel p {
    font-size: 0.9rem;
    line-height: 1.6rem;
	font-weight: 400;
}
p.small, span.small, span.small {
	font-size: 0.6rem;
}
ul, ol, dl {
    font-size: 0.9rem;
    line-height: 1.6rem;
}
.darkgrey-column .panel h2, .darkgrey-column .panel h3 {
	color:#FFF;
}
.darkgrey-column .panel p {
	color:#FFF;
}
a {
	color: #5AAC26;
}
a:hover, a:focus {
	color: #999;
}
img {
  max-width: 100%;
  height: auto !important;
}
.row.inc-hr hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 0 0 1.25rem;
    height: 0;
}

	/* Feature Titles */
	h1.feature-title, h2.feature-title, h3.feature-title {
		font-family: 'Oswald', sans-serif;
	    font-size: 2.6rem;
	    line-height: 3rem;
		padding: 2rem 0;
	}
	section.dark h1.feature-title, section.dark h2.feature-title, section.dark h3.feature-title, section.latest-news-container h1.feature-title, section.latest-news-container h2.feature-title, section.latest-news-container h3.feature-title {
		color: #5AAC26;
		padding: 1rem 0;
	}
	
	
	/* Dark Panel Colours */
	.panel.dark h1, .panel.dark h2, .panel.dark h3, .panel.dark h4, .panel.dark p {
		color: #FFF;
	}

	/* feature text area */
	.feature-text {
		text-align: center;
		padding: 0 10rem;
	}
	.feature-text h1 {
		font-size:2.4rem;
		margin-bottom: 1rem !important;
	}
	.feature-text h2 {
	    font-family: 'delta_probold_italic',Arial,sans-serif;
		font-size:2.4rem;
		margin-bottom: 1rem !important;
	}

	/* Colour Change for latest used */
	.latest-used-container .feature-text h1, .latest-used-container .feature-text h2, .latest-used-container .feature-text h3, .latest-used-container .feature-text p {
		color:#FFF;	
	}

    @media only screen and (max-width: 40em) {
	    .feature-text {
		    padding: 0 2rem;
	    }
    }

/* header changes */
header {
    background-color: #000;
    float: left;
    width: 100%;
    height: auto !Important;
}
.header-border{
    background: url(../Assets/_core/nav-bar.jpg) repeat center top;
    height: 25px;
    float: left;
    width: 100%;
}
.header-section {
	left: 0;
	position: relative;
	width: auto;
}
.kawasaki-logo {
    float:left;
	padding: 1.3rem 0rem 1.3rem 0rem;
}
.kawasaki-logo img {
	width: 130px;
}
.dealer-name {
    float:right;
}
.dealer-name:before {
	background-color:white;
}
.dealer-name h2 {
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 1.2rem;
	padding: 1.6rem 0rem 1.6rem 0rem;
	margin: 0;
}

	@media only screen and (max-width: 40em) {
		.dealer-name {
			width:50%;
		}

		.dealer-name h2 {
			font-size: 1.1rem;
		}
	
		.kawasaki-logo  {
			padding: 1rem 1rem 1rem 1rem;
			width:50%;
		}
		.kawasaki-logo img {
			width: 130px;
		}
	}






/* Navigation colour updates */
section.nav {
    background: #1d1d1d;
    border-bottom: 1px solid #434343;
}
.contain-to-grid {
	background: #1d1d1d;
    border-bottom: 0px solid #434343;
}
.contain-to-grid .top-bar {
	max-width: 88rem;
	margin: 0 auto;
}
.fixed {
	z-index:1000;
}
.top-bar {
	background: #1d1d1d;
	height: 46px;
	line-height: 45px;
}
.top-bar-section {

}
.top-bar-section ul {
    height: auto !important;
    display: inline-block;
}
.top-bar-section .dropdown {
    z-index: 9999;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    background: #1d1d1d;
    font-family: 'Oswald', sans-serif;
    text-align: left;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #313131;
    color: #69bf2a;
}
.top-bar-section li:not(.has-form) a:not(.button).active {
    background: #313131;
    color: #69bf2a;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	line-height: 45px;
	text-transform:uppercase;
}
.top-bar-section .has-dropdown > a:after {
	top: 22.5px;
}
.top-bar.expanded .title-area {
	background: #262626;
}

.top-bar.expanded .toggle-topbar a {
	color: #FFFFFF;
}

.top-bar .name {
	height: 46px;
	line-height: 46px;
	padding-left:1rem;
    color: #FFF;
}
.top-bar .name .fa {
	margin-right:5px;
    font-size: 14px;
}
.top-bar .toggle-topbar.menu-icon {
	top: 50%; 
	margin-top: -15px; 
}

.top-bar-section li:first-child:not(.has-form) a:not(.button) {
    border-left: 1px solid #393838;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    border-bottom: 1px solid #313131;
    border-right: 1px solid #393838;
    padding: 0 1.1375rem;
}
	@media screen and (max-width: 850px) {
		.top-bar-section li:not(.has-form) a:not(.button) {
			padding: 0 1.1375rem;
		}
	}
	@media screen and (max-width: 725px) {
		.top-bar-section li:not(.has-form) a:not(.button) {
			padding: 0 1rem;
			font-size: 0.8rem;
		}
	}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #313131;
    border-bottom: 1px solid #404040;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
	color:#5AAC26;
	background-color: #555555;
	background: #272727;
}
.top-bar-section ul li:hover:not(.has-form) > a {
    background-color: #313131;
    background: #313131;
    color: #68c02a;
}
.top-bar-section .dropdown li.parent-link {
	display:none !Important;
}

.top-bar-section .fa {
  font-size: 1.6rem;
  line-height: 55px;
}


/* Sidebar Nav */

.sidebar-nav {
	background: #000;
	color:#FFF;
}

.top-bar.expanded .title-area {
	background: #000;
}

.sidebar-nav .name {
color:#FFF;
}

.sidebar-nav li:not(.has-form) a:not(.button) {
line-height: 20px;
}



/* Slideshow Changes */
.slide-content {
    margin-left: 0;
    width: 50%;
    margin-top: 15%;
    position: absolute;
    z-index: 10;
    padding: 1rem 1rem 1rem 2.5rem;
}
.slide-container img {
	width:100%;
	height:auto;
}
.slick-slide img {
	margin: 0 auto;
}
.bg-image {
	top: 0;
	left: 0;
	width: 100%;
}
.bg-image a {
    display:block;
}


/* Slick Nav */
.slick-next {
	right: 0px;
}
.slick-prev {
	left: 0px;
}
.slick-prev, .slick-next {
	background: transparent;
	height: auto;
	width: auto;
	top: 40%;
	margin: 0;
}		
.slick-prev:before, .slick-next:before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 80px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
	color: #ffffff;
	opacity: 0.4;
}
.slick-prev:before {
  content: "\E314";
}
.slick-next:before {
  content: "\E315";
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	outline: none;
	color: transparent;
	opacity: 1;
}
.slideshow-nav {
	top: 200px;
	position: relative;
	z-index: 10;
}

	@media only screen and (min-width: 800px) and (max-width: 1024px) { 
		.slick-prev, .slick-next {
			top: 37%;
		}		
		.slick-prev:before, .slick-next:before {
			font-size: 80px;  /* Preferred icon size */
		}
		.slick-next {
			right: 0px;
		}
		.slick-prev {
			left: 0px;
		}

	}

	@media only screen and (max-width: 830px) { 
		.slideshow-nav {
			top: 140px;
		}
	}

	@media only screen and (max-width: 667px) { 
		.slideshow-nav {
			top: 140px;
		}
	}

	@media only screen and (max-width: 40em) {
		.slick-prev, .slick-next {
		  top: 35%;
		  display:none !Important;
		}			
	}


/* Slick Dots */
.slick-dots {
	text-align: center;
	width: 100%;
	bottom: 40px;
	margin: 0;
	padding: 0 2rem;	  
}
.slick-dots li {
	margin: 0 0 0 0;
}
.slick-dots li button {
	width: 15px;
	height: 15px;		
	padding: 5px;
}	
.slick-dots li button:before {
	width: 15px;
	height: 15px;		
	font-size: 40px;
	color: transparent;
	border: 1px solid #FFF;
	border-radius: 100px;	
}
.slick-dots li.slick-active button::before {
	color: #FFF;
	background-color: #FFF;	
	border: 0px solid #FFF;
	opacity: 1;
}	


/* Hero Container */
.hero-container {
    position: relative;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-position: center top;
    background-size: cover!important;
    -webkit-background-size: cover!important;
    background-attachment: initial!important;
   	padding: 0;
	text-align: left;
	min-height: 700px;
}
.hero-container.has-text:before {
    z-index: 1;
    content: ''; 
    display: block;
    position: absolute; 
    top: 0; 
    left: 0;
    min-height: 100%;
    width: 100%;
	background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
}
.hero-content {
	position: absolute;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 50%;
    z-index: 10;
    min-height: 700px;
	height: 700px;
    bottom: 0;
    left: 0;
    text-align: left;
}
.hero-content > div {
	 max-width: 100%;
    padding-left: 70px;	
}

.hero-container h1, .hero-container h2, .hero-container h3 {
	font-size: 3rem;
    font-family: 'Oswald', sans-serif;	
	text-transform: uppercase;
    text-shadow: 0px 0px 25px #000000;
	letter-spacing: 1px;
	line-height:1; 
    margin: 0 0 1rem 0;
	color:#FFF;
}
.hero-container p {
	font-size: 1.8rem;
    font-family: 'Oswald', sans-serif;	
	text-transform: uppercase;
    text-shadow: 0px 0px 25px #000000;
	letter-spacing: 1px;
    line-height: 1;
    margin: 0 0 2rem 0;
	color:#dbdbdb;
}
.hero-container .hero-button {
	font-size: 1.4rem;
	line-height: 1;
    font-family: 'Oswald', sans-serif;	
	text-transform: uppercase;
	letter-spacing: 1px;
    text-shadow: 0px 0px 25px #000000;
	background: transparent;
	color: #5AAC26;
}
.hero-container .hero-button:hover {
	background: transparent;
	color: #5AAC26;
}
.hero-container .hero-button .fa.fa-chevron-right {
    font-size: 1rem;
    padding-left: 15px;
	top: -2px;
	position: relative;
}
.hero-container .hero-button:hover .fa.fa-chevron-right {
    animation: bounce-arrow 1s linear infinite;
}

@media screen and (max-width: 40em) {
	.hero-container {
		min-height: 350px;
	}
	.hero-content {
		min-height: 350px;
		height: 350px;
		width: 100%; 
		justify-content: flex-start;
	}
	.hero-content div {
		padding-left: 20px;
	}
	.hero-container h1 {
		font-size: 2.4rem;
	}
	.hero-container h2 {
		font-size: 1.6rem;
	}
	.hero-container button, .hero-container .button {
		margin: 0.5rem 0 0.5rem 0;
	}
	.hero-container .button.clear {
		font-size: 1rem;	
	}
	 
}



	
/* Latest News Home */
.panel.latest-news-home-container {
	margin-bottom: 4rem;
}
.latest-news-home {
	color: #1a1a1a;
	margin-bottom: 1rem;
	padding: 0 0 1rem 0;
	border-bottom: 5px solid #f1f1f1;
}
.latest-news-home img {
	width:100%;
}
.latest-news-home-title {
	padding: 0;
	margin:0 0 0.5rem 0;
}
p.latest-news-home-title {
    color: #000;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
p.latest-news-home-title a {
	color: #000;
}
p.latest-news-home-desc {
	font-size: 1rem;
	font-weight: 300;
}
a.latest-news-home-link {
    font-family: 'Oswald', sans-serif;
	font-size: 1rem;	
    text-transform: uppercase;
}
a.latest-news-home-link .fa {
    font-size: 0.7rem;
    position: relative;
    top: -1px;
    margin-left: 10px;
}
.button.view-latest-news {
	margin:0;
	position: relative;
	top: 45px;
}
	


/* Latest News for the other site pages */
section.latest-news-container {
	margin-bottom: 4rem;
}
.latest-news {
    border: 2px solid #333333;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    background-color: #333;
    padding-bottom: 0.5rem;
}
.latest-news img {
	width:100%;
}
p.latest-news-title {
	margin: 0.5rem 0;
	padding: 0;
	text-transform: uppercase;
}
p.latest-news-title a {
	font-size: 1rem;
	font-family: 'Oswald', sans-serif;
}
p.latest-news-desc  {
	padding: 0;
	margin: 0.5rem 0;
	font-size: 0.8rem;
	color:#FFF;
}



/* News Items List */
.panel.news-item-container {
	margin-bottom: 4rem;
}
.news-item {
	color: #1a1a1a;
	margin-bottom: 1rem;
	padding: 0 0 1rem 0;
	border-bottom: 5px solid #f1f1f1;
}
.news-item img {
	width:100%;
}
.news-item-title {
	padding: 0;
	margin:0 0 0.5rem 0;
}
p.news-item-date {
	color: #999;
	font-size: 1rem;
	line-height: 1.4rem;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	margin: 0 0 0.5rem 0;
}
p.news-item-date .fa {
	margin: 0 5px 0 0;
}
p.news-item-title {
	color: #000;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
p.news-item-desc {
	font-size: 1rem;
	font-weight: 300;
}
.news-item .news-item a.button {
	color:#FFF;
}


/* button changes */
button, .button {
	margin: 0 0 1.25rem 0;
	background-color: #5AAC26;
    border-color: #FFFFFF;
    color: white;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.8px;
} 
button, .button .fa {
	margin-right:5px;
	margin-left: 5px;
	font-size: 0.8rem;
}
button:hover, button:focus, .button:hover, .button:focus {
	background-color: #333;
	color: #FFF; 
} 
button.small, .button.small {
	padding-right: 1rem;
	padding-left: 1rem;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
	background-color: #C5C5C5;
	border-color: #000000;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	background-color: #C5C5C5;
} 
.button.dark {
	background-color:#373737;
}
.button.dark:hover {
	background-color:#333333;
}
.postfix.button {
  margin-top: 0;
}
.button.PdfDownload:before {
	content: "\f1c1";
}
.button.enquire-return {
    margin-top: 0;
    width: 100%;
}


/* MPU Banner styles */
section.mpu-container {
	padding: 1rem 0;
}
.mpu-banners {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.mpu-banners img {
	width: 100%;
	height:auto;
	box-shadow: 0 14px 24px rgba(0,0,0,0.25);
	position: relative;
	top:0;
    -webkit-transition: top 250ms;
    -moz-transition: top 250ms;
    transition: top 250ms;	
}
.mpu-banners img:hover {
    top: -3px;
    -webkit-transition: top 250ms;
    -moz-transition: top 250ms;
    transition: top 250ms;
}
[class*="block-grid-"] > li {
	padding: 0 0.625rem 0; 
}

	@media only screen and (max-width: 40em) {
		[class*="block-grid-"] > li {
			padding: 0.5rem 0.625rem 0.5rem; 
		}
	}




/* Aftersales Styles */
.aftersales-nav ul {
    margin: 0 -1.2rem;
}
.side-nav li {
	margin: 0 0 0 0;
	background-color: #373737;
	border-bottom:1px solid #232323;
}
.side-nav li:last-child {
	border-bottom:0px solid #232323;
}

.side-nav li:hover {
	background-color:#5AAC26;
	color:#000;
}

.side-nav li a:not(.button) {
	color: white;
	font-size: 16px;
	font-family: "delta_promedium",Arial,sans-serif;
    padding: 0.7375rem 1.375rem;	
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
	background: rgba(0, 0, 0, 0.025);
	color: #FFF;
}
.side-nav li a:not(.button).active {
	background-color:#5AAC26;
	color: #FFF;
}


/* Testride Styles */
.dealer-list-model-container {	
    font-family: 'Oswald', sans-serif;
    color: #1a1a1a;
    letter-spacing: 0.8px;
	text-transform: uppercase;
	background: #FFF;
    padding: 1rem;
    box-shadow: 0 14px 24px rgba(0,0,0,0.25);
	text-align: center;
	margin-top: 1rem;
	min-height: 260px;
}
.dealer-list-model-container a {	
	color:#5AAC26;
}
.dealer-list-model-container p {	
	color:#5AAC26;
	margin: 0;
}





/* Page Header BG's */
.page-header {
	padding: 2.5rem 0;
}
.page-header h1, .page-header h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 2.6rem;
    line-height: 3rem;
} 

	/* For the New Models Page */
	.page-header h1.model-name {
		font-size: 3rem;
		line-height: 3rem;
		margin-bottom: 0;
		text-align: center;
	} 
	.page-header h3.price {
		font-family: 'Oswald', sans-serif;
		font-size: 1.2rem;
		line-height: 2.6rem;
		color: #1a1a1a;
		text-align: center;
		letter-spacing: 0;
	} 
	.page-header h3.price span {
		font-family: 'Oswald', sans-serif;
		font-size: 2.4rem;
		color: #5aac26;
	} 
	
	/*  
		CSS Code for the info symbol with VAT information 
	*/	
	
	.page-header h3.price span.info-box {
	    color: #000;
	    font-size: 1.3rem;
	    margin-left: 0.5rem;
	    border-bottom: 0px;
	}
	
	.tally-container h3.model-price span.info-box {
		color: #FFF;
	    font-size: 1.3rem;
	    margin-left: 0.5rem;
	    border-bottom: 0px;
	    float: right;
	}
	
	.StickyTallyContainer h3.price span.info-box {
		color: #FFF;
	    font-size: 1.3rem;
	    margin-left: 0.5rem;
	    border-bottom: 0px;
	}
	
	

		@media only screen and (max-width: 40em) {
			.page-header h1, .page-header h2 {
				font-size: 1.6rem;
				line-height: 2rem;
				margin-bottom: 1rem;
			} 		
			.page-header {
				padding: 0;
			}
			.page-header h1.model-name {
				font-size: 2.2rem;
				line-height: 2.4rem;
			}	
			.page-header h3.price {
				font-size: 0.9rem;
			}			
			.page-header h3.price span {
				font-size: 1.6rem;
			}			
		}





/* Category Overview page */
.model-category {
	margin-bottom:1rem;
    position: relative;
    top: 0;
    -webkit-transition: top 250ms;
    -moz-transition: top 250ms;
    transition: top 250ms;	
}
.model-category:hover {
    top: -3px;
    -webkit-transition: top 250ms;
    -moz-transition: top 250ms;
    transition: top 250ms;
}
.model-category-info {
	background-color:#1c1c1c;
}
.model-category-text {
	padding:1rem;
}
.model-category-text h2 {
	font-family: 'Oswald', sans-serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
	color: #5AAC26;
    text-align: center;
}
.model-category-text p {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	color: #FFF;
	text-align:center;
	font-size:1rem;
	margin:0;
	padding:0;
}

.model-category-text a {
	color: #FFF;
}

.model-category-text a:hover {
	color: #5AAC26;
}

.model-category-text .fa {
	font-size:0.8rem;
}



/* New Models page */
.new-model-container {

}
.new-model-container .enquire-buttons h3 {

}
.new-model-container h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.4rem;
}

.new-model-container h3 span, .featured-accessories span {
    font-family: 'Oswald', sans-serif;
	color:#5AAC26;
}

.clearing-thumbs li, [data-clearing] li {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width: 30%;
}

.clearing-thumbs li.MainImage, [data-clearing] li.MainImage {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width: 100%;
}
.clearing-thumbs.model-enquire li img {
    border: 1px solid #E8E8E8;
    width: 100%;
}
.clearing-thumbs li.HiddenImage, [data-clearing] li.HiddenImage {
    display: none;
}

.featured-accessories {
	padding:5px;
	padding: 0.5rem;
    cursor: pointer;	
}

.featured-accessories p {
	text-align:center;
	padding:2px;
	padding:0.2rem;
	margin-bottom: 0px; 
}

.featured-accessories-check.checked {
    color: #FFFFFF !important;
    background-color: #5AAC26;
    padding: 5px !important;
}

.featured-accessories-check.unchecked {
    color: #FFFFFF;
    background-color: #2E2E2E;
    padding: 5px !important;
}

.featured-accessories-total-overlay-container, .kalculator-overlay-container {
    position: absolute;
    color: #FFF;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    visibility:hidden;
}

.featured-accessories-total-overlay, .kalculator-overlay {
    background-color: #101010;
    opacity: 0.8;
    height: 100%;
}

.featured-accessories-total-overlay img, .kalculator-overlay img {
    position: absolute;
}

	/* Page Scroll Links */
	.page-scroll-links {
		text-align: center;
		margin-top: 1rem;
	}	
	.page-scroll-links a {
		display: inline-block;
		font-family: 'Oswald', sans-serif;
		text-transform: none;
		color: #1a1a1a;
	}
	.page-scroll-links a:hover {
		color: #1a1a1a;
	}
	.page-scroll-links a:after {
		content: "\f111";
		font: normal normal normal 7px/1 FontAwesome;
		margin: 0 0.5rem;
		top: -1px;
		color: #1a1a1a;
		position: relative;
	}
	.page-scroll-links a:hover:after {
		color: #1a1a1a;
	}
	.page-scroll-links a:last-child:after {
		content: '';
	}

	/* Sticky Tally Container */
	.StickyTallyContainer {
		display: none;
		position: fixed;
		bottom: 0;
		width: 100%;
		height: auto;
		background: #000;
		z-index: 1;
	}	
	.StickyTallyContainer h1, .StickyTallyContainer h2, .StickyTallyContainer h3, .StickyTallyContainer h4, .StickyTallyContainer h5, .StickyTallyContainer p, .StickyTallyContainer ul, .StickyTallyContainer li {
		color: #FFF;
	}	
	.StickyTallyContainer h3.model-name {
		font-size: 1.6rem;
	}
	.StickyTallyContainer h3.price {
		color: #FFF;
		font-family: 'Oswald', sans-serif;
		font-size: 1.4rem;
		line-height: 1.6rem;
		text-transform: none; 
		padding: 0;
		margin-bottom: 0;
	}	
	.StickyTallyContainer h3.price span {
	  	font-family: 'Oswald', sans-serif;
	  	color:#5AAC26;
	}	
	.StickyTallyContainer .button {
		margin: 0;
	}	
	.StickyTallyContainer .mobile-tally-list {
		display: none;
	}	
	
		@media only screen and (max-width: 40em) { 
			.StickyTallyContainer h3.model-name {
				font-size: 1rem;
				display: none;
			}
			.StickyTallyContainer h3.price {
				font-size: 1.2rem;
				margin-bottom: 1rem;
				display: none;				
			}	
		}
	

	/* New Model Tally Container */
	.tally-container {
		border-style: solid;
		border-width: 0px;
		border-color: #000;
		background: #111111;
		margin-top: 1rem;
		position: relative;
	}	
	.panel.tally-container  {
		margin: 0 0 2rem 0;
	}	
	.tally-container h1, .tally-container h2, .tally-container h3, .tally-container h4, .tally-container p, .tally-container li {
		color: white;	
	}
	.tally-items {
		min-height: 150px;
	} 
	.tally-container h3.model-price {
		color: #FFF;
		font-family: 'Oswald', sans-serif;
		font-size: 1.2rem;
		line-height: 2rem;
		text-transform: none; 
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		padding: 0.5rem 0;
		margin-bottom: 0.5rem;
	}
	.newmodel-warranty-details p {
		color: #FFF;
		font-size: 0.8rem;
	}	
	.tally-container h3.model-price span {
	  	font-family: 'Oswald', sans-serif;
		font-size: 1.8rem;
	  	color:#5AAC26;
		float: right;
	}
	
	
		@media only screen and (max-width: 40em) {
		
		.tally-container h3.model-price span {
		font-size: 1.4rem;

	}
		
		
		
		
		}
	
	
	
	.tally-container h4 {
		text-transform: none;
		font-size: 1.2rem;
	}
	.tally-container .radio-label {
		color: #FFF;
	}
	.selected-accessory-list {
		margin: 1rem 0;
	}	
	.selected-accessory-list p {
		margin-bottom:0;
	}
	.selected-accessory-list ul {
		margin-bottom: 0;
	}
	.selected-accessory-list li {
		font-size:0.8rem;
	}
	.selected-accessory-list li span {
		color:#5AAC26;
		font-weight:bold;
		font-size:1rem;
	}
	

	/* New Model Enquire Buttons */
	.enquire-buttons .button.expand {
		margin:0 0 0.5rem 0;
		width: 100%;
	}	 
	

	/* New Model Description */
	.panel.model-description {
		padding: 2rem;
		text-align: center;
		font-size: 1rem;
		line-height: 1.8rem;
	}
	.panel.model-description h3.lead {
		font-size: 1.4rem;
		margin-bottom: 1rem;
	}
	.panel.model-description p {
		font-size: 1rem;
		line-height: 1.8rem;
	}


	/* New Model Specificcation */
	.specification-container {
		padding: 0;
	}	
	.specification-container .accordion-navigation > a:after {
		font-family: 'Oswald', sans-serif;
		content: "+";
		padding-left: 5px;
		float: right;
		font-size: 25px;
		line-height: 1;
		top: 2px;
		position: relative; 
	}
	.specification-container .accordion-navigation.active > a:after {
	  	content: "-"; 
		top: 2px;
	}
	.specification-container .accordion-navigation > a span {
		line-height: 1;
		text-align: center;
	}	
	.specification-container .accordion-navigation > a img {
		margin-right: 10px;
		position: relative;
		top: -3px;
	}	
	.specification-container .accordion .accordion-navigation:first-child > a, .specification-container .accordion dd:first-child > a {
		border-top: 1px solid #FFF;	
	}
	.specification-container .accordion .accordion-navigation:last-child > a, .specification-container .accordion dd:last-child > a {
		border-bottom: 1px solid #FFF;	
	}
	.specification-container .accordion .accordion-navigation > a, .specification-container .accordion dd > a {
		padding: 2rem 1.5rem;
		display: block;
		background: #FFF;
		border-bottom: 1px solid #5bab27;
		font-family: 'Oswald', sans-serif;
		text-transform: none;
		font-size: 1.8rem;
		color: #222222;		
	} 
	.specification-container .accordion .accordion-navigation > .content, .specification-container .accordion dd > .content {
		padding: 2rem 1rem 2rem 1rem;
		border-bottom: 1px solid #5caa29;
	}		
	.specification-container .accordion .accordion-navigation.active > a, .specification-container .accordion dd.active > a {
		background: #FFF;
	}
	.specification-container .accordion .accordion-navigation .spec-item, .specification-container .accordion dd .spec-item {
		margin-bottom: 1.5rem;
	}	
	.specification-container .accordion .accordion-navigation .spec-item p, .specification-container .accordion dd .spec-item p {
		font-family: 'Oswald', sans-serif;
		font-size: 1rem;
		text-align: center;
		text-transform: none;
		color: #1a1a1a;
	}	
	.specification-container .accordion .accordion-navigation .spec-item p.lead, .specification-container .accordion dd .spec-item p.lead {
		font-family: 'Oswald', sans-serif;
		font-size: 1.4rem;
		text-transform: capitalize;
	}	
	
	
	@media only screen and (max-width: 40em) { 
		.specification-container .accordion .accordion-navigation > a, .specification-container .accordion dd > a {
			padding: 1rem 1rem;
			font-size: 1rem;
		}
		.specification-container .accordion-navigation > a img {
			width: 16px;
		}		
	}


	/* Model Enquiry */
	.model-enquiry-details h1.model-name {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.model-enquiry-details h3.price {
		font-size: 0.9rem;
		line-height: 1rem;
		color: #1a1a1a;
		font-family: 'Oswald', sans-serif;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		padding: 0.5rem 0;
	}
	.model-enquiry-details h3.price span.total-figure {
		font-size: 2.6rem;
		line-height: 3rem;
		color: #5aab43;
		font-family: 'Oswald', sans-serif;
		display: block;
	}
	.model-enquiry-details a {
		font-size: 1rem;
		line-height: 1.2rem;
		color: #5aab43;
		font-family: 'Oswald', sans-serif;
	}
	.model-enquiry-details a .fa {
		font-size: 0.7rem;
		position: relative;
		top: -1px;
	}



/* Latest Used Bikes */
.LatestUsedBike .grid-container .panel p {
    font-size: 0.9rem;
    line-height: 1.2rem;
	margin-bottom: 0.5rem;
}
.LatestUsedBike .grid-container .panel h1, .LatestUsedBike .grid-container .panel h2, .LatestUsedBike .grid-container .panel h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1a1a1a;
}



/* Used Bikes */
.used-bike-list-container .panel {
	padding-top:0;
}
.used-container {
    background: #f1f1f1;
    margin-bottom: 1rem;
}
.used-list-header {
	background-color: #262626;
	border-color: #434343;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 1rem;
	padding: 1rem;
}
.used-list-header h3 {
	color:#fff;
	margin: 0.3rem 0 0 0;
	padding:0;
}
.used-list-header h3.used_list_price {
	font-weight:800;
	color:#5AAC26;
	float:right;
    font-size:2rem;
	margin:0;
}

@media only screen and (max-width: 40em) { 
	.used-list-header h3 {
		text-align:center;
	}
	.used-list-header h3.used_list_price {
		float:none;
		text-align:center;
		margin-top:0.5rem;
	}
}


.used-list-divider hr {
	margin:1rem;
}

p.used-list-number {
	font-weight:bold;
	margin-bottom:0.5rem;
}

.more-info-container {
	padding:0;
}

@media only screen and (max-width: 40em) { 
	.more-info-container {
		margin-top: 1rem;
	}
}

.button-text {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size:1.2rem;
	margin-bottom:0.2rem;
}
.button-text-small {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size:0.8rem;
}
.button.filter {
	padding:1rem 0;
}
.button.used-list-photos {
	margin: 0.5rem 0;
	background: transparent;
	font-size: 0.8rem;
	color: #545454;
	padding:0.2rem 0;
}
.button.mobile_used_list {
	margin:0.2rem 0;
}


.used-header {
    background-color: #2e2e2e;
    padding: 1rem;
    margin-bottom: 1rem;
}
.used-header .button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;}

.used-header .button:hover {
	background-color: #1a1a1a;
}
.used-header h3.price {
  color: #5AAC26;
  font-family: 'Oswald', sans-serif;
  font-size: 1.8rem;
  text-transform: none;
  border-top: 2px solid #565656;
  border-bottom: 2px solid #565656;
  padding: 0.3rem 0;
}

.clearing-thumbs li, [data-clearing] li {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width: 18.5%;
}

.clearing-thumbs li.MainImage, [data-clearing] li.MainImage {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width: 100%;
    max-height: none;
}

.clearing-thumbs li.HiddenImage, [data-clearing] li.HiddenImage {
    display: none;
}

.used-bike-overlay-container {
    position: absolute;
    color: #FFF;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    visibility:hidden;
}

.used-filter-alert {
    display: none;
    text-align: center;
    position: absolute;
    height: auto;
    width: 430px;
    background: #FFFFB3;
    margin-left: 320px;
    margin-top: -20px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding: 10px;
    z-index: 2;
}

.used-filter-alert::after {
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #fffdc5;
    content: "";
    display: block;
    left: 0;
    top: 50%;
    position: absolute;
    margin-top: -14px;
    margin-left: -14px;
}

.used-filter-alert::before {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #d7d7d7;
    content: "";
    display: block;
    left: 0;
    top: 50%;
    position: absolute;
    margin-top: -15px;
    margin-left: -15px;
}

.used-filter-alert h3, .used-filter-alert p {
    color: #666 !important;
}

p.view-gallery {
	cursor: pointer;
	color: #0069AD;
	text-decoration: underline;
	font-size: 0.8rem;
	margin: 0.5rem 0rem;
	float: left;
}

p.view-gallery:hover {
	color: #333;
}


.filter-label {
	margin-bottom: 0.8rem;
	cursor: pointer;
	margin-top: 0.1rem;
	opacity:0.6;
	  color: #fff;
}


.filter-label:hover {
	opacity:1;
}
 
.filter-label > .fa {
	font-size:1.2rem;
	color:#F00;
}

.clearing-assembled .clearing-container .carousel .view-gallery {
	display: none;
}



/* Latest Used Bikes */
[class*="block-grid-"].latest-used {
    margin: 0;
}
[class*="block-grid-"].latest-used > li {
    padding: 0 0.25rem;
}
.LatestUsedBike .panel {
    background-color: #FFF;
    color: #1a1a1a;
    margin: 0;
    padding: 1px;
    text-align: center;
    border: 0;
    box-shadow: 0 14px 24px rgba(0,0,0,0.25);
}
.LatestUsedTitle h3.UsedTitle {
	font-family: 'Oswald', sans-serif;
	color: #1a1a1a;
    font-size: 0.8rem;
    line-height: 1.2rem;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
div.LatestUsedTitle {
	padding: 0.5rem;
}
div.LatestUsedPrice {
	padding: 0 0.5rem 0 0.5rem;
}
div.LatestUsedTitle { 
	background-color:#FFF;
}
div.LatestUsedPrice {
    background-color: #FFF;
}
div.LatestUsedButton { 
	padding: 1rem 0.5rem;
}
div.LatestUsedButton .button.small {
    width: 100%;
    margin: 0;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
	text-transform: none;
}
div.LatestUsedButton a {
    font-family: 'Oswald', sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
}
div.LatestUsedButton a .fa {
    font-size: 0.7rem;
    position: relative;
    top: -1px;
    margin-left: 10px;
}
div.LatestUsedImage {
	margin-bottom:0;
	position: relative;
}
div.LatestUsedImage:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 0;
    z-index: 3;
}
.LatestUsedPrice h3.UsedPrice {
	font-family: 'Oswald', sans-serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #5AAC26;
    margin: 0; 
}
.LatestUsedPrice h3.UsedPrice span {
	color:#1A4687;
	font-size:1.2rem;
	font-weight:600;
}
.LatestUsedPrice p.latest-used-from-price {
    color: #1a1a1a;
    font-size: 0.8rem;
    font-weight: normal;
    margin: 0;
}
.LatestUsedPrice p.latest-used-from-price span {
	color: #5AAC26;
	font-weight: bold;
}
.h2-link {
    margin: 1rem 0 0 0;
    font-size: 1rem !important;
    color: #d8d8d8;
} 
.h2-link:hover {
    color: #FFF;
} 

	/* View All Button */
	.button.view-latest-used {
		margin: 3rem 0 1rem 0;
	}	

	/* Latest Approved Used */
	.LatestUsedBike.approved-used .LatestUsedImage {
		position: relative;
	}
	.LatestUsedBike.approved-used .kawasaki-select-logo {
		position: absolute;
		top: 10px;
		left: 20px;
		z-index: 10;
	}
	.LatestUsedBike.approved-used .kawasaki-select-logo img {
		width:130px;
	}



/* New Used Bike Page */
/* New Used Bike Page */
/* New Used Bike Page */

    /*  Filters */
	.panel.filters {
		background: #1a1a1a;
	}		
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        border: 1px solid #5AAC26 !important;
        background: #5AAC26 !Important;
    }
    .ui-widget-header {
        background: #dddddd !important;
    }
    .ui-widget.ui-widget-content {
		border: 1px solid #cccccc !important;
    }
	.ui-slider-horizontal .ui-slider-handle {
		margin-left: 0 !important;
	}
	.ui-slider-horizontal .ui-slider-handle:last-child {
		margin-left: -1.2em !important;
	}	
    .filters h3, .filters label {
        
    }
	.filter-value {
		font-family: 'Oswald', sans-serif;
		font-size: 14px;
		text-align: center;
		line-height: 1 !important;
		color: #FFF;
	}
	.filters label {
		color: #FFF;
		margin-bottom: 0.7rem;
	}
	.filters label span {
		font-size: 0.7rem;
		font-weight: normal;
		display: none;
	}
	.filter-value-container {
		text-align: center;
	}	
	.filter-value-container p {
		margin: 1rem 0 0 0;
	}
    .filters hr {
        border: solid #565650;
        border-width: 1px 0 0;
        clear: both;
        margin: 1.25rem 0 1.1875rem;
        height: 0;
    }
	.filters .button {
		padding: 0.7rem 0;
		margin: 0 0 0.5rem;
	}
	.filters .button:last-child {
		margin: 0;
	}
	.selectlist-filter-container select {
		margin-bottom: 0.5rem;
	}
	.selectlist-filter-container > div:nth-of-type(3) select, .selectlist-filter-container > div:nth-of-type(4) select {
		margin-bottom: 0;
	}
    input[type="text"][readonly].filter-amount {
        display: inline-block;
        width: auto;
        height: auto;
        background: none;
        border-style: none;
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
        padding: 0;
        margin: 0;
    }
	.price-slider-container, .mileage-slider-container {
		margin-bottom: 1rem;
	}
    
    /* Page Sorter */
    .page-sorter {
        font-size:0.8rem;
        text-align:right;
        padding: 0.7rem 0;
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
        margin-bottom:1rem;
    }
    .page-sorter span {
        margin: 0 0.5rem;
    }
    .page-sorter span.approved-used-container {
        display: none;
    }
    .page-sorter span.grid-toggles a.toggle-view {
        color:#ababab;
	    margin: 0 3px 0 0;		
    }	
    .page-sorter span.grid-toggles a.toggle-view.active {
        color:#1a1a1a;
    }		
    .page-sorter span.grid-toggles a.toggle-view:hover {
        color:#1a1a1a;
    }	
    .page-sorter span.bike-count {
        float:left;
    }
    .page-sorter span.featured-container input[type="checkbox"] {
        margin: 0;
        top: 0px;
        position: relative;
    }
    .page-sorter select {
        background-color: #fafafa;
        border: 1px solid #cccccc;
        padding: 5px;
        margin:0px;
        font-size: 9px;
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        color: rgba(0, 0, 0, 0.75);
        line-height: normal;
        border-radius: 0;
        height: 20px;
        width:80px; 
        border-radius:2px;
    }
    .page-sorter select.sort-by {
        width:80px; 
    }
    .page-sorter select.results-per-page {
        width:50px; 
    }

    /* No Bikes Message */
    .no-results-message {
        text-align:center;
        margin:1.5rem 0;
    }

    /* Used Bikes List View */
    .list-view .used-bike-container {
		background: #FFF;
		border: 5px solid #e2e2e2;
        margin-bottom: 1rem;
        padding: 0.7rem 0.5rem;
        width: 100%;
    }
    .list-view .used-bike-image-container {
        width:30%;
        position:relative;
        float:left;
        padding-left: 0.5375rem;
        padding-right: 0.5375rem;
    }
    .list-view .used-bike-detail-container {
        width:70%;
        position:relative;
        float:left;
        padding-left: 0.5375rem;
        padding-right: 0.5375rem;
    }
    .list-view .used-bike-header, .list-view .used-bike-details {
        width:100%;
        position:relative;
        float:left;
		margin-bottom: 1rem;
    }
    .list-view .used-bike-contact, .list-view .used-bike-link {
        width:50%;
        position:relative;
        float:left;
    }
    .list-view .used-bike-container h3.title {
		float: left;
		width: 70%;
		font-size: 1.4rem;
		line-height: 1.4rem;
		margin: 0;
		position: relative;
		top: 5px;
    }
    .list-view .used-bike-container h3.price {
		float: left;
		text-align: right;
		width: 30%; 
		font-size: 1.6rem;
		line-height: 1.6rem;
		margin: 0;
		color: #5AAC26;
    }
    .list-view .used-bike-container h3.price span.old-price {
        font-size: 0.9rem;
        color: #333333;
        position: relative;
        top: 5px;
        text-decoration: line-through
    }
    .list-view .used-bike-container ul {
        margin:0;
    }
    .list-view .used-bike-container li {
		display: inline-block;
		list-style: none;
		line-height: 1;
		margin: 0 0 10px 0;
		font-size: 1rem;
		color: black;	
    }
    .list-view .used-bike-container li.monthly-repayment {
		float: right;	
    }
    .list-view .used-bike-container li.monthly-repayment span {
		color: #5AAC26;
		font-weight: 600;
    }	
	.list-view .used-bike-container li.monthly-repayment span.finance-tooltip {
		color: #1a1a1a;
		font-size: 0.7rem;
		position: relative;
		top: -1px;
	    display: none;
	} 	
    .list-view .used-bike-container li span.spacer, .list-view .used-bike-container span.spacer {
		margin: 0 10px;
		color: #5AAC26;
		font-weight: bold;
		font-size: 1.4rem;
		position: relative;
		top: 2px;
    }	
    .list-view .used-bike-container p {
		font-size: 0.75rem;
		margin-top: 0.5rem;
    }
    .list-view .used-bike-container p.office-number {
        font-size: 0.9rem;
        font-weight: bold;
    }
    .list-view .used-bike-container p.office-number .fa {
        font-size: 1.4rem;
        position: relative;
        top: 2px;
        margin: 0 5px 0 0;
    }
    .list-view .used-bike-link .button {
        margin: 0.5rem 0;
        font-size: 0.7rem;
        float:right;
    }
    .list-view button, .list-view .button {
        margin:0;
    }
    .list-view .button.used-list-photos {
        margin: 0.5rem 0 0 0;
        background: transparent;
        font-size: 0.8rem;
        color: #545454;
        padding: 0.2rem 0;
    }
		
	
            @media only screen and (max-width: 40em) {
                .list-view .used-bike-container {
                    text-align:center;
                }
                .list-view .used-bike-image-container, .list-view .used-bike-detail-container {
                    width: 100%;
                }
                .list-view .used-bike-container h3.title, .list-view .used-bike-container h3.price {
                    width: 100%;
                    text-align:center;
                }
                .list-view .used-bike-container h3.title {
                    font-size: 1rem;
                    margin: 0.5rem 0;
                    line-height: 1.2rem;
                }
                .list-view .used-bike-image-count {
                    display:none;
                }
                .list-view .used-bike-container p.description {
                    display:none;
                }
                .list-view .used-bike-contact, .list-view .used-bike-link {
                    width: 100%;
                }
                .list-view .used-bike-link .button {
                    width: 100%;
                }
                .list-view .used-bike-container ul {
                    display:none;
                }
            }
			
			
	/* List view Finance Table */
	.finance-table-container {
		margin-top: 1rem;
		padding-top: 1rem;
		border-top: 1px solid #f1f1f1;
		overflow: auto;
		overflow-y: hidden;		
	}
	.finance-table-container p {
		margin-bottom: 0;
	    font-size: 0.7rem !important;		
		font-style: italic;
	}
	.finance-table-container table {	
		margin-bottom: 0;
	}
	table.finance-table thead {
		background: #4a4f54;
	}
	table.finance-table thead tr th {
		font-family: 'Oswald', sans-serif;
		font-size: 0.7rem;
		line-height: 1rem;
		text-align: center;
		text-transform: capitalize;
		color: #FFF;
		padding: 0.5rem;
	}
	table.finance-table tr td {
		font-size: 0.6rem;
		padding: 0.1625rem 0.425rem;
		text-align: center;
	}
	table.finance-table tr td p {
		margin: 0 !important;
	}
	table.finance-table tr td .button.tiny {
		padding: 0.2625rem 0.725rem;
		font-size: 0.6rem;
		text-transform: none;
	}
	
	@media only screen and (max-width: 1020px) {	
		table.finance-table thead tr th {
			font-size: 0.6rem;
		}
	}
	
	@media only screen and (max-width: 920px) {	
		table.finance-table thead tr th {
			font-size: 0.5rem;
		}
		table.finance-table tr td {
			font-size: 0.6rem;
		}		
	}
	
	@media only screen and (max-width: 40em) {
		.finance-table-container {
			display: none;
		}
		table.finance-table thead tr th {
			font-size: 0.6rem;
		}
		table.finance-table tr td {
			font-size: 0.6rem;
		}			
		p.mobile-table-text {
			font-style: italic;
			font-size: 0.7rem;
		}
		p.mobile-table-text .fa {
			font-size: 1.2rem;
			color: #dc1e33;
			margin-right: 10px;
			top: 2px;
			position: relative;
		}		
	}
			

    /* Used Bikes Grid View */
    .grid-view .used-bike-container {
        background: #f1f1f1;
        margin: 0 5px 10px;
        width: 32%;
        position: relative;
        padding-left: 0.83333rem;
        padding-right: 0.83333rem;
        float: left;
    }
    .grid-view .used-bike-image-container {
        width:100%;
        position:relative;
        float:left;
        padding-left: 0.5375rem;
        padding-right: 0.5375rem;
    }
    .grid-view .used-bike-detail-container {
        width:100%;
        position:relative;
        float:left;
        padding-left: 0.5375rem;
        padding-right: 0.5375rem;
    }
    .grid-view .used-bike-header, .grid-view .used-bike-details {
        width:100%;
        position:relative;
        float:left;
    }
    .grid-view .used-bike-contact, .grid-view .used-bike-link {
        width:100%;
        position:relative;
        float:left;
    }
    .grid-view .used-bike-container h3.title {
        margin:10px 0;
        float:left;
        width:100%;
        font-size:0.9rem;
        text-align:center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .grid-view .used-bike-container h3.price {
        float:left;
        text-align:center;
        width: 100%;
        font-size: 1.4rem;
        color: #5AAC26;
    }
    .grid-view .used-bike-container h3.price span.old-price {
        font-size: 0.9rem;
        color: #333333;
        position: relative;
        top: 5px;
        text-decoration: line-through

    }
	.grid-view .used-bike-container ul {
		display: block;
		text-align: center;
		list-style: none;
		margin: 0;
	}
	.grid-view .used-bike-container li {
	    min-height: 25px;
		margin: 0 0 5px 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.grid-view .used-bike-container li.used-bike-detail-year, .grid-view .used-bike-container li.used-bike-detail-mileage, .grid-view .used-bike-container li.used-bike-detail-engine-size {
		display: none;
	}
	.grid-view .used-bike-container li.monthly-repayment span {
        color: #5AAC26;
		font-weight: 600;
	}
	.grid-view .used-bike-container li span.spacer, .grid-view .used-bike-container span.spacer {
		display: none;
	}
    .grid-view .used-bike-container p {
        font-size:0.75rem;
        display:none;
    }
    .grid-view .used-bike-container p.office-number {
        font-size: 0.9rem;
        font-weight: bold;
        display: block;
        text-align: center;
        margin:0;
    }
    .grid-view .used-bike-container p.office-number .fa {
        font-size: 1.4rem;
        position: relative;
        top: 2px;
        margin: 0 5px 0 0;
    }
    .grid-view .used-bike-link .button {
        margin: 0.5rem 0;
        font-size: 0.7rem;
        float:right;
        width:100%;
    }
    .grid-view button, .grid-view .button {
        margin:0;
    }
    .grid-view .button.used-list-photos {
        display:none;
        margin: 0.5rem 0 0 0;
        background: transparent;
        font-size: 0.8rem;
        color: #545454;
        padding: 0.2rem 0;
    }
            @media only screen and (max-width: 1073px) {
                .grid-view .used-bike-container {
				    width: 30%;
                }
			}
            @media only screen and (max-width: 1024px) {
                .grid-view .used-bike-container {
				    width: 48%;
                }
			}
            @media only screen and (max-width: 832px) {
                .grid-view .used-bike-container {
				    width: 100%;
                }
			}
			@media only screen and (max-width: 40em) {
                .grid-view .used-bike-container {
                    text-align:center;
				    width: 100%;
                }
                .grid-view .used-bike-image-container, .grid-view .used-bike-detail-container {
                    width: 100%;
                }
                .grid-view .used-bike-container h3.title, .grid-view .used-bike-container h3.price {
                    width: 100%;
                    text-align:center;
                }
                .grid-view .used-bike-container h3.title {
                    font-size: 1rem;
                    margin: 0.5rem 0;
                    line-height: 1.2rem;
                }
                .grid-view .used-bike-image-count {
                    display:none;
                }
                .grid-view .used-bike-container p.description {
                    display:none;
                }
                .grid-view .used-bike-contact, .grid-view .used-bike-link {
                    width: 100%;
                }
                .grid-view .used-bike-link .button {
                    width: 100%;
                }
                .grid-view .used-bike-container ul {
                    display:none;
                }
            }
		
	/* Grid View Finance Table */
	.grid-view .finance-table-container {
		display: none;
	}			
			
        /* Loading Icons */
        .price-slider-loading .fa, .mileage-slider-loading .fa {
			margin-bottom: 15px;
			font-size: 1.2rem;
			color: #000;
			color: rgba(0, 0, 0, 0.8);
			position: relative;
			top: 8px;
        }
        .loading-container {
            min-height: 500px;
            text-align: center;
            background: #FFF;
        }
        .loading-container .fa {
            top: 230px;
            position: relative;   
            color: rgb(156, 156, 156);
        }

        /* Used Bike Pagination */
        .used-bikes-pagination {
            width:100%;
            text-align:center;
            border-top: 1px solid #f1f1f1;
            border-bottom: 1px solid #f1f1f1;
        }
        .used-bikes-pagination .pagination-container {
            display:inline-block;
            padding: 1rem 0;
        }
        .used-bikes-pagination .pagination-container span.pagination-item {
            display: inline-block;
            float: left;
            color: #222222;
            background-color: #FFF;
            font-size: 14px;
            font-weight: normal;
            line-height: 12px;
            padding: 5px 7px 7px 7px;
            margin: 0 1px;
			cursor: pointer;
        }
        .used-bikes-pagination .pagination-container span.pagination-item:hover {
            border-radius: 3px;
            background: none;
            color: #1a1a1a;
            background-color: #f1f1f1;
            display: block;
            font-size: 14px;
            font-weight: normal;
            line-height: 12px;
            padding: 5px 7px 7px 7px;
        }
        .used-bikes-pagination .pagination-container span.pagination-item.active {
            border-radius: 3px;
            background: none;
            color: #FFF;
            background-color: #5AAC26;
            display: block;
            font-size: 14px;
            font-weight: bold;
            line-height: 12px;
            padding: 5px 7px 7px 7px;
        }
		
	
		/* Approved Used List View */
		.list-view .used-bike-container.approved-used {
			background: #333;
			border: 5px solid #505050;
		}
		.list-view .used-bike-container.approved-used p.approved-used-text {
			font-family: 'Oswald', sans-serif;
			font-size: 1rem;
			line-height: 1.4rem;
			color: #5bab27;
			margin: 0;
		}
		.list-view .used-bike-container.approved-used h3.title, .list-view .used-bike-container.approved-used li, .list-view .used-bike-container.approved-used p, .list-view .used-bike-container.approved-used .button.used-list-photos, .list-view .used-bike-container.approved-used p.office-number {
			color: #FFF;
		}		
		.list-view .used-bike-container.approved-used .kawasaki-select-logo {
			position: absolute;
			top: 10px;
			left: 20px;
			z-index: 10;
		}
		.list-view .used-bike-container.approved-used .kawasaki-select-logo img {
			width:130px;
		}
		
		/* Approved Used Grid View */		
		.grid-view .used-bike-container.approved-used {
			background: #333;
			border: 5px solid #505050;
		}
		.grid-view .used-bike-container.approved-used p.approved-used-text {
			font-family: 'Oswald', sans-serif;
			font-size: 1rem;
			line-height: 1.4rem;
			color: #5bab27;
			margin: 0.5rem 0 0 0;
			display: block;
			text-align: center;
		}
		.grid-view .used-bike-container.approved-used h3.title, .grid-view .used-bike-container.approved-used li, .grid-view .used-bike-container.approved-used p, .grid-view .used-bike-container.approved-used .button.used-list-photos, .grid-view .used-bike-container.approved-used p.office-number {
			color: #FFF;
		}				
		.grid-view .used-bike-container.approved-used .kawasaki-select-logo {
			position: absolute;
			top: 10px;
			left: 20px;
			z-index: 10;
		}
		.grid-view .used-bike-container.approved-used .kawasaki-select-logo img {
			width:130px;
		}


	/* Used Bike View Page */
	.bike-content hr.used-divider {
		border: solid #f1f1f1;
		border-width: 5px 0 0;
		clear: both;
		margin: 2.65rem auto 2.5875rem;
		height: 0;
		width: 70%;
	}
	.bike-content .usedmodel-specs h3.title, .bike-content .usedmodel-description h3.title, .bike-content .usedmodel-finance h3.title {
		text-align: center;
	}
	.bike-content .usedmodel-description, .bike-content .usedmodel-finance  {
		text-align: center;
	}			
	.page-header h1.bike-name {
		font-size: 3rem;
		line-height: 3rem;
		margin-bottom: 0;
		text-align: center;
	}
	.page-header h2.bike-price {
		font-family: 'Oswald', sans-serif;
		font-size: 2.4rem;
		color: #5aac26;
		text-align: center;
		letter-spacing: 0;		
	}
	.has-finance-options p {
		font-family: 'Oswald', sans-serif;
		margin: 0;
		text-align: center;	
	}	
	.has-finance-options span {
		color:#5aac26;
	} 
	.has-finance-options span.finance-tooltip {
		color: #1a1a1a;
		font-size: 0.7rem;
		position: relative;
		top: -1px;
	} 	
	.bike-content h3.bike-name {
		margin:0;
	}
	.bike-content h3.bike-price {
		color:#5AAC26;
		margin-bottom: 1rem;
	}	
	.usedmodel-cta-container .button {
		font-size: 1rem;
		padding: 1.2rem 0;
		margin: 0 0 0.3rem 0 !important;
	}
	.usedmodel-cta-container .button.bike-test-ride, .usedmodel-cta-container .button.bike-part-ex {
		font-size: 0.8rem;
	}
	.usedmodel-cta-container .button.bike-test-ride {
		border-right: 3px solid #FFF;
	}
	.usedmodel-cta-container .fa {
		font-size: 1rem;
		margin-right: 15px;
	}
	.usedmodel-cta-container h3 {
		font-size: 1.4rem;
		margin: 1rem 0;
	}
	.button.used-return {
		margin-top: 0;
		margin-bottom: 1rem;
		float: right;
	}
	.panel .bike-content .pricing-table .title {
		width:100%;
		background-color: #000;
	}
	.panel .bike-content .pricing-table .title h3.bike-name {
		color: #FFF;
		font-size: 1.2rem;
		line-height: 2rem;
		border-bottom: 0;
		margin: 0;
	}
	.panel .bike-content .pricing-table .title h3.bike-price {
		color: #5AAC26;
		font-size: 2rem;
		line-height: 2.2rem;
		border-bottom: 0;
		margin: 0;
	}
	.panel .bike-content .pricing-table .price {
		background-color: #f6f6f6;
		padding: 0.9375rem 1.25rem;
		text-align: center;
		color: #333333;
		font-weight: normal;
		font-size: 1.6rem;
	}
	.panel .bike-content .pricing-table .description {
		color: #333333;
		font-size: 0.8rem;
		background-color: #f1f1f1;
	}
	.panel .bike-content .pricing-table .description span {
		font-weight: bold;
		font-size: 1rem;
		display: block;
		margin-bottom: 0.3rem;
	}
	.panel .bike-content .pricing-table .description img.select-logo {
		margin-bottom: 1rem;
	}
	.panel .bike-content .pricing-table .cta-button {
	  padding: 0rem 1.25rem 0;
	}

	.panel .bike-content .pricing-table .button {
		margin:0;
	}
	
	
	
	/* Used Specification */
	.bike-specifications li[data-specification="stock-reference"] {
		display: none;
	}	
	
	
	
	/* Gallery Images */
	.clearing-thumbs, [data-clearing] {
		margin-bottom: 1rem;
	}	
	.bike-content img.bike-image {
		width:100%;
	}
	.bike-content .clearing-thumbs li, [data-clearing] li {
		float: left;
		margin-right: 5px;
		margin-top: 5px;
		width: 19%;
		/* min-height: 110px; */
		max-height: 110px;
		overflow: hidden;		
	}
	.bike-content .owl-carousel li {
		list-style: none;
	}
	
		
	/* Approved Used View Page */
	.page-header p.approved-used-text {
		font-family: 'Oswald', sans-serif;
		font-size: 1.4rem;
		line-height: 1.8rem;
		color: #5aac26;
		text-align: center;
		letter-spacing: 0;
		margin: 0 0 0.5rem 0;	
	}		
	.bike-content .kawasaki-select-logo {
		position: absolute;
		top: 10px;
		left: 20px;
		z-index: 10;
	}
	.bike-content .kawasaki-select-logo img {
		width: 200px;
	}
	
			@media only screen and (max-width: 40em) {
				.page-header h1.bike-name {
					font-size: 1.6rem;
					line-height: 1.6rem;
					margin-bottom: 0;
					text-align: center;
				}
				.page-header p.approved-used-text {
					font-size: 1.2rem;
				}
				.panel .bike-content .pricing-table .title h3.bike-name {
					font-size: 1rem;
					line-height: 1.2rem;
				}				
				.panel .bike-content .pricing-table .title h3.bike-price {
					font-size: 1.4rem;
					line-height: 1.6rem;
				}	
				.panel .bike-content .pricing-table .description img.select-logo {
				 width: 150px; 
				}				
			}
	
	

/* End New Used Bikes */




/* Pagination */
.pagination-container {
	text-align:center;
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	padding:1rem 0 0 0;
}
ul.pagination {
	display:inline-block;
}
ul.pagination li.current a, ul.pagination li.current button {
	background: #5AAC26;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
	background: #333;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
	background-color: #9C9C9C;
	border-color: #000000;
	color: white;
	cursor: default;
	opacity: 0.7;
	box-shadow: none;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	background-color: #9C9C9C;
}




/* Locator Styles */

.filter-container {
	padding-right: 0 !important;
}

.filter-container .panel {
	background-color: #2e2e2e;
	border-style: solid;
	border-width: 1px;
	border-color: #2e2e2e;
}

.models-container {
	padding-left: 0 !important;
	border-style: solid;
	border-width: 0px;
	border-color: #000;
}

.site_thumbnail_view_image {
	width:100%;
}

.site_thumbnail_view_image_size {
	width:100%;
}

#item_view_description .price {
	color:#5AAC26;
}
#item_view_description .price span {
    color: #1a1a1a;
    text-transform: none;
    font-size: 12px;
}

/* Locator Filter classes */
/* j query menu code*/

ul#menu, ul#menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul#menu a {
	display: block;
	text-decoration: none;
}
ul#menu li {
	margin-top: 0px;
}
ul#menu li a {
	color: #FFFFFF;
	padding: 10px;
	background-color: #373737;
	border-bottom: 1px solid #232323;
	font-size: 16px;
	font-family: "delta_promedium",Arial,sans-serif;
}
ul#menu li a:hover {
	background-color: #5AAC26;
	color: #000;
}
ul#menu li ul li a {
	background: #000000;
	color: #5AAC25;
}
ul#menu li ul li a:hover {
	color: #FFFFFF;
}

.PageControl {
	text-align:center;
}




/* Tabs */

.tabs {
	margin-top:1rem;
}

.tabs dd, .tabs .tab-title {
	position: relative;
	margin-bottom: -1px !important;
	list-style: none;
	float: left;
}

.tabs dd.active {
	border-bottom:1px solid #FFF;
}

.tabs-content {
	margin-bottom: 1.5rem;
	width: 100%;
	border:1px solid #CCC;
}

.tabs-content img {
	border:1px solid #f1f1f1;
}

.tabs:focus {
	outline:none;
}

.tabs-content h2 {
	margin-left:1rem;
}

@media only screen and (max-width: 40em) { 
	.tabs dd > a, .tabs .tab-title > a {
		padding: 1rem 0.5rem;
	}
}


.tabs-content > .content {
	display: none;
	float: left;
	padding: 1rem 1rem;
	width: 100%;
	outline:none;
}

.tabs dd > a, .tabs .tab-title > a {
	display: block;
	background-color: #f1f1f1;
	color: #222222;
	padding: 1rem 2rem;
	font-size: 1rem;
}

.tabs dd.active a, .tabs .tab-title.active a {
	background-color: rgb(52, 52, 52);
	outline:none;
	color: #FFFFFF;
	padding: 1.2rem 2rem;
	margin-top: -5px;
	transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}






/* Promotions */
.promo-image {
	border:5px solid #E1E1E1;
	cursor:pointer;
	margin-bottom:1rem;
}
.promo-image:hover {
	border: 5px solid #5AAC26;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
ul.promo_items_list {
	margin:0;
}
.promo_image_list_item {
	display: block;
	list-style:none;
	border: 7px solid #CCC;
	padding: 10px;
    margin-bottom: 1rem;
	text-align: center;
	min-height: 370px;
}
.PromoImg img {
	width:100%;
    margin-bottom: 1rem;
}
p.PromoLink {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2rem;
    line-height: 1.4rem;
	text-transform: uppercase;
  	color: #000;
	margin: 0 0 0.7rem 0;

}
.promo_image_list_item .button{
	margin: 0.5rem 0;
}
.promo_image_list_item .button .fa {
	font-size: 0.6rem;
}
 
	@media only screen and (max-width: 40em) { 
		.promo-image {
			border:0px solid #E1E1E1;
			margin-bottom:1rem;
		}
		.promo-image:hover {
			border:0px solid #5AAC25;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
		}
	} 
 

 
 
 
 
 
 
 
 
 
 
 
/* News Page */

.border {
	height: 1px;
	background-color: #5AAC26;
	margin: 1rem 0;
}


.site_news_image {
}

	@media only screen and (max-width: 40em) {
		.site_news_image {
			margin-bottom:1rem;
		}
		
		.border{
			height: 5px;
			background-color: #5AAC26;
			margin: 2rem 0;
		}
	}

.site_news_summary a:link {
	font-size:18px;
	font-family: 'Oswald', sans-serif;
}

	@media only screen and (max-width: 40em) {
		.site_news_summary p {
			margin:0.5rem 0;
		}
	}

.latest-news-summary {
	margin-top:2rem;
}

.site_news_item {
	border-bottom: 1px solid #5AAC26;
}

.latest-news-links .large-block-grid-1 > li {
	margin-bottom: 1rem;
}

.latest-news-links h2 {
	color:#FFF;
}



/* Form styles */	 
fieldset {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	border-color: #CFCFCF;
	background-color:#FFF;
}

	@media only screen and (max-width: 40em) {
		.kalculator-container fieldset {
			padding:0;
		}
	}

fieldset legend {
	background: transparent;
	font-size: 1rem;
	padding: 0 1rem;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    margin: 0 0 0.5rem 0;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
	background: #FFF;
}
input[type="text"][readonly]:focus, textarea[readonly]:focus {
    background: #ddd;
} 
label { 
	color: #000;
	font-weight:bold;
	margin-bottom:0.4rem;
}
label.inline {
    margin: 0 0 0.5rem 0;
}
.darkgrey-column label {
	color: #FFF;
	margin-bottom: 0.1rem;
	font-weight: normal;
	font-style: italic;
}

.radio-label {
	font-weight:normal;
	margin-bottom:0;
	color:#333;
}

label.error {
	color: #CC0000;
}
.error input, .error textarea, .error select {
    margin-bottom: 0 !important;
}
input[type="checkbox"].error, input[type="radio"].error {
    margin-bottom: 1rem;
}

.VehicleInfo span#lblBikeValue, .VehicleInfo span#lblBikeFirstReg, .VehicleInfo span#lblAccessoriesCost, .VehicleInfo span#lblTotalCost {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	background-color: #444444;
	font-family: inherit;
	border: 1px solid #000000;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: rgba(255, 255, 255, 1);
	display: block;
	font-size: 0.875rem;
	margin: 0 0 1rem 0;
	padding: 0.5rem;
	height: 2.3125rem;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
	}

form .row .row .column, form .row .row .columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

/*Table Styles */
.dark-table thead th {
	font-family: 'delta_probook_italic',Arial,sans-serif;
	color:white;
	background-color:#1f1f21 !important;
	padding:1rem 0.5rem;
	font-size:1.6rem;
}

table thead tr th, table thead tr td {
	font-family: 'delta_probook_italic',Arial,sans-serif;
	color:#1a1a1a;
	padding:1rem 0.5rem;
	font-size:1.6rem;
}

.dark-table thead tr th, .dark-table thead tr td {
	color: white;
}

.dark-table tr {
	background:#2e2e2e;
}

.dark-table tr td {
	color:white;
	border-right:1px solid #4d4d4d;
}

table tr td {
	color:#1a1a1a;
	border-right:1px solid #f1f1f1;
}

.dark-table tr td span, table tr td span {
	color:#5AAC26;
	font-weight:bold;
}

.dark-table tr.even, .dark-table tr.alt, .dark-table tr:nth-of-type(even) {
	background: #1f1f21;
}

.dark-table tbody tr td, .dark-table tr td {
	line-height: 1.5rem;
}

table tbody tr td, table tr td {
	line-height: 1.5rem;
}


/* footer styling */
footer, .footer {
	background-color: black;
    padding: 3rem 1rem;
}
.footer-border {
    background-color: #000;
	background-image: url(../Assets/_core/footer-border.png);
	background-repeat: repeat-x;
	height: 14px;
}
.sub-footer-border {
    background-color: #212121;
	background-image: url(../Assets/_core/sub-footer-border.jpg);
	background-repeat: repeat-x;
	height: 12px;
}
footer h1, .footer h1 {
	font-size:1.4rem;
	line-height:1;
	color:white;
	margin-bottom:1rem;
} 
footer h2, .footer h2, footer h3, .footer h3 {
	font-size:1.1rem;
	line-height:1;
	color: #69be28;
	margin-bottom:1rem;
} 
footer p, .footer p {
	color:#f1f1f1;
	margin-bottom:0.5rem;
    font-size: 0.8rem;
	font-weight: 400;
    letter-spacing: 0.8px;
}
.footer a, footer a, .footer.fa, footer .fa {
	color:#f1f1f1;
	font-weight: 400;	
    letter-spacing: 0.8px;	
}
.footer ul, footer ul {
    list-style: none;
    margin: 0;
}
.footer li, footer li {
	margin:0 0 0.6rem 0;
}
footer li, .footer li {
}
footer a:hover, .footer a:hover {
	color: #CCC;
}
footer strong, .footer strong {
	color: white;
	font-weight: 600;
}
.dealership-info {
	padding-left:0;
}
section.sub-footer {
	background-color: #212121;
    padding: 1rem 0 1.2rem 0;
    width: 100%;
    float: left;
}
section.sub-footer p, .sub-footer-column p {
	color:#FFF;
	font-size:0.7rem;
	font-weight: 400;
	text-align:center;
	line-height: inherit;
    letter-spacing: 0;	
}
section.sub-footer p.small, .sub-footer-column p.small {
	font-size:0.6rem;
    letter-spacing: 0;	
}
section.sub-footer a, .sub-footer-column a {
	color:#FFF;
    letter-spacing: 0.8px;	
}
section.sub-footer a:hover, .sub-footer-column a:hover {
	color: #CCC;
}




/* Accessories Page */

.shop_thumbnail_title {
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	padding: 0.5rem 0;
}


/* Modal pop up colour changes */
.reveal-modal, dialog {
    background-color: black;
    border: solid 2px #5AAC26;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.reveal-modal h1, .reveal-modal h2, .reveal-modal h3, .reveal-modal p, .reveal-modal li {
	color:#FFF;
}  
p.title {
	font-family: 'delta_probook_italic',Arial,sans-serif;
	color:#5AAC26;
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom:0.4rem;
}

p.lead {
	font-size: 0.8rem;
	line-height: 1.4;
	margin-bottom:0;
	font-weight:bold;
}

p.spec-description {
	font-size:0.8rem;
	color:#f1f1f1;
	margin:0;
}

.spec-item {
	margin-bottom:0.4rem;
	padding:0;
}

.reveal-modal label {
	color:white;
}

.reveal-modal span {
	color:#5AAC26;
}


/* Breadcrumbs */
.breadcrumbs {
	padding: 0.5rem 0;
	margin: 0;
	background-color: transparent;
	border: 0px solid;
}
.breadcrumbs > * a {
	color: #5AAC26;
	font-family: 'Oswald', sans-serif;		
	text-transform: uppercase;
	font-size: 0.725rem;
}	
.breadcrumbs > *.current a {
	cursor: default;
	color: #000;
}
.breadcrumbs > *:before {
	content: "/";
	font-size: 0.7rem;
	color: #aaaaaa;
	margin: 0 0.45rem;
	position: relative;
	top: -1px;
}	
.breadcrumbs > *:first-child:before {
	content: " ";
	margin: 0;
}


/* Map Icon Fix */
#map-canvas img, #map-canvas object, #map-canvas embed { max-width: none; }
#map img, #map object, #map embed { max-width: none; }
#map-canvas {
    margin-left: -1.2375rem;
    margin-right: -1.2375rem;
    margin-top: -1.3rem;
}
footer #map-canvas, .footer #map-canvas {
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 0rem;
}

.offer-overlay {
    height:100%;
    width: 100%;
    background-color: #FFF;
    z-index: 200;
    position: absolute;
    opacity: 0.5;
    display: none;
}




/* Ebay Iframe */

.ebay-plugin-adblock {
	display:none;
}

#auction-nudge-items table.columns td.image {
	width:10%;
}

#auction-nudge-items table.columns td.title {
	width:50%;
}

#auction-nudge-items table.columns td.bids {
	width:5%;
}

#auction-nudge-items table.columns td.price {
	width:10%;
}

#auction-nudge-items table.columns td.ends {
	width:10%;
}

	@media only screen and (max-width: 40em) {
		#auction-nudge-items table.columns th.bids, #auction-nudge-items table.columns th.ends, #auction-nudge-items table.columns td.bids, #auction-nudge-items table.columns td.ends {
			display:none;
		}
		
		#auction-nudge-items .image-container {
			display: table;
			margin: 0 auto;
			width: 100% !important;
			height: 100% !important;
			max-width: 100% !important;
			max-height: 100% !important;
			overflow: hidden;
			text-align: center;
		}		
		#auction-nudge-items .image-container img {
			margin: 0;
			padding: 0;
			max-width: 100%;
			max-height: 100%;
			width: 100px;
		}

		#auction-nudge-items table.columns td.title {
			width: 30% !Important;
			font-size: 0.7rem !Important;
		}

		#auction-nudge-items table.columns td.image {
			width: 50% !important;
		}
	}



/* Pricing Table */
/* Pricing Table */

.pricing-table .title {
  width:100%;
}
.panel .pricing-table .title h2 {
    color: #FFF;
    font-size: 1.2rem;
    line-height: 1.8rem;
    border-bottom: 0;
    margin: 0;
}
.panel .pricing-table .title h2 span {
    color: #5AAC26;
    font-size: 2.4rem;
    line-height: 2.4rem;
    border-bottom: 0;
    margin: 0;
}
.pricing-table .price {
  background-color: #f6f6f6;
  padding: 0.9375rem 1.25rem;
  text-align: center;
  color: #333333;
  font-weight: normal;
  font-size: 1.6rem;
}
.pricing-table .cta-button {
  padding: 0rem 1.25rem 0;
}
.pricing-table .button.fullwidth {
	padding:1rem 0;
}


/* Text overlay override */ 
figure.text-over figcaption h3 {
    background-color: #FFF;
    border: 1px solid #f1f1f1;
    padding: 0.5rem 1rem;
    font-size: 1.6rem;
    color: #1a1a1a;
	margin-bottom:0.5rem;
} 
figure.text-over figcaption p {
    font-size: 0.8rem;
	color:#FFF;
	text-transform:uppercase;
    font-family: 'Oswald', sans-serif;
}
figure.text-over figcaption {
    height: 60%;
}
figure.text-over figcaption.large {
    height: 30%;
}




		@media only screen and (max-width: 40em) { 
			figure.text-over figcaption.large {
				height: 45%;
			}
			figure.text-over figcaption {
				height: 85%;
			}
			figure.text-over figcaption h3 {
				padding: 0.5rem 0.5rem;
				font-size: 1.2rem;
			}
			figure.text-over figcaption p {
				font-size: 0.8rem;
				text-transform: none;
				font-weight: 300;
			}

            .figure.effect-bubba {
                height: 160px;
                overflow: hidden;
                margin-bottom: 1rem;
            }
            .figure.effect-bubba h2 {
                padding-top: 8%;
                font-size: 1.6rem;
            }
		}

/* CMS Overrides */
.news-media {
    margin: 0;
}




/* Cookie Container */
.full-width.black {
    -webkit-box-shadow: rgb(0, 0, 0) 0px 0px 8px;
    box-shadow: rgb(0, 0, 0) 0px 0px 8px;
    background-color: rgb(17, 17, 17);
}
.section.cookies {
    z-index: 100;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.cookie-box {
	display: none;
}
.cookie-box p {
	font-size:0.8rem;
	padding:1rem 0;
	margin:0;
    color: #FFF;
	text-align: center;
}
.cookie-box a {
	margin-left:1rem;
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
}
.cookie-box .button.tiny {
	margin:0 0 0 1rem;
	padding-top: 0.325rem;
	padding-right: 0.85rem;
	padding-bottom: 0.3875rem;
	padding-left: 0.85rem;
	font-size: 0.6875rem;
	text-decoration:none;
}
.text-centered {
    text-align:center;
}



/* Shop Styles */

    /* Page Sorter */
    .shop-page-sorter {
        font-size:0.8rem;
        text-align:right;
        padding: 0.7rem 0 0.5rem 0;
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
        margin-bottom:1rem;
    }
    .shop-page-sorter span {
        margin: 0;
    }
    .shop-page-sorter span.grid-toggles a.toggle-view {
        color:#ababab;
	    margin: 0 3px 0 0;		
    }	
    .shop-page-sorter span.grid-toggles a.toggle-view.active {
        color:#1a1a1a;
    }		
    .shop-page-sorter span.grid-toggles a.toggle-view:hover {
        color:#1a1a1a;
    }	
    .shop-page-sorter span.product-count-container {
        float:left;
    }
    .shop-page-sorter span.featured-container input[type="checkbox"] {
        margin: 0;
        top: 0px;
        position: relative;
    }
    .shop-page-sorter select {
        background-color: #fafafa;
        border: 1px solid #cccccc;
        padding: 5px;
        margin:0px;
        font-size: 9px;
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        color: rgba(0, 0, 0, 0.75);
        line-height: normal;
        border-radius: 0;
        height: 25px;
        width:120px; 
        border-radius:2px;
    }
    .shop-page-sorter select.sort-by {
        width:120px; 
    }
    .shop-page-sorter select.results-per-page {
        width:50px; 
    }


	/* Shop Filters */
	.shop-filters {
		background: #f1f1f1;
		padding: 1.25rem;
		margin-bottom: 1rem;
	}
	.shop-filters h3 {
		font-size: 1.8rem;
	}
	.shop-filters ul {
		list-style:none;
		margin-left:0;
	}
	.shop-filters ul.mtree {
		border-bottom: 2px solid #e6e6e6;
		padding-bottom: 15px;
	    margin-bottom: 1rem;		
	}
	.shop-filters ul.mtree ul.sub-category, .shop-filters ul.mtree ul.sub-category ul {
		display: none;
	}	
	.shop-filters ul.mtree li.mtree-active ul.sub-category, .shop-filters ul.mtree li.mtree-active ul.sub-category ul {
		display: block;
	}	
	.shop-filters ul.mtree ul {
		margin-left: 0.8rem;
	}
	.shop-filters ul.mtree li {
		margin-bottom: 0.2rem;
	}
	.shop-filters ul.mtree li a {
		font-family: 'Oswald', sans-serif;
		font-size: 1rem;
		text-transform: none;
		color: #878787;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}
	.shop-filters ul.mtree li.mtree-active a:first-child {
		/* color: #69be28; */
	}
	.shop-filters ul.mtree li.mtree-active a.selected-group {
		color:#69be28;
		font-weight:bold;
	}	
	.shop-filters ul.mtree li a:hover {
		color: #5a5a5a;
	}
	.shop-filters ul.mtree ul ul li a {
		font-size: 1rem;
	}
	.shop-filters ul.mtree li a .fa {
		position: relative;
		top: -1px;
		margin-left: 0.3rem;
		font-size: 0.7rem;
		color: #c6c6c6;
	}
	.shop-filters ul.mtree li span.item-count {
		float: right;
		font-size: 1rem;
		color: #c6c6c6;
	}
	.shop-filters .panel p {
		font-size:15px;
	}
	.reset-shop-filters {
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		font-size: 0.8rem;
		color: #878787;
		cursor: pointer;
		float: right;
	}
	.reset-shop-filters:hover {
		color: #69be28;
	}
	.reset-shop-filters .fa {
		position: relative;
		margin-left: 5px;
	}

	/* Main Shop Category Images */
	.shop-category {
		margin: 0;
	}
	.shop-category {
		position: relative;
		height: 100%;
		overflow: hidden;
		background-color: #000;
	}
	.shop-category>figure {
		position: relative;
		padding-top: 85%;
		margin: 0;
	}
	.shop-category>figure img {
		position: absolute;
		top: 0;
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}
	.shop-category>.text-wrapper {
		position: absolute;
		right: 0;
		bottom: 2rem;
		left: 0;
		z-index: 1;
		padding: 0 1rem;
		text-align: center;
	}
	.shop-category>.text-wrapper p {
		color: #fff;
		font-family: 'TradeGothicBold',Arial;
		font-size: 3.4rem;
		line-height: 3.4rem;
		text-transform: uppercase;
	}
	.shop-category>.text-wrapper .button {
		margin:0 0 1rem 0;
	}
	
		@media only screen and (max-width: 40em) {
			.category-container {
				margin-bottom: 1rem;
			}
			.shop-category>.text-wrapper {
				bottom: 1rem;
			}		
			.shop-category>.text-wrapper p {
				font-size: 2.4rem;
				line-height: 2.4rem;
			}
		}
		
		

	/* Shop Sub Category Images */
	.shop-category-sub {
		margin: 0;
	}
	.shop-category-sub {
		position: relative;
		height: 100%;
		overflow: hidden;
		background-color: #000;
	    border: 1px solid #FFF;	
	}
	.shop-category-sub>figure {
		position: relative;
		padding-top: 66%;
		margin: 0;
	}
	.shop-category-sub>figure img {
		position: absolute;
		top: 0;
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	    opacity: 0.6;
		cursor: pointer;
	}
	.shop-category-sub>.text-wrapper {
		position: absolute;
		right: 0;
		bottom: 1rem; 
		left: 0;
		z-index: 1;
		padding: 0 1rem;
		text-align: center;
	}
	.shop-category-sub>.text-wrapper p {
		color: #fff;
		font-family: 'TradeGothicBold',Arial;
		font-size: 2rem;
		line-height: 2rem;
		text-transform: uppercase;
		margin-bottom: 1rem;
	}
	.shop-category-sub>.text-wrapper .button {
		margin:0 0 1rem 0;
	}

		@media only screen and (max-width: 768px) { 
			.shop-category-sub>.text-wrapper p {
				font-size: 1.4rem;
				line-height: 1.4rem;
			}
		}

	/* Shop Basket Header */
	.shop-header	{
		width: 100%;
		height: auto;
		position: relative;	
		background: #f1f1f1; 
		margin:0 0 1rem 0;
	}
	.shop-header h1, .shop-header h2 {
		line-height: 1;
		padding: 1.6rem 1rem;
		margin: 0rem 0 0 0;
	}
	.shop-header h1 span  {
		font-size: 1.8rem;
		color: #69be28;
		font-style: italic;
		letter-spacing: 1px;
	}
	.search-container, .basket-container{
		text-align: center;
		font-size: 14px;
		text-transform: uppercase;
		color: #878787;
		background: #f1f1f1;
		line-height: 1;
		padding: 15px;
		height: 85px;
		cursor: pointer;
	}
	.search-container:hover, .basket-container:hover {
		background: #d0d0d0;
	}	
	.search-container .fa, .basket-container .fa {
		color: #878787;
		font-size: 1.8rem;
		line-height: 1.8rem;
	}
	.search-container p, .basket-container p {
	    font-family: 'Oswald', sans-serif;
		color: #878787;
		font-size: 1rem;
		line-height: 1;
		margin: 0;
		padding: 10px 0 0 0;  
	}
	.search-container p span, .basket-container p span {
	    font-family: 'Oswald', sans-serif;
		color: #69be28;
		font-size: 12px;
	} 	
	#search-toggle-container {
		padding: 2rem 1rem;
		display: none;
		background-color: #dcdcdc;
		margin-bottom: 1rem;
		position: relative;
		z-index: 100;
	}
	
		@media only screen and (max-width: 40em) {
			.shop-header {
				height: auto;
			}
			.shop-header h1, .shop-header h2 {
				font-size: 1.6rem;
			}
			.search-container, .basket-container {
				padding: 15px 0;
			}			
			.search-container .fa, .basket-container .fa {
				color: #878787;
				font-size: 1.2rem;
				line-height: 1.2rem;
			}
			.search-container p, .basket-container p {
				font-size: 0.9rem;
			}			
		}

	/* Shop Breadcrumbs */
	.shop.breadcrumbs {
	    padding: 0.5rem 0;	
	}
	.shop.breadcrumbs > * a {
		color: #69be28;
		font-family: 'Oswald', sans-serif;		
		text-transform: uppercase;
		font-size: 0.725rem;
	}	
	.shop.breadcrumbs > *.current a {
		cursor: default;
		color: #000;
	}
	.shop.breadcrumbs > *:before {
		content: "/";
		font-size: 0.7rem;
		color: #aaaaaa;
		margin: 0 0.45rem;
		position: relative;
		top: -1px;
	}	
	.shop.breadcrumbs > *:first-child:before {
		content: " ";
		margin: 0;
	}
	
	/* Shop Products */
	.shop-item-container {
		border: 5px solid #f1f1f1;
		margin-bottom: 1rem;	
	}
	.shop-item-container img {
		margin: 1.5rem 0;	
	}	
	.shop-item-container p.product-title, .shop-item-container p.product-price {
		font-family: 'Oswald', sans-serif;
		text-transform: none;
		font-size: 1.4rem;
		line-height: 1.4rem;
		color: #000;
		margin: 0 0 1rem 0.7rem;
		padding: 0;

	}
	
	/**/
		/**/
			/**/
				/* Code changes for hiding the price on KWS sites - as per discussion with Jemma - 4/3/21*/
			/**/
		/**/
	/**/
	
	
	
	.shop-item-container p.product-price, h2.product-price {
		
		display: none!important;
		
	}
	
	/**/
		/**/
			/**/
				
			/**/
		/**/
	/**/
	
	.shop-item-container p.product-price {
		font-family: 'Oswald', sans-serif;
		font-size: 2rem;
		line-height: 2.4rem;
		color: #69be28;
		margin-bottom: 1rem;

	}
	.stock-count {
		font-weight:bold;
	}		
			 
	 
	 
	/* Shop Quantity Selector */
	.sub-product-item {
		border-bottom: 1px solid #f1f1f1;
		margin: 1.5rem 0;
	}
	.quantity-selector {
		float: left;
		margin-bottom: 1rem;
	}
	.input-holder input, .input-holder textarea, .input-holder select, input.quantity-box {
		border: 1px solid #8a8a8a;
		max-width: 100%;
		width:100%;
		padding: 10px 20px;
		border-radius: 2px;
		height: 33px;
		font-size: 12px;
		color: #343434;
		background: transparent;
	}
	.input-holder button, .input-holder a {
		margin:0;
		font-size:0.6rem;
		top:10px;
		position:relative;
	}
	.input-holder button .fa, .input-holder a .fa {
		position:relative;
		top:2px;
	}
	.input-holder {
		position: relative;
		border: 1px solid #8a8a8a;
		max-width: 30%;
		width: 30%;
		border-radius: 2px;
		height: 33px;
		font-size: 12px;
		color: #343434;
		background: transparent;
		text-align:center;
	}
	.input-holder.plus {
		float: left;
		margin-left: -1px;
	}
	.input-holder.minus {
		float: left;
		margin-right: -1px;
	}
	input.quantity-box {
		width: 40%;
		float: left;
		border-radius: 0;
		padding: 0;
		text-align: center;
		margin:0;
	}
	h3.sub-product-title {
		margin: 0;
		text-transform:none;
	}
	p.sub-product-price {
		font-family: 'Oswald', sans-serif;
		font-size: 1.2rem;
		color: #5AAC26;
		border-bottom: 0px solid;
		margin:0;
	}


	/* Old Filter Styles */
	.used-bike-overlay-container {
		position: absolute;
		color: #FFF;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding: 0;
		z-index: 1;
		visibility:hidden;
	}

	.used-filter-alert {
		display: none;
		text-align: center;
		position: absolute;
		height: auto;
		width: 430px;
		background: #FFFFB3;
		margin-left: 320px;
		margin-top: -20px;
		border: 1px solid #d7d7d7;
		border-radius: 4px;
		padding: 10px;
		z-index: 2;
	}

	.used-filter-alert::after {
		width: 0;
		height: 0;
		border-top: 14px solid transparent;
		border-bottom: 14px solid transparent;
		border-right: 14px solid #fffdc5;
		content: "";
		display: block;
		left: 0;
		top: 50%;
		position: absolute;
		margin-top: -14px;
		margin-left: -14px;
	}

	.used-filter-alert::before {
		width: 0;
		height: 0;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-right: 15px solid #d7d7d7;
		content: "";
		display: block;
		left: 0;
		top: 50%;
		position: absolute;
		margin-top: -15px;
		margin-left: -15px;
	}
	.used-filter-alert h3, .used-filter-alert p {
		color: #666 !important;
	}
	.filter-label {
		margin-bottom: 0.8rem;
		cursor: pointer;
		margin-top: 0.1rem;
		opacity:0.6;
	}
	.filter-label:hover {
		opacity:1;
	}
	.filter-label > .fa {
		font-size:1.2rem;
		color:#F00;
	}

	/* Basket Styles */
	table.basket-preview p.bp-product-title {
		font-weight:bold;
		margin-bottom:0.5rem;
		font-size:0.8rem;
	}

	table.basket-preview p {
		font-size:0.7rem;
		margin-bottom:0.2rem;
	}

	table.basket-preview ul {
		margin-left:1.5rem;
	}

	table.basket-preview li {
		font-size:0.7rem;
	}

	table.basket-preview img {
		width:100%;
	}

	.bp-preview-buttons .button {
		float:right;
		margin-left:0.5rem;
	}
	.basket-column > div  {
		display: table;
		height: 100%;
	}
	.basket-column > div > div {
		display: table-cell;
		vertical-align: middle;
	}
	.basket-item-container .basket-product {
		background-color: #FFF;
		border:1px solid #f1f1f1;
		padding: 0.5rem;
		margin: 0 0 1rem 0;
	}
	.basket-item-container:nth-of-type(even) .basket-product {
		background-color: #FFF;
	}
	.basket-product p {
		font-size: 0.8rem;
		margin: 0;
	}
	.basket-product li {
		font-size: 0.8rem;
	}
	.basket-product h3 {
		margin: 0 0 0 0;
	}
	.basket-product h4 {
		color: #69be28;
		margin: 0 0 0.8rem 0;
	}
	.basket-alert p, .basket-warning p {
		font-size:0.7rem;
		font-weight:bold;
	}
	.basket-alert p {
		color:#e74c3c;
	}
	.basket-warning p {
		color: #e67e22;
	}
	.basket-product-quantity .quantity {
		width: 60px;
		height: 50px;
		text-align: center;
		float: left;
		margin: 0;
	}
	.basket-product-quantity .fa-refresh {
		color: #000;
		float: left;
		margin-top: 1rem;
		margin-left: 1rem;		
	}
	.basket-product-delete .fa-times, .basket-product-delete .fa-spinner  {
	}
	.basket-product-image img {
		max-height: 300px;
		overflow: hidden;
	}
	.product-subtotal p {
		text-align: right;
		margin: 0;
		padding: 0.5rem 1rem 0 1rem;
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		border-top: 1px solid #f1f1f1;
		font-size: 1.2rem;
		line-height: 1;
	}
	.product-subtotal p strong {
		color: #69be28;
		font-size: 1.6rem;		
	}
	.basket-item-container:nth-of-type(even) .basket-product .product-subtotal p {

	}
	.grand-total { 
		text-align:right;
		margin-top:2rem;
	}
	.grand-total h3 {
		font-size:1.2rem;
	}
	.grand-total h3 span {
		font-size:3rem;
		letter-spacing:-3px;
		padding:0 0 0 0.5rem;
		color: #69be28;
	}
	h3.no-items-text {
		text-align: center;
		font-size: 3rem;
		padding: 3rem 0;
	}
	
		@media only screen and (max-width: 40em) {
			.basket-product-quantity .quantity {
				width: 40px;
				height: 40px;
			}		
		}
	


	/* Other Shop Styles */
	p.category_title {
		font-family: 'Lato', sans-serif;
		text-transform:uppercase;
		font-size:1.2rem;
		background:#69be28;
		color:#FFF;
		padding:0.5rem;
		margin:0;
	}
	p.product-title {
		margin: 0.5rem 0 0 0;
	}
	p.product-price {
		font-size:1rem;
		margin:0;
		color:#DB3123;
		font-weight:bold;
	}
	.pagination-panel {
		background: #F9F9F9;
		color: #161616;
		border-color: #FFF;
		border: 1px solid #D6D6D6;
	}
	.basket-info > .panel {
		display: block;
		padding: 0.5625rem 0.875rem 0.5625rem;
		overflow: hidden;
		margin-left: 0;
		list-style: none;
		border-style: solid;
		border-width: 1px;
		background-color: #FFFFFF;
		border-color: rgb(213, 213, 213);
		border-radius: 0px;
		margin: 0;
	}
	.basket-info p {
		margin: 0;
		font-size: 0.6875rem;
		line-height: 0.6875rem;
		text-transform: uppercase;
		text-align:center; 
	}
	p.basket-amount {
		margin: 0;
	}
	.basket-info, .pagination-container {
		margin-bottom:0rem;
	}
	p.basket-amount span {
		font-weight:bold;
		color: #DB3123;
	}
	p.basket-amount .fa {
		color: #242424;
		font-size: 1rem; 
		margin-right: 0.3rem;
	}
	h3.shop-title {
	  font-size: 1rem;
	  font-weight: 300;
	  background-color: #DB3123;
	  color: #f1f1f1;
	  padding: 0.5rem 1rem;
	  margin: 0;
	}
	h2.product-price {
		font-weight: 400;
		font-size: 4rem;
		line-height: 4rem;
		color: #69be28;
		border-bottom: 0px solid;	
	}
	.basket-amount .button {
	  margin: 0;
	  padding: 0.4rem 0.7rem;
	  font-family: 'Open Sans', sans-serif;
	}
	h3.shop-side-title {
		font-size: 1.2rem;
		font-weight: 300;
		background-color: #f1f1f1;
		border: 1px solid #dddddd;	
		color: #878787;
		padding: 0.5rem 1rem;
		margin: 0;
	}
	.bp-preview-buttons .button {
		float:right;
		margin-left:0.5rem;
	}
	.button.close-reveal-modal {
	  color: white;
	  font-size: 0.8125rem;
	  top: 0;
	  right: 0;
	  position: relative;
	}
	.remove-item .fa {
		font-size:1.5rem;
	}

	a.remove-item {
		color:#1a1a1a;
	}

	a.remove-item:hover {
		color:#F00;
	}

	.row.checkout-buttons {
		border-top:1px solid #f1f1f1;
		border-bottom:1px solid #f1f1f1;
		margin:0;
	}

	/* Search Bar */
    .search-head-container {
        margin: 0;
        width: 100%;
        float: none;
    }
    .search-head-container input[type="text"] {
        margin: 0;
    }
    .search-trigger.postfix.button {
        margin: 0;
    } 
    .search-trigger.postfix.button .fa {
        font-size: 1rem;
        position: relative;
        top: 0.6rem;
    }
    #search-drop-down {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        height: 100%;
    }
    li.search-tab {
        border-top: 1px solid #f1f1f1;
        border-right: 1px solid #f1f1f1;
        border-left: 1px solid #f1f1f1;
        padding: 0.5rem 0 !important;
    }
    li.search-tab.selected {
        color: #d71410;
        background-color:#FFF;
        border-top: 1px solid #d71410;
    }
    li.search-tab span {
        font-size: 12px;
        position: relative;
        top: -7px;
        font-style: italic;
    }
    .search-results {
		padding:1rem 0;
        width: 100%;
        float: left;
		background: #FFF;
        border: 1px solid #f1f1f1;
	    box-shadow: 0 14px 24px rgba(0,0,0,0.25);
    }
    .search-result h3 {
        font-size: 0.9rem;
        text-transform: none;
        color: #1a1a1a;
        line-height: 1.2rem
    }
    .search-result p {
        font-size: 0.7rem;
    }
    .search-result p.price {
        font-size: 0.8rem;
        color: #d71410;
        font-weight: 600;
    }
    .search-result-container {
        margin-bottom:0.5rem;
        padding: 0 1rem;
    }
    .search-result-container h2 {
       margin:1rem 0;
       font-size: 1.2rem;
    }


    /* Search Page */
        .search-tab.selected {
            color:#0078b2;
        }

        .search-tab-list {
            list-style-type:none;
            margin:0;
            padding:0;
            overflow:hidden;
        }

        .search-tab {
            font-weight:bold;
            text-align:center;
            font-size:18px !important;
            padding-top:10px;
            padding-bottom:10px;
            cursor:pointer;
        }

        .search-tab i {
            margin-right:5px;
        }

        .search-result-container h1 {
            text-align:center;
        }

        .global-search-anchor {
            text-decoration:inherit;
            color:inherit;
        }

        .global-search-anchor:hover {
            color:#0078b2;
        }

	/* Shop Side Nav */
	.panel.shop-side {
		background-color: #ffffff;
		border: 1px solid #E3E3E3;
		padding: 0rem;
		margin-bottom: 1rem;
	}	
	.shop-side .side-nav {
		margin:0;
		padding:0;
	}
	.shop-side .side-nav li {
		margin: 0; 
		font-size: 0.875rem;
		font-weight: normal;
		border-bottom: 1px solid #dddddd;
		background-color: #FFF;
	}
	.shop-side .side-nav li a:not(.button) {
		display: block;
		margin: 0;
		padding: 0.5375rem 0.875rem;
		color: rgb(80, 80, 80);
	}
	.shop-side .side-nav li a:not(.button) .fa {
		margin-right:10px;
	}
	.shop-side .side-nav li a:not(.button):hover, .shop-side .side-nav li a:not(.button):focus {
		background: #FFF;
		color: #69be28;
	}
	.shop-side .side-nav li a:not(.button):hover .fa, .shop-side .side-nav li a:not(.button):focus .fa {
		color: #69be28;
	}
	.shop-side .side-nav li a:not(.button).active, .shop-side .side-nav li a:not(.button).active {
		background: rgb(255, 102, 0);
		color: #FFFFFF;
	}
	


/* Basket Styles */
table.basket-preview p.bp-product-title {
	font-weight:bold;
	margin-bottom:0.5rem;
	font-size:0.8rem;
}

table.basket-preview p {
	font-size:0.7rem;
	margin-bottom:0.2rem;
}

table.basket-preview ul {
	margin-left:1.5rem;
}

table.basket-preview li {
	font-size:0.7rem;
}

table.basket-preview img {
	width:100%;
}

.bp-preview-buttons .button {
	float:right;
	margin-left:0.5rem;
}
.basket-column > div  {
    display: table;
    height: 100%;
}
.basket-column > div > div {
    display: table-cell;
    vertical-align: middle;
}
.basket-item-container .basket-product {
    background-color: #FFF;
    border:1px solid #f1f1f1;
    padding: 0.5rem;
}
.basket-item-container:nth-of-type(even) .basket-product {
    background-color: #f1f1f1;
    border:1px solid #f1f1f1;
}
.basket-product p {
    font-size: 0.7rem;
    text-transform: none;
    color: #1a1a1a;
}
.basket-product h3 {
    margin: 0 0 0.5rem 0;
}
.basket-product h4 {
    color: #7a7a7a;
    margin: 0 0 0.8rem 0;
    text-transform: none;
    letter-spacing: 0;
}
.basket-alert p, .basket-warning p {
    font-size:0.7rem;
    font-weight:bold;
}
.basket-alert p {
    color:#e74c3c;
}
.basket-warning p {
    color: #e67e22;
}
.checkout-container.basket-container {
	text-align: left;
	color: #FFF;
	background: #FFF;
	line-height: 1;
	padding: 0;
	height: auto;
}
.checkout-container.basket-container .fa {
    font-size: inherit;
    line-height: inherit;
}
.checkout-container.basket-container .button .fa {
    font-size: 11px;
    line-height: 1;
    color: #FFF;
}
.basket-product-quantity .quantity {
    position: absolute;
    top: 50%;
    margin-top: 0;
    width: 60px;
    height: 50px;
    right: 25px;
    text-align: center;
}
.basket-product-quantity .fa-refresh {
    position: absolute;
    top: 50%;
    margin-top: 20px;
    right: 0;
    text-align: right;
}
.basket-product-delete .fa-times, .basket-product-delete .fa-spinner  {
    position: absolute;
    top: 50%;
    margin-top: 20px;
    text-align: right;
    right: 30px;
}
.product-subtotal p {
    text-align: right;
    margin: 0.5rem 0;
    padding: 0.5rem 0;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    text-transform: none;
    font-size: 0.7rem;
    line-height: 1rem;
}
.grand-total {
    text-align:right;
    margin-top:2rem;
}
.grand-total h3 {
    text-transform: none;
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-bottom: 0;
    font-family: 'Oswald', sans-serif;
}
.grand-total h3 span {
    font-size:3rem;
    font-family:'delta_promedium',Arial,sans-serif;
    letter-spacing:-3px;
    padding:0 0 0 0.5rem;
}
.grand-total p {
    text-transform: none;
    padding: 0;
    margin: 0.3rem 0 1rem 0;
    font-size: 0.8rem;
}

.basket-item-container:nth-of-type(even) .basket-product .product-subtotal p {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede; 
}
.button.close-reveal-modal {
  color: white;
  font-size: 0.8125rem;
  top: 0;
  right: 0;
  position: relative;
}

.remove-item .fa {
	font-size:1.5rem;
}

a.remove-item {
	color:#1a1a1a;
}

a.remove-item:hover {
	color:#F00;
}

.row.checkout-buttons {
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	margin:0;
}

table.basket-preview p.total-qty, table.basket-preview p.grand-total {
	font-size: 0.8rem;
	font-weight: 300;
	margin-bottom: 0rem;
	text-transform: uppercase;
	color: #5AAC26;
}
.product-container {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 0.5rem;
    text-align: center;
	margin-bottom:1rem;
}
h3.panel-title, .panel h3.panel-title {
	font-size: 1rem;
	font-weight: 300;
	background-color: #333;
	color: #FFFFFF;
	padding: 0.7rem 1rem;
	margin: 0;
	text-transform:uppercase;
}
#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    opacity: 0.8;
    filter: alpha(opacity=80);
	z-index:100;
}
#loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}
#InStockContainer p.error {
    color: #ed0512;
    font-weight: bold;
    margin: 0 0 0.5rem 0;
    font-size: 0.8rem;
}


    @media only screen and (max-width: 40em) {
        .basket-product h3 {
        font-size: 0.9rem;
        text-transform: none;
        }
        .basket-product-quantity .quantity {
            margin-top: -25px;
            width: 40px;
            height: 40px;
            right: 15px;
        }
        .basket-product-quantity .fa-refresh {
            right: -10px;
        }
        .basket-product-delete .fa-times, .basket-product-delete .fa-spinner {
            right: 20px;
        }
        .grand-total h3 {
            font-size: 1rem;
        }
        .grand-total h3 span {
            font-size: 2.4rem;
        }
        .grand-total p {
            font-size:0.8rem;
        }
    }


/* New Checkout Styles */

    /* Checkout Steps */
        .shop-checkout-steps {
            text-align:center;
            color:#777777;
        }
        .shop-checkout-steps h1 {
            color:#777777;
            font-family: 'Oswald', sans-serif;
            line-height: 40px;
            margin:0;
        }
        .shop-checkout-steps h1 .fa {
            font-size:0.8rem;
            position:relative;
            top:-6px;
        }
        .shop-checkout-steps h1 span {
            background-color: #1d1d1d;
            border-radius: 100%;
            height: 40px;
            width: 40px;
            margin:0 1rem;
            display: inline-block;
        }
        .shop-checkout-steps h1 span.active {
            background-color: #5aac26;
            border-radius: 100%;
            height: 40px;
            width: 40px;
            display: inline-block;
            color: white;
        }

        /* Final Confirmtion Page */
        .checkout-delivery-details, .checkout-billing-details {
            margin:2rem 0;
        }
        .checkout-delivery-details p, .checkout-billing-details p {
            margin-bottom: 0.2rem;
            font-size: 0.8rem;
        }

        @media only screen and (max-width: 40em) {
            .shop-checkout-steps h1 {
                font-size:1.4rem;
                line-height: 35px;
            }
            .shop-checkout-steps h1 span {
                margin:0 10px 0 0;
                height: 35px;
                width: 35px;
            }
            .shop-checkout-steps h1 span.active {
                height: 35px;
                width: 35px;
            }
            .shop-checkout-steps h1 .fa {
                font-size: 0.6rem;
                position: relative;
                top: -3px;
            }
        }
    /* Basket Table */
table.basket-total {
    background:white;
    margin-bottom:0;
    border:0;
}
table.basket-total tr.even, table.basket-total tr.alt, table.basket-total tr:nth-of-type(even) {
    background: #FFF;
}
table.basket-total tr.even, table.basket-total tr.alt, table.basket-total tr:nth-of-type(even) {
    background: #FFF;
}
table.basket-total tfoot {
    background: #FFF;
}
table.basket-total tfoot tr td {
    border-top: 0px solid #5AAC26!important;
}
table.basket-total.sub-total tfoot tr th, table.basket-total.sub-total tfoot tr td {
    padding: 0 0.1rem 0.625rem;
}
table.basket-total tfoot tr th, table.basket-total tfoot tr td {
    font-weight: bold;
    color: #000;
}
table.basket-total tfoot tr th, table.basket-total tfoot tr td span {
    color: #000;
}

table.basket-total tfoot tr td.value {
    text-align:right;
}
table.basket-total tr td {
    border-bottom: 0px solid #FFF!important;
    border-right:0;
}

table.basket-total tr td.basket-image {
    width:20%;
}
table.basket-total tr td.basket-title {
    width:60%;
}
table.basket-total tr td.basket-price {
    width:20%;
    text-align:right;
    font-weight:bold; 
}
table.basket-total tr td.basket-title p, table.basket-total tr td.basket-price p {
    margin-bottom:0.3rem;
}
table.basket-total tr td.basket-title p.small, table.basket-total tr td.basket-price p.small {
    font-size:0.7rem;
}
.basket-grand-total {
    padding: 1rem 0;
    margin:1rem 0 0 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.checkout-next-prev-container {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
/* End Checkout Basket Styles */




/* Hover Effect */

/* Common style */
div.figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;*/
	background: #000;
	text-align: center;
	cursor: pointer;
	z-index:49;
} 
 
div.figure img {
	position: relative;
	display: block;
	/*min-height: 100%;*/
	max-width: 100%;
	opacity: 0.8;
}

div.figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

div.figure figcaption::before,
div.figure figcaption::after {
	pointer-events: none;
}

div.figure figcaption,
div.figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
div.figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

div.figure h2 {
	/*word-spacing: -0.15em;*/
	color:#FFF;
}

div.figure h2 span {
	font-weight: 800;
}

div.figure h2,
div.figure p {
	margin: 0;
}

div.figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}



/* Individual effects */


/*---------------*/
/***** Lily *****/
/*---------------*/

.figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

.figure.effect-lily figcaption {
	text-align: left;
}

.figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em;
	width: 100%;
	/*height: 45%;*/
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.figure.effect-lily figcaption.sub > div {
    /*height: 55%;*/
}

.figure.effect-lily figcaption.sub > div h2 {
    font-size:1.6rem;
}


.figure.effect-lily h2,
.figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

.figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	margin-top: 0.5rem;
}

.figure.effect-lily:hover img,
.figure.effect-lily:hover p {
	opacity: 1;
}

.figure.effect-lily:hover img,
.figure.effect-lily:hover h2,
.figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}



/* Loader */
@-webkit-keyframes loader-anim {
    0% { left: -102px }
    100% { left: 102px }
}

@-moz-keyframes loader-anim {
    0% { left: -102px }
    100% { left: 102px }
}

@-ms-keyframes loader-anim {
    0% { left: -102px }
    100% { left: 102px }
}

@-o-keyframes loader-anim {
    0% { left: -102px }
    100% { left: 102px }
}

@keyframes loader-anim {
    0% { left: -102px }
    100% { left: 102px }
}

@-webkit-keyframes blink-text {
    0% {
        opacity: 1
    }
    20% {
        opacity: 0.5
    }
    40% {
        opacity: 0.2
    }
    60% {
        opacity: 0.7
    }
    80% {
        opacity: 0.1
    }
    90% {
        opacity: 0.4
    }
}

@-moz-keyframes blink-text {
    0% {
        opacity: 1
    }
    20% {
        opacity: 0.5
    }
    40% {
        opacity: 0.2
    }
    60% {
        opacity: 0.7
    }
    80% {
        opacity: 0.1
    }
    90% {
        opacity: 0.4
    }
}

@-ms-keyframes blink-text {
    0% {
        opacity: 1
    }
    20% {
        opacity: 0.5
    }
    40% {
        opacity: 0.2
    }
    60% {
        opacity: 0.7
    }
    80% {
        opacity: 0.1
    }
    90% {
        opacity: 0.4
    }
}

@-o-keyframes blink-text {
    0% {
        opacity: 1
    }
    20% {
        opacity: 0.5
    }
    40% {
        opacity: 0.2
    }
    60% {
        opacity: 0.7
    }
    80% {
        opacity: 0.1
    }
    90% {
        opacity: 0.4
    }
}

@keyframes blink-text {
    0% {
        opacity: 1
    }
    20% {
        opacity: 0.5
    }
    40% {
        opacity: 0.2
    }
    60% {
        opacity: 0.7
    }
    80% {
        opacity: 0.1
    }
    90% {
        opacity: 0.4
    }
}


/* =Loader
-------------------------------------------------------------- */
.loader {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #000;
    background: rgba(0, 0, 0, 0.9);
}

.loader h5 {
	-webkit-animation: blink-text 1s infinite;
       -moz-animation: blink-text 1s infinite;
       	-ms-animation: blink-text 1s infinite;
       	 -o-animation: blink-text 1s infinite;
    		animation: blink-text 1s infinite;
}

.loader-content {
	display: block;
	position: relative;
	top: 45%;
	-webkit-animation: fadeInDown 0.7s; 
	   -moz-animation: fadeInDown 0.7s; 
		-ms-animation: fadeInDown 0.7s;
		 -o-animation: fadeInDown 0.7s;
			animation: fadeInDown 0.7s;
}
.loader-content img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
	display:block;
	margin: 0 auto;
}
.progress-container {
	display: block;
    position: relative;
    width: 100px;
    height: 1px;
    overflow: hidden;
    margin: 0.5rem auto;
}
.progress-bar {
	display: block;
	position: absolute;
	bottom: 0;
	left: -102px;
	overflow: hidden;
	width: 100px;
	height: 1px;
	background-color: #5AAC26;
	-webkit-animation: loader-anim 1s 0s infinite;
       -moz-animation: loader-anim 1s 0s infinite;
       	-ms-animation: loader-anim 1s 0s infinite;
       	 -o-animation: loader-anim 1s 0s infinite; 
    		animation: loader-anim 1s 0s infinite;
}
/* End Pre Loader */



/* Grid Container */
section.image-grid-container {
	padding: 3rem 0;
}
.grid-container {
	box-shadow: 0 14px 24px rgba(0,0,0,0.25);
}
.grid-image-container {
	max-height: 250px;	
	width: 100%;
	position: relative;
	overflow: hidden;
}
.grid-image-container:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 0;
    z-index: 3;
}
.grid-image { 
	width: 100%;
	max-height: 250px;	
	display: inline-block; 
    cursor: pointer;	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    transition: transform 1s;
	background-position: center;
	background-size: cover;	
}
.grid-image img {
	width:100%;
}
.grid-container:hover .grid-image, .grid-container:focus .grid-image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



	/* Grid Panel Styles */
	.grid-container .panel {
		text-align: center;
		padding: 2rem 1.25rem; 
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		border-top: 0px solid #e4e4e4;
		margin-bottom: 1rem;		
	}
	.grid-container .panel h1, .grid-container .panel h2, .grid-container .panel h3 {
		font-family: 'Oswald', sans-serif;
		font-size: 1.4rem;
		text-transform:uppercase;
		letter-spacing: 1px;
		color: #1a1a1a;
	} 
	.grid-container .panel p {
		font-size: 0.9rem;
		line-height: 1.2rem;
	} 
	.grid-container .panel a {
		font-family: 'Oswald', sans-serif;
		text-transform:uppercase;
		margin-top: 1.5rem;
		display: block;	
	}
	.grid-container .panel a.price {
		font-size: 3rem;
	}
	.grid-container:hover .panel a .fa {
		animation: bounce-arrow 1s linear infinite;
	}
	.grid-container .panel a .fa {
		font-size: 0.8rem;
		position: relative;
		top: -1px;
		margin-left: 5px;
	} 
	.grid-container .panel a.price .fa {
		font-size: 1.2rem;
		position: relative;
		top: -6px;
		margin-left: 5px;
	}

/* iFrame Styles */