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

/* Custom Font Import */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Oswald:400,500,600,700');

/* Change the width of the site container */
.row {
	max-width: 85rem;
}
.top {
	margin-top: 1rem !important;
}
.bottom {
	margin-bottom: 1rem !important;
}
.top-2x {
	margin-top: 2rem !important;
}
.bottom-2x {
	margin-bottom: 2rem !important;
}
.full-width {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.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);
}
.center-align {
	text-align:center;
}
@media only screen and (max-width: 40em) {
	.columns.site-container, .columns.site-content, .columns.header, .columns.nav, .columns.footer {
		padding: 0;
	}
}



/* page backgrounds */
body {
    background: url(../Assets/_core/backgrounds/site-bg.jpg) no-repeat center top fixed;
    background-color: #FFF;
    background-size: cover;
    color: #000; 
	font-family: 'Lato', sans-serif;
}
.site-bg {
    background: #FFFFFF;
    background-color: #FFFFFF;
} 
.site-bg.home { 
    padding: 1.5rem;
} 	
.panel { 
    border: 0px solid #ffffff;
	background:#FFF;
	color: #1a1a1a;
	margin-bottom:0;
}
.panel.side {
	background-color: #f7f7f7;
	margin-bottom: 1rem;
	border: 1px solid #efefef;
}
.panel.grey {
	background:#f6f6f6;
}
.panel.green {
	background:#A2C046;
}
.panel.news-item {
	border:1px solid #f1f1f1;
	border-radius:5px;
	margin-bottom:1.5rem; 
}
.panel.brand-logos {
	padding:2rem 0;
	background:#f6f6f6;
}
.panel.dark {
	background:#151515;
}
.panel.shop-side {
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  padding: 0rem;
    margin-bottom: 1rem;
}
.black-bg {
	background-color: #000;
	float: left;
	width: 100%;
	height: auto !Important;
}

.dark-grey-bg {
	background-color: #262626;
	float: left;
	width: 100%;
	height: auto !Important;
}

.grey-bg {
	background:#CCC url(../Assets/_core/backgrounds/grey-bg-repeat.jpg);
	background-repeat:repeat;
	border:0px solid #CCC;
}

.latest-news-links .panel {
	background-color: #262626;
	border:0px solid #CCC;
}

.darkgrey-column .panel {
	background-color: #262626;
	border:0px solid #CCC;
}

hr {
  border: solid #f1f1f1;
  border-width: 1px 0 0;
  margin: 1.2rem 0;
}
hr.home-divider {
    border: solid #f1f1f1;
    border-width: 10px 0 0;
    margin: 2rem 0;
}
	@media only screen and (max-width: 40em) {
		.panel.brand-logos {
			padding:1rem 0;
		}
		.columns.site-container {
			padding:0;
		}
		.panel.first {
			padding:0;
		}
		.panel.grey {
			padding:1rem;	
		}
	}

/* Section Classes */
section.slideshow {
	padding:0;	
}
section.intro {
	padding:0 0 3rem 0;	
}
section.white {
    background: #FFF;
    padding: 0;
}
section.page-content {
    padding: 1.5rem 0;
} 
section.no-padding {
	padding:0;
}
section.full-width {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
section.no-padding {
  padding: 0;
}

	@media only screen and (max-width: 40em) {
		section.page-content {
			padding: 1.5rem;
		}
	}

/* typography changes */
h1, h2, .panel h1, .panel h2 {
    font-family: 'Oswald', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-transform: uppercase;
}
h1, .panel h1 {
    font-size: 2.2rem;
    font-weight: 700;
    color: #003366; 
    margin-bottom: 1rem;
    text-transform: uppercase;
}
h2, .panel h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #003366;
    margin-bottom: 1rem;
}
h3, .panel h3 {
	font-size:1.4rem;
	font-weight:400;
    font-family: 'Lato', sans-serif;
	color: #003366;
	margin-bottom: 1rem;
}
h4, .panel h4 {
	font-size:1rem;
	font-weight:400;
    font-family: 'Lato', sans-serif;
}
h5, .panel h5 { 
	font-size:0.8rem;
	font-weight:400;
	line-height:1.4rem; 
    font-family: 'Lato', sans-serif;
}
p, .panel p {
    margin-bottom: 1rem;
    font-size: 0.9rem;
    font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #393939; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h2.title, .panel h2.title {
    font-size: 2.2rem;
    font-weight: 900;
    color: #2B3E5;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

a {
	color: #6F809F;
	font-weight: bold;
}
a:hover, a:focus {
	color: #4C4C4C;
}
h3.panel-title, .panel h3.panel-title {
    font-size: 1rem;
    background-color: #003366;
    color: #FFFFFF;
    padding: 0.7rem 1rem;
    margin: 0;
}
.panel.green h1, .panel.green h2, .panel.green h3, .panel.green h4, .panel.green p {
	color:#FFF;
}
p.small, span.small, span.small {
	font-size:0.8rem; 
	color:#666;
}
.panel li {
	font-size:0.9rem;
}
		@media only screen and (max-width: 40em) {
			h2.title, .panel h2.title {
				font-size: 1.6rem;
			}
		}


/* Free Quote Panel */
.panel.newsletter-signup {
	text-align: center;
	background-color: #6F809F;
}
.panel.newsletter-signup h2, .panel.newsletter-signup h3 {
	text-transform: uppercase;
	font-size: 2rem;
	line-height: 2.2rem;
	font-weight: 800;
}
.panel.newsletter-signup .button {
	background-color: transparent;
	border: 1px solid #FFF;
	margin: 0;
}
.panel.newsletter-signup .button:hover, .panel.green .button:hover {
	background-color: #820604;
}
.panel.newsletter-signup .button.fa {
    margin-right: 10px;
    margin-left: 5px
}


/* Home Page Latest Work */
section.latest-work {
	background-image: url(../Assets/_core/backgrounds/latest-work-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.feature-text h1, .feature-text h2, .feature-text h3, .feature-text h4, .feature-text p {
	color:#FFF;
	text-align: center;
}
.feature-text h2 {
	font-size: 3rem;
}
.feature-text.latest-work h1, section.latest-work h2, section.latest-work h3, section.latest-work h4, section.latest-work p {
	color:#FFF;
}
section.latest-work h3 {
	margin:0;
}
section.latest-work hr {
	border: solid #FFF;
	border: solid rgba(241, 241, 241, 0.2);
    border-width: 6px 0 0;
    margin: 1rem 0 2rem 0;
}
	@media only screen and (max-width: 40em) {
		section.latest-work {
			padding:3rem 1.5rem;
		}
	}


/* Fullwidth Welcome Text */
.panel.welcome-text {
	background-image: url(../Assets/_core/backgrounds/welcome-text-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
    padding: 4rem;
	color:#FFF;
	text-align: center; 
}
.panel.welcome-text h1, .panel.welcome-text h2 {
	text-transform: uppercase;
	font-weight: 800;
}
.panel.welcome-text h1, .panel.welcome-text h2, .panel.welcome-text h3, .panel.welcome-text p {
	color:#FFF;
	margin: 0 0 1rem 0;
}
.panel.welcome-text .button {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.35);
	border: 1px solid #FFF;
	text-transform: uppercase;
	border-radius: 3px;
}
	@media only screen and (max-width: 40em) { 
		.panel.welcome-text {
			padding: 2rem;
		}
	}

/* Block Grids */
[class*="block-grid-"] > li {
    padding: 0 1.8rem 0;
}
section.brand-logos {
    background: #f1f1f1;
    padding: 2rem 0;
} 
.brand-logos[class*="block-grid-"] {
	margin:0;
}
.brand-logos[class*="block-grid-"] > li {
    padding: 0 0 1.1rem;
}
.header-details [class*="block-grid-"] {
    padding: 0;
    margin: 0;
}
.brand-logos [class*="block-grid-"] > li {
    padding: 0;
    margin: 0;
}
	@media only screen and (max-width: 40em) {
		.brand-logos [class*="block-grid-"] > li {
			padding: 0 0rem 1rem 0;
		}
	}


/* header changes */
header {
    background: #FFF;
    padding: 0.5rem;
}
header img.logo {
    float: left; 
    margin: 0;
    width: 220px;
    top: 15px;
    position: relative;
	-moz-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
}
.header-details {
    float: left;
    text-align: left;
    border-left: 1px solid #95989A;
    padding: 0 0 0 1.5rem;
    margin: 0 0 0 1.5rem;
    top: 8px;
    position: relative;
	-moz-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
}
.header-details h3 {
    color: #003366;
    font-family: 'Lato', sans-serif;
    font-size: 0.8rem;
    text-transform: none;
    line-height: 1;
    font-weight: 400;
    margin: 0 0 7px 0;
    padding: 0;
}
.header-details p {
	color:#666666;
	font-family: 'Lato', sans-serif;	
    font-size: 1.2rem;
	font-weight:400;
    margin: 0;
	padding:0;
}
.header-details .fa {
	color:#003366;
    font-size: 0.9rem; 
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.header-details .fa.fa-envelope {
    font-size: 1rem;
	margin-right: 7px;
}
.brand-logos img {
    float: right;
    margin: 0 0 0 0.5rem;
    width: 115px;
	-moz-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
    transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
}
.yamaha-logo, .peugeot-logo {
	position: relative;
}
.brand-logos {
padding: 0 0 0 0;}
.brand-logos img.royal-enfield-logo {
}
header {
   background: #FFF;
   padding: 0.5rem 0 1rem 0;
}
header .social-icons {
    float: left;
    width: auto;
    margin-top: 1.5rem;
    margin-left: 3rem;
}
.social-icons a {
	color:transparent;
}
.social-icons a:hover {
	color:transparent;
}
.social-icons .fa-stack.fa-lg{
	font-size: 22px;
}
.social-icons .fa-stack.facebook .fa-circle{
	color:#3B5999;
}
.social-icons .fa-stack.twitter .fa-circle{
	color:#2AA8E0;
}
.social-icons .fa-stack.whatsapp .fa-circle{
	color:#25D366;
}
.social-icons .fa-stack.instagram .fa-circle{
    color: #d6249f;
    color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);	
}
.social-icons .fa-stack.youtube .fa-circle{
	color:#CD332D;
}
.social-icons .fa-stack .fa-facebook, .social-icons .fa-stack .fa-twitter, .social-icons .fa-stack .fa-youtube-play, .social-icons .fa-stack .fa-whatsapp, .social-icons .fa-stack .fa-instagram{
	color:#FFF;
}



	@media only screen and (max-width: 1160px) {
		header img.logo {
			width: 200px;
		}
		.header-details {
			top: 0px;
		}
		.brand-logos img {
			width: 120px;
		}
	}
	
	@media only screen and (max-width: 920px) {
		header img.logo {
			width: 180px;
		}
		.header-details {
			padding: 0 0 0 1rem;
			margin: 0 0 0 1rem;
		}
		.header-details h3 {
			font-size: 0.7rem;
		}
		.header-details .fa {
			color: #6F809F;
			font-size: 0.8rem;
		}	
		.brand-logos img {
			width: 100px;
		} 
	}

	@media only screen and (max-width: 40em) {
		header {
			padding: 1rem;	
		}
		.header-details {
			color:#666666;
			text-align:right;
			margin-top:13px;
		}
		.header-details p {
			margin: 0;
			line-height: 1;
			font-size: 1rem;	
		}
		.header-details h3 {
			margin: 0 0 1rem 0;
			font-size: 1.2rem;
			word-spacing: -3px;
		}
		header img.logo {
			width: 170px;
			top:0;
			margin: 0 auto;
			display: block;
		}
		header .social-icons {
			width: auto;
			float: right;
			margin: 0.3rem 0 0 0;
		}
		.social-icons .fa-stack.fa-lg{
			font-size: 18px;
		}
		
	}


    /* Search Bar */
    .search-head-container {
		margin: 1rem 2rem 0 2rem !Important;
    }
    .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;
    }
    li.search-tab.selected {
        color: #6F809F;
        background-color:#FFF;
    }
    .search-results {
		padding:1rem 0;
        width: 100%;
        float: left;
        border: 1px solid #f1f1f1;
    }
    .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: #6F809F;
        font-weight: 600;
    }
    .search-result-container {
        margin-bottom:0.5rem;
    }
    .search-result-container h2 {
       margin:1rem 0;
       font-size: 1.2rem;
    }

    /* float: right; *//* Home Items */
.LatestPromo h2.page-title {
	margin:0;
}
.home-feature-item .button.expand {
	margin:0;
	font-size:1rem;
	text-transform:none;
	font-weight:400;
	padding-top:0.8rem;
	padding-bottom:0.8rem;
}
.home-feature-item .button.expand .fa{
	font-size:0.6rem;
}
.home-feature-item .button.expand.green {
	background:#86ba37;
}
.home-feature-item .button.expand.green:hover {
	background:#333;
}


/* Latest Products */
.LatestProductImage img {
	width:100%;
}
.LatestProductTitle h3 {
    color: #303439;
	text-transform:none;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 700;
    margin: 0;
}
div.LatestProductTitle, div.LatestProductPrice, div.LatestProductButton {
	padding:0.2rem 1rem;
	text-align:center;
}
div.LatestProductImage {
	margin-bottom:0.5rem;
}

.LatestProductPrice h3.ProductPrice {
    color: #00b8f3;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    margin-top: 0.5rem;
    line-height: 1;
}
div.LatestProductButton .button.round {
    padding-left: 1.7rem;
    padding-right: 1.7rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    text-transform: none;
    font-size: 0.8rem;
    margin: 0;
}


/* Orbit Slider */
.orbit-container .orbit-slides-container > * .orbit-caption {
    background-color: rgba(0, 0, 0, 0.6);
}
.orbit-bullets {
    margin: 0 20px 5px auto;
    overflow: hidden;
    position: relative;
    top: -27px;
    float: none;
    text-align: right;
    display: block;
}

.orbit-bullets li {
    width: 0.8rem;
    height: 0.8rem;
    background: #FFF;
}
.orbit-bullets li.active {
    background: #6F809F;
}

			@media only screen and (max-width: 40em) { 
				.orbit-bullets-container {
					height: 0;
				}
			}



/* Navigation changes */
section.nav {
    background: #003366;
    margin-bottom: 1rem;
}
.contain-to-grid {
	width: 100%;
    background: #003366;
    padding:0;
}
.contain-to-grid.fixed {
    background: #003366;
}
.top-bar {
    background: #003366;
	height: 40px;
	line-height: 40px;
} 
.top-bar-section {
	text-align:center;
}
.contain-to-grid .top-bar {
    max-width: 1290px;
}

	/* Nav Button Changes and hover states */
		.top-bar-section ul {
			display:inline-block;	
		}
		.top-bar-section ul li {
			background: transparent;
			margin-right:0;
		    padding: 0;
		}		
		.top-bar-section ul li > a {
			display: block;
			width: 100%;
			padding: 8px 0 8px 0;
			padding-left: 15px;
			color: #FFF;
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 0.8rem;
		}
		.top-bar-section ul li > a .fa {
			font-size:0.5rem;
			margin-left:0.5rem;
			position:relative;
			top: -2px;	
		}
		.top-bar-section li:not(.has-form) a:not(.button).highlight.blue {
			background: #6F809F;
			color:#FFF;
  		} 
		.top-bar-section li:not(.has-form) a:not(.button).highlight.green {
			background: #86ba37;
			color:#FFF;
  		}
		.top-bar-section li:not(.has-form) a:not(.button) {
			padding: 0 15px;
			background: #003366;
			line-height: 40px;
			text-align:left;
  		}
		.top-bar-section li.active:not(.has-form) a:not(.button) {
			padding: 0 10px;
			line-height: 40px;
			color: #FFF;
			background: #FFF;
		}		
		.top-bar-section li:not(.has-form) a:not(.button):hover {
			color: #FFF;
			background: #6F809F;
		}
		.top-bar-section li:not(.has-form) a:not(.button).highlight.blue:hover {
			color: #FFF;
			background: #6F809F;
		}
		.top-bar-section li:not(.has-form) a:not(.button).active {
		    font-weight: 400;	
			color: #FFF;
			background: #6F809F;
		}
		.top-bar-section li:not(.has-form) a:not(.button).active.highlight.blue {
			color: #FFF;
			background: #6F809F;
  		} 
		.top-bar-section li:not(.has-form) a:not(.button).highlight.blue.open{
			color: #FFF;
			background: #6F809F;
		}
			@media only screen and (max-width: 40em) { 			
			section.nav {
				margin-bottom: 0;
			}			
			.top-bar-section ul li {
			  margin-right: 0px;
			}		
			.top-bar-section li:not(.has-form) a:not(.button):hover {
				border-bottom: 0px solid #6F809F;
			}
			.top-bar {
				height: 40px;
				line-height: 40px;
			}
			.top-bar .name {
				height: 40px;
				color:#FFF; 
			}
			.top-bar-section li:not(.has-form) a:not(.button) {
				color: #FFF;
				background: #6f809f;
				font-weight: 400;
				font-size: 0.8rem;
				font-family: 'Lato', sans-serif;
				text-transform: none;
				padding: 0rem 1rem;
				border-bottom: 1px solid #8397bb;
				border-top: 0px solid #6F809F;
			}
			.top-bar-section li:not(.has-form) a:not(.button).active {
				border-top: 0px solid #6F809F;
			}
			.top-bar-section li:not(.has-form) a:not(.button).active {
				background: #6f809f;
			}
			.top-bar-section li:not(.has-form) a:not(.button):hover {
				border-top: 0px solid #6F809F;
				border-bottom: 1px solid #D7D7D7;
			}
			}
		
	/* :after icon changes */
		.top-bar-section .has-dropdown > a:after {
			border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
			top: 24px;
			border-style:none;
		}		
		.top-bar-section .has-dropdown:hover > a:after {
			border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
		}
		.top-bar-section .has-dropdown > a {
			padding-right: 15px !important;
		}
		@media only screen and (max-width: 40em) { 
			.top-bar-section .has-dropdown > a:after {
			    top: 30px;
			}
			.top-bar-section .has-dropdown > a:after {
				border-color: transparent transparent transparent rgba(0, 0, 0, 0.4);
				top: 24px;
			}		
			.top-bar-section .has-dropdown:hover > a:after {
				border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
			}
		}
	/* Drop down hover states */
		.top-bar-section .dropdown {
			padding: 0;
		} 
		.top-bar-section ul li:hover:not(.has-form) > a {
			color: #6F809F;
			background: #f2f2f2;
			border-bottom:0px solid #FFF;
		}
		.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
			color: #393939;
			background: #FFFFFF;
			font-weight: 600;
			font-size: 0.8rem;
			font-family: 'Lato', sans-serif;
			line-height: 40px;
			text-transform: none;
			padding: 0rem 1rem;
			border-bottom: 0px solid #000;
			margin-right: 15px;
		}
		.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
			color: #003366;
			background: #f2f2f2;
			border-top: 0px solid #000;
		}
		@media only screen and (max-width: 40em) { 
			.top-bar .toggle-topbar.menu-icon a {
				color: #FFF;
			}
		}

	/* Mobile Nav Text & Icon */
		.top-bar .search-trigger.button {
			position: relative;
			top: 0;
			margin: 0;
			padding:0.5rem 1rem;
			height: 100%;
			background: #6F809F;
		}
		.top-bar .search-trigger.button .fa {
			position: relative;
			top: 4px;
			font-size: 1rem;
		}
		.top-bar .name {
		  height: 40px;
		  margin: 0;
		  font-size: 16px;
		  color: #FFF;
		  margin-left: 15px;
		  padding-top: 7px; 
		}
		.top-bar .name a {
		  color: #FFF; 
		}
		.top-bar .name .fa {
			font-size: 20px;
			color: #FFF;
			position: relative;
			top: 2px;
			margin-right: 5px;
		}
		.top-bar .toggle-topbar.menu-icon a {
			color: #FFF;
		}
		.top-bar.expanded .toggle-topbar.menu-icon a {
			color: #FFF;
		}
		.top-bar .toggle-topbar.menu-icon a span::after {
			box-shadow: 0 0px 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
		}
		.top-bar.expanded .toggle-topbar.menu-icon a span::after {
			box-shadow: 0 0px 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
		}
		.top-bar.expanded .title-area {
			background: #003366;
		}
		.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
			color: #eaeaea;
			background: #6f809f;
		}
		.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
			background: #DADADA;
		}
		.top-bar.expanded .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
			background: #6f809f;
		    color: #FFF;
		}		
		.top-bar-section .dropdown li.parent-link {
		  display: none !Important;
		}


		/* Mega Menu */
			.mega-menu {}
			.f-dropdown.large {
				max-width: 100%;
			}
			.nav-banner img { 
				margin-bottom:30px !Important;	
			}
			/* Change tab hover state to same colour as content background */
			.mega-menu .top-bar .top-bar-section li:hover > a {
				color: #FFF;
				background: #6F809F;	
			}
			.mega-menu .top-bar .top-bar-section li > a.open {
				margin:0;	
			}
			
			/* Remove Foundation dropdown arrow */
			.mega-menu .f-dropdown:before,
			.mega-menu .f-dropdown:after {
				border-style: none;
			}
			.f-dropdown.content {
				border: solid 5px #cccccc;
			}
			
			/* Remove content top border, align to left and add gradient to bottom of content */
			.mega-menu .open {
				padding:1.5rem 1rem 1rem 1rem;
				border-top: none;
				border-right: none;
				border-left: none;
				background: rgb(255,255,255); /* Old browsers */
				background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 60%, rgba(241,241,241,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 60%,rgba(241,241,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 60%,rgba(241,241,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
				left: 0 !important; /* !important overwrites inline style applied via Foundation JS */ 
			}

			.mega-menu .content ul li {
				float: none;
			}
			
			/* Remove hover state and background colour from content headings */
			.mega-menu .content[class*="content"] label,
			.mega-menu .content[class*="content"] label:hover {
				height: 3em;
				line-height: 3em;
				font-weight: bold;
				color: #222;
				background: #FFF;
				border-bottom: 1px solid #CCC;
			}
			
			/* Change content link colour background to same as content background */
			.mega-menu .top-bar .content[class*="content"] a {
				padding: 0 0.5rem;
				color: #1a1a1a;
				background: none;
				font-size: 0.8rem;
				line-height: 1.2rem;
				display:inline;
			}
			
			/* Add hover state to content links */
			.mega-menu .top-bar .content[class*="content"] a:hover {
				background: none;
				text-decoration: underline;
				background: transparent;
				border-top: 0px solid #6F809F;
			}
			.mega-nav-item {
				margin-bottom: 0.5rem !important;
				border-right: 1px solid #E9E9E9;
				padding-bottom: 0.5rem;
			}
			.mega-nav-item img {
				max-width:100%;	
			}
			

/* Sidebar Nav */

.sidebar-nav {
	background: #000;
	color:#FFF;
}
.sidebar-nav .name {
	color:#FFF;
}
.sidebar-nav li:not(.has-form) a:not(.button) {
	line-height: 20px;
}



/* Grid */

.icon-container [class*="block-grid-"] > li {
  padding: 0rem 0rem 0rem 0rem;
}



/* Slideshow Changes */
.slide-content {

}
.slide-content .text {
    position: absolute;
    width: 900px;
    z-index: 10;
    bottom: 0;
    left: 50%;
    margin-left: -450px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 1.5rem 1.5rem;
}
.slide-content .title-container {
    width: 70%;
    float: left;
}
.slide-content .cta-container {
    width: 30%;
    float: right;
}
.slide-container {
    margin-bottom: 45px;
}
.slide-container img {
	width:100%;
	height:auto;
}
.bg-image {
	top: 0;
	left: 0;
	width: 100%;
}
.bg-image a {
    display:block;
}
.slide-content h2 {
    font-size: 2.8rem;
    line-height: 2.8rem;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    color: #FFF;
    margin: 0 0 1rem 0; 
    border-bottom: 0;
}
.slide-content p {
    color: #FFF;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    margin: 0;
}
.slide-content .button {
    position: relative;
    margin: 0;
    top: 1rem;
    float: right;
    font-size: 1rem;
    padding: 0.7rem 1.5rem;
}


	@media only screen and (min-width: 800px) and (max-width: 1024px) { 
		.slide-content .text {
			width: 600px;
			margin-left: -300px;	
		}
		.slide-content h2 {
			font-size: 2.2rem;
			line-height: 2.2rem;
		}
		.slide-content p {
			color: #FFF;
			font-size: 2.8rem;
		}
		.slide-content .button {
			top: 4rem;
		}		
	}

	@media only screen and (max-width: 768px) {
		.slide-content .text {
			width: 650px;
			margin-left: -325px;
		}		
		.slide-content h2 {
			font-size: 1.8rem;
			line-height: 2rem;
		}		
		.slide-content p {
			font-size: 2.4rem;
		}
		.slide-content .button {
			position: relative;
			margin: 0;
			top: 4rem;
			float: right;
			font-size: 1rem;
			padding: 0.7rem 1.5rem;
		}		
		.slick-prev, .slick-next {
			display: none !important;
		}		
	}
	@media only screen and (max-width: 40em) {
		.slide-content .text {
			width: 100%;
			margin-left: 0;	
			left: 0;
			padding: 1rem;
			background-color: rgba(0, 0, 0, 0.4);
		}
		.slide-content .title-container {
			width: 100%;
			float: left;
		}
		.slide-content .cta-container {
			width: 100%;
			float: left;
		}	
		.slide-content h2 {
			font-size: 1.2rem;
			line-height: 1.2rem;
			margin-bottom: 0.2rem;
		}
		.slide-content p {
			font-size: 0.7rem; 
		}
		.slide-content .button {
			top: 0;
			float: left;
			font-size:0.7rem;
			padding: 0.5rem 1.5rem;
			display: none;
		}	
		.slide-container {
			margin-bottom: 40px;
		}
	}

	/* Slick Changes for Slideshow */
		.slick-slide img {
			margin: 0 auto;
		}
		.slick-slider {
			margin-bottom: 0px;
		}
		.slick-dots {
			text-align: center;
			width: 100%;
			bottom: -10px;
			margin: 0;
		}
		.slick-dots li { 
			margin: 0 1px;
			padding: 0;
		}		
		.slick-dots li button:before {
			font-size: 18px;
			color:#CCC;
			opacity: 0.75;
		}
		.slick-dots li.slick-active button::before {
			color: #003366;
			opacity: 1;
		}
		.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: 120px;  /* 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:#FFF; 
		    color: rgba(255, 255, 255, 0.65);			
			opacity: 1;
		}
		.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: 0.8;
		}
		
			@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: 40em) {
				.slick-prev, .slick-next {
				  top: 35%;
				  display:none !Important;
				}
				.slick-dots {
					bottom: -10px; 
				}
				.slick-dots li button:before {
					font-size: 14px;
				}				
			}



/* Slick Changes for carousel */
.category-carousel .slick-slide {
    margin: 0 0.9rem;
}
.category-carousel .slick-slide a > p {
	background:#484848;
	color:#FFF;
	text-transform:uppercase;
	font-weight: 300;
    padding: 0.3rem 0.5rem;
}
.category-carousel .slick-dots {
    bottom: -5px;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
}	
	
	
/* Latest News Home */
.LatestNews {
	background-color: #FFF;
	color: #1a1a1a;
}
.LatestNews .panel {
}
.LatestNews img {
	width:100%;
}
.LatestNews h3 {
    color: #1A1A1A;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
    margin: 0;
}
.LatestNews h3 a {
    color: #1A1A1A;
}
.LatestNews p {
	font-size:0.7rem;
	color:#353537;
    line-height: 1.2rem;
}
div.StoryHeader, div.NewsInfo {
	padding:0.2rem 0rem;
}
div.NewsImage {
	margin-bottom:0.5rem;
}

	@media only screen and (max-width: 40em) {
		div.StoryHeader, div.NewsInfo {
			padding:0 0 0 0.5rem;
		}
	}


/* Latest News Side */
.LatestNewsSide {
	background-color: transparent;
	color: #1a1a1a;
}
.LatestNewsSide .panel {
}
.LatestNewsSide img {
	width:100%;
}
.LatestNewsSide h3 {
    color: #1A1A1A;
    font-size: 0.9rem;
    line-height: 1rem;
    font-weight: 400;
    margin: 0 0 5px 0;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
.LatestNewsSide h3 a {
    color: #1A1A1A;
}
.LatestNewsSide p {
	font-size:0.7rem;
	color:#353537;
    line-height: 1rem;
}
.LatestNewsSide div.StoryHeader, div.NewsInfo {
	padding:0 0 0 0.5rem;
}
.LatestNewsSide div.NewsImage {
	margin-bottom:0.5rem;
}

	@media only screen and (max-width: 40em) {
		.LatestNewsSide div.StoryHeader, div.NewsInfo {
			padding:0 0 0 0.5rem;
		}
	}



/* Latest Used */
.latest-used {
	position:relative;
	z-index:100;
}
.LatestUsedBike .panel {
	background-color: #1A1A1A;
	color: #FFF;
	margin: 0 0.5rem 0 0;
	padding:0;
	text-align:center;
}

.LatestUsedTitle h3.UsedTitle {
	color: #FFF;
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
div.LatestUsedTitle, div.LatestUsedPrice {
	padding: 0.5rem;
}
div.LatestUsedTitle { 
	background-color:#1A1A1A;
}
div.LatestUsedPrice {
    background-color: #393939;
}
div.LatestUsedButton { 
	padding:0;
}
div.LatestUsedButton .button.small {
    width: 100%;
    margin: 0;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}
div.LatestUsedImage {
	margin-bottom:0;
}

.LatestUsedPrice h3.UsedPrice {
	color:#FFF;
	font-size: 0.8rem;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	margin: 0;
	line-height:1.4rem; 
}

.LatestUsedPrice h3.UsedPrice span {
	color:#FFF;
	font-size:1.2rem;
	font-weight:600;
}


	@media only screen and (max-width: 667px) { 
		.LatestUsedTitle h3.UsedTitle {
			font-size: 0.8rem;
			line-height: 1rem;
		}
	}

/* Repositioned Slider Arrows */
.carousel-slider-nav {
    float: right;
    height: 0;
    bottom: 0;
    position: relative;
    top: -50px;
}
.carousel-slider-nav a {
    color: #FFF;
    background-color: #393939;
    margin: 0 0 0 0;
    padding: 12px 7px;
	cursor: pointer;
}
.carousel-slider-nav a:hover {
    color: #f1f1f1;
}
.carousel-prev:before {
    font-family: "FontAwesome";
    content: "\f104";
    font-size: 20px;
}
.carousel-next:before {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 20px;
}
.carousel-slider .slick-dots {
	text-align: center;
}
.carousel-slider-coin-nav .slick-dots {
	text-align: center;
	margin: 0;
	padding: 0;
	bottom: -27px;
	z-index: 10;
	position: relative;
}
.carousel-slider-coin-nav .slick-dots li {
    margin: 0;
}    
.carousel-slider-coin-nav .slick-dots li button:before {
    font-size: 12px;
    color: #1a1a1a;
}
.carousel-slider-coin-nav .slick-dots li button {
    margin: 0;
}    



/* button changes */
button, .button {
	margin: 1.25rem 0 1.25rem 0;
	border-color: #FFFFFF;
	color: white;
	font-family: 'Oswald', sans-serif;
	font-size:1.2rem;
	text-transform: uppercase;
    background-color: #6F809F;
	color: white;
} 
button:hover, button:focus, .button:hover, .button:focus {
	background-color: #333;
	color: #FFF;
}
button.hollow, .button.hollow {
    background-color: transparent;
    border: 1px solid #6F809F;
    color: #6F809F;
}
button.hollow:hover, .button.hollow:hover {
    background-color: #1d2d48;
    border: 1px solid #6f809f;
    color: #FFF;
}
button.success, .button.success {
  background-color: #43ac6a;
  border-color: #368a55;
  background: #43ac6a;
  color: white;
}
button, .button .fa {
	margin-right:5px;
	margin-left: 5px;
}

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;
} 

#lblItems_Pager {
	font-size:0.8rem;
	margin-left: 0.4rem;
	margin-right: 0.4rem;
}
.button.dark {
	background-color:#373737;
	background:#373737;
}
.button.dark:hover {
	background-color:#333333;
}
.button.small-margin {
	margin:0.5rem 0;
}
.h2-button {
    margin: 0rem;
    padding: 0.5rem 1.5rem !important;
    font-size: 0.7rem !important;
    position: relative;
    top: 10px;
} 

	@media only screen and (max-width: 40em) {
		button, .button {
			font-size:0.8rem;
		} 
	}


/* New model enquire buttons */
.enquire-buttons .button.expand {
	font-size:1.2rem;
	margin:0;
}
.enquire-buttons .button.new-model-enquire {
	margin-bottom:0.2rem;
}
.enquire-buttons .button.new-model-testride, .enquire-buttons .button.new-model-finance {
	background-color: #11578E;
	font-size:1rem;
}
.enquire-buttons .button.new-model-testride:hover, .enquire-buttons .button.new-model-finance:hover {
	background-color:#333;
}
.enquire-buttons .button.new-model-testride {
	border-right: 3px solid #2E2E2E;
}


	@media only screen and (max-width: 40em) {
		.enquire-buttons .button.new-model-testride {
			border-right: 0px solid #11578E;
		}
	}

/* Used model enquire buttons */
.enquire-buttons .button.used-model-enquire {
	margin-bottom:0.2rem;
}
.enquire-buttons .button.used-model-testride, .enquire-buttons .button.used-model-finance {
    background-color: #8296b9;
    font-size: 0.8rem;
}
.enquire-buttons .button.used-model-testride:hover, .enquire-buttons .button.used-model-finance:hover {
	background-color:#333;
}
.enquire-buttons .button.used-model-testride {
	border-right: 3px solid #FFF;
}


	@media only screen and (max-width: 40em) {
		.enquire-buttons .button.used-model-testride {
			border-right: 0px solid #8296b9;
		}
	}




/* Category Overview page */
.model-category {
	margin-bottom:1rem;
}

.model-category-info {
  background: #EAEAEA;
  background-repeat: repeat;
  border-bottom: 7px solid transparent;
}

.model-category-info:hover {
  border-bottom: 7px solid #6F809F;
}

.model-category-text {
	padding:1rem;
}

.model-category-text h2 {
  color: #6F809F;
  text-align: center;
  line-height: 2rem;
  font-size: 1.8rem;
}

.model-category-text p {
  color: #000;
  text-align: center;
  font-size: 0.9rem;
  font-weight:300;
  margin: 0;
  padding: 0;
}

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

.model-category-text a:hover {
	color: #6F809F;
}

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


/* New Models page */
.new-model-container {
	border-style: solid;
	border-width: 0px;
	border-color: #000;
}
.magellan-container {
	padding: 0 !important;
	background: #000;
}
.panel.tally-container {
    border-style: solid;
    border-width: 2px;
    border-color: #e6e6e6;
    background: #3C3C3C;
    position: relative;
    margin-bottom: 1rem;
}
.new-model-container .panel.grey {
    margin-bottom: 1.5rem;
}
.new-model-container .panel.new-model-promotions {
	margin-bottom:0;
}
.new-model-container h3 {
    font-size: 2rem;
    text-transform: uppercase;
	border-bottom:2px solid #CCC;
	padding-bottom:0.5rem;
}

.tally-container.fixed {
	margin-top: 0rem;
}	

.tally-container h2 {
	color:white;
	font-size:1.4rem;
}

.tally-container .tally-price {
	color: #6F809F;
	border-top: 2px solid #4c4c4c;
	border-bottom: 2px solid #4c4c4c;
	padding: 0.5rem 0;
}

.tally-container h1 {
	margin-bottom:0.5rem;
	color:white;
	font-size: 2rem;
    line-height: 2.6rem;
}

.tally-container .price {
	color:#6F809F;
	font-size: 2rem;
	text-transform: none;
	border-top: 2px solid #565656;
	border-bottom: 2px solid #565656;
	padding: 0.5rem 0;
}

.tally-container p {
	margin-bottom:0.2rem;
	color:#f1f1f1;
}

.tally-container li {
	font-size:0.8rem;
	color:#f1f1f1;
}

.tally-container label {
	color:#f1f1f1;
}

[data-magellan-expedition], [data-magellan-expedition-clone] {
	overflow: hidden;
}

.sub-nav dd {
	display: inline-block;
	list-style:none;
	border-radius: 0px;
	background: #1a1a1a;
}

.sub-nav dd a {
	text-decoration: none;
	color: #FFF;
	padding: 0.1875rem 1rem;
}

.model-description {
	margin: 0.5rem 0 1rem 0;
}

.new-model-tally-container {
	padding-left:0;
	border-style: solid;
	border-width: 0px;
	border-color: #000;
}

.new-model-container h3 {
	font-size:1.4rem;
	text-transform:none;
}
.new-model-container h3 span {
	color:#6F809F;
    font-weight: 600;
}

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

.clearing-thumbs li.HiddenImage, [data-clearing] li.HiddenImage {
    display: none;
}
.clearing-blackout {
    background:#0a0a0a;
}
.clearing-assembled .clearing-container .visible-img {
	background:#0a0a0a;
}
.clearing-assembled .clearing-container .carousel {
	background:#0a0a0a;

}

.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 {
    position: absolute;
    color: #FFF; 
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    visibility:hidden;
}

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

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

.accordion .accordion-navigation, .accordion dd {
	margin-bottom: 0.5rem !important;
}

.accordion .accordion-navigation > a, .accordion dd > a {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	color: #222222;
	padding: 0.5rem;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 1rem;
	border:1px solid #D4D4D4;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background: #e8e8e8;
}

.new-model-tally-container .panel {
	background-color:#2e2e2e;
}

.new-model-tally-container h2 {
	font-size:1.6rem;
}

.new-model-tally-container h1, .new-model-tally-container h2, .new-model-tally-container h3, .new-model-tally-container p, .new-model-tally-container li {
	color:white;
}

.new-model-tally-container p {
	margin-bottom:0.5rem;
}

.new-model-tally-container li {
	font-size:0.8rem;
}

.new-model-tally-container li span {
	color:#5AAC26;
	font-weight:bold;
	font-size:1rem;
}

.new-model-tally-container .tally-price {
	color:#5AAC26;
	border-top:2px solid #4c4c4c;
	border-bottom:2px solid #4c4c4c;
	padding:0.5rem 0;
}


.new-model-tally-container .radio-label {
	color:white;
}



/* Used Bikes */

.used-list-header {
    background-color: transparent;
    border-color: #C3C3C3;
    border-width: 0px;
    border-style: solid; 
    margin-bottom: 0.5rem;
    padding: 1.5rem;
}
.used-bike-list-container .panel {
	padding-top:0;
}
.used-container {
    background: #f1f1f1;
    margin-bottom: 1rem;
    border-bottom: 0px solid #6F809F;
}
.used-list-divider {
	display:none;
}
.used-model-container .panel.grey {
    background: transparent;
	padding:0;
	border:0;
}
.clearing-thumbs li, [data-clearing] li img {
    border: 0px solid #f1f1f1;
}
.used-list-header h3 {
    color: #000;
    padding: 0;
    margin: 0;
    position: relative;
    top: 5px;
}
.used-list-header h3.used_list_price {
	color:#6F809F;
	font-weight:800;
    font-size: 2rem;
	float:right;
    position: relative;
    top: -5px;
}

@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-title, .used-list-price {
	padding:0rem;
}

.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: 'Oswald', sans-serif;
	font-weight: 600;
	font-size:1.2rem;
	margin-bottom:0.2rem;
}
.button-text-small {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size:0.8rem;
}
.button.filter {
	padding:1rem 0;
}
.button.used-list-photos {
    margin: 0rem 0 0 0;
    background: #F1F1F1;
    font-size: 0.8rem;
    color: #545454;
    padding: 0.5rem 0;
}
.button.mobile_used_list {
	margin:0.2rem 0;
}


.used-header {
	background-color: #0069AD;
	border-color: #0069AD;
	border-width:1px;
	border-style:solid;
	margin-bottom:1rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}

.used-header .button {
	margin-top:0.5rem;
	margin-bottom:0;
	background-color: #333;
}

.used-header .button:hover {
	background-color: #1a1a1a;
}

.used-header h3 {
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	color:white;
}

.used-header h3 span {
	font-weight:800;
}

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

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

.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;
}

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

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

.clearing-thumbs li, [data-clearing] li img {
	border: 1px solid #f1f1f1;
}



/* Promotions */

.promo-image {
	border:5px solid #E1E1E1;
	cursor:pointer;
	margin-bottom:1rem;
}

.promo-image:hover {
	border: 5px solid #6F809F;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

@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);
	}

}

.promo_image_list_item {
	display:inline-block;
	list-style:none;
}


.PromoImg img {
	width:100%;
	margin-bottom:0.6rem;
}

.PromoLink {
	padding:0.2rem;
	background: #9d0000;
	background: -moz-linear-gradient(top, #9d0000 0%, #fd0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d0000), color-stop(100%,#fd0000));
	background: -webkit-linear-gradient(top, #9d0000 0%,#fd0000 100%);
	background: -o-linear-gradient(top, #9d0000 0%,#fd0000 100%);
	background: -ms-linear-gradient(top, #9d0000 0%,#fd0000 100%);
	background: linear-gradient(to bottom, #9d0000 0%,#fd0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0000', endColorstr='#fd0000',GradientType=0 );
  	color:white ;
	text-align:center;
	margin: 0;
}

.PromoLink a {
	color:white;
	font-size: 1rem;
}

.PromoLink a:hover {
	color:#333;
}



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

    /*  Filters */
	.panel.filters {
	    background: #1a1a1a;	
		margin-bottom: 0;
	}
    .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 #003366 !important;
        background: #003366 !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 {
        
    }

    .filters label {
		color: white;
    	font-weight: normal;
		font-size: 0.9rem;
		text-align: center;
		margin-bottom: 0.7rem;
    }
    .filters label span {
		font-size: 0.7rem;
		font-weight: normal; 
    }	
	.filter-value-container {
		text-align: center;
	}
	.filter-value-container p {
		color: white !important;
		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, .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: 0;
	}
    
    /* 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.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: 25px;
        width:80px;  
        border-radius:2px;
    }
    .page-sorter select.sort-by {
        width:100px; 
    }
    .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: #f1f1f1;
		border: 5px solid #CCC;
        margin-bottom: 1rem;
        padding: 0.7rem 0.5rem;
        width: 100%;
    }
    .list-view .used-bike-image-container {
        width:25%;
        position:relative;
        float:left;
        padding-left: 0.5375rem;
        padding-right: 0.5375rem;
    }
    .list-view .used-bike-detail-container {
        width:75%;
        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: 0.5rem;
    }
    .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: 60%;
		font-size: 1.2rem;
		line-height: 1.4rem;
		margin: 0;
		position: relative;
		top: 5px;
	    text-transform: none;
    }
    .list-view .used-bike-container h3.price {
		float: left;
		text-align: right;
		width: 40%;
		font-size: 1.6rem;
		line-height: 1.8rem;
		margin: 0;
		color: #003366;
    }
    .list-view .used-bike-container h3.price span.monthly-repayment, .list-view .used-bike-container h3.price span.monthly-repayment li {
		font-size: 0.9rem;
		color: #1a1a1a;
		text-transform: none;
		position: relative;
		top: 3px;
    }
    .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: #003366;
		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: #003366;
		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: 1.2rem;
		font-weight: 600;
	}
	.list-view .used-bike-container p.office-number .fa {
		font-size: 2rem;
		position: relative;
		top: 4px;
		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;
	}
	table.finance-table thead {
		background: #4a4f54;
	}
	table.finance-table thead tr th {
		font-size: 0.7rem;
	    font-weight: 300;
		line-height: 1rem;
		text-align: center;
		text-transform: capitalize;
		color: #FFF;
	}
	table.finance-table tr td {
		font-size: 0.7rem;
		padding: 0.2625rem 0.525rem;
		text-align: center;
	}
	table.finance-table tr td p {
		margin: 0 !important;
	}
	table.finance-table tr td .button.tiny {
		padding: 0.3625rem 0.725rem;
		text-transform: none;
	}
	
	
	/* Grid View Finance Table */
	.grid-view .finance-table-container {
		display: none;
	}


    /* Used Bikes Grid View */
    .grid-view .used-bike-container {
        background: #f1f1f1;
        margin: 0 5px 10px;
        width: 24%;
        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: #003366;
    }
    .grid-view .used-bike-container h3.price span.monthly-repayment {
		font-size: 0.9rem;
		color: #1a1a1a;
		text-transform: none;
		position: relative;
		top: 3px;
    }	
    .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 {
		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: #003366;
		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: #003366;
            display: block;
            font-size: 14px;
            font-weight: bold;
            line-height: 12px;
            padding: 5px 7px 7px 7px;
        }
		ul.pagination li.current a, ul.pagination li.current button {
    		background: #ed1c24;
		}
		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: #1c1c1c;
		}

	/* 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;
	}		
	.bike-content h1.bike-name {
		margin:0;
	}
	.bike-content h2.bike-price {
		color:#003366;
		margin-bottom: 1rem;
	}
	.used-model-page-header h1, .used-model-page-header h1.bike-name, .used-model-page-header h1 span.bike-name {
		margin: 0;
		font-size: 1.8rem; 
		line-height: 2.4rem;
	}	
	.used-model-page-header h2, .used-model-page-header h2.bike-price, .used-model-page-header h2 span.bike-price {
		font-size: 3rem;
		color: #003366;
		margin-bottom: 1.5rem;
		font-weight: 600;
	}	
	.used-model-page-header h2 span.finance-price, .used-model-page-header h2.bike-price span.finance-price, .used-model-page-header h2 span.bike-price span.finance-price {
		font-size: 1rem;
		color: #1a1a1a;
		text-transform: none;
		margin-bottom: 0rem;
		font-weight: 400;
	}	
	.used-model-page-header h2 span.finance-price span, .used-model-page-header h2.bike-price span.finance-price span, .used-model-page-header h2 span.bike-price span.finance-price span {
		color: #003366;
		font-weight: 600;
	}	
	.used-bike-title {
		margin: 0 0 1rem 0;
		padding: 1.5rem 0;
		border-top: 1px solid #ececec;
		border-bottom: 1px solid #ececec;
	}	
	.used-bike-title h1.bike-name {
		text-transform: none;
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin-bottom: 0.5rem;
	}	
	.used-bike-title h2.bike-price {
		font-size: 3rem;
		color: #003366;
		margin-bottom: 1.5rem;
		font-weight: 600;
	}
	.used-bike-title .has-finance-options p {
		font-weight: 400;
		margin: 0;
	}
	.used-bike-title  .has-finance-options span {
		font-weight: 900;
		color:#003366;
	} 
	.used-bike-title  .has-finance-options span.finance-tooltip {
		color: #1a1a1a;
		font-size: 0.7rem;
		position: relative;
		top: -1px;
	} 
	.used-bike-title p.phone-number {
		font-size: 1.4rem;
		font-weight: 400;
		margin: 2rem 0 0 0;
	}	
	.usedmodel-cta-container {
		padding: 1rem;
		background: #f1f1f1;
	}	
	.usedmodel-cta-container .button.expand {
		margin:0 0 0.5rem 0;
	}
	.usedmodel-cta-container h3 {
		font-size: 1.4rem;
		margin: 1rem 0;
	}
	.button.used-return {
		margin-top: 0;
		margin-bottom: 1rem;
		float: right;
	}
	.bike-content .pricing-table .title {
		width: 100%;
		background-color: #f1f1f1;
	}
	.bike-content .pricing-table .title h2 {
		color: #FFF;
		font-size: 1.8rem;
		line-height: 2rem;
		border-bottom: 0;
		margin: 0;
	}
	.bike-content .pricing-table .title h3 {
		color: #1a1a1a;
		font-size: 1.3rem;
		line-height: 1.4rem;
		font-weight: bold;
		border-bottom: 0;
		margin: 0;
	}
	.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;
	}
	.pricing-table .bullet-item {
		padding: 0.8175rem;
		font-size: 0.775rem;
	}	
	.bike-content .pricing-table .cta-button {
	  padding: 0rem 1.25rem 0;
	}
	.bike-content .pricing-table .print-button {
	  float: right;
	  margin: 15px 0 0 0;
	}
	.bike-content .pricing-table .print-button .fa {
	  margin-right: 5px;
	}

	.bike-content .pricing-table .button {
		margin:0;
	}
	
	/* Used Specification */
	.used-bike-specifications ul {
	    list-style: none;
        margin: 0; 
	}
	.used-bike-specifications li {
        color:  #1a1a1a;
	    border-bottom: 1px solid #ececec;
        padding: 0.9rem 0;
        font-size: 1rem;
        line-height: 1;
	}
	.used-bike-specifications li:first-child {
	    border-top: 1px solid #ececec;
	}
	.used-bike-specifications li span span {
        float: right;
        color:  #1a1a1a;
        font-size: 1rem;
	}
	.bike-specifications li[data-specification="stock-reference"] {
		display: none;
	}		
	
	
	/* Gallery Images */
	.bike-content img.bike-image {
		width:100%;
	}
	.bike-content .clearing-thumbs li, .bike-content [data-clearing] li {
		float: left;
		margin-right: 5px;
		margin-top: 5px;
		width: 19%;
		/* min-height: 110px; */
		max-height: 110px;
		overflow: hidden;		
	}	




 
/* News Page */
.site_news_summary h3 {
	color:#6F809F;
}
.panel .site_news_summary h4 {
	color:#1a1a1a;
	font-size:0.8rem;
	font-weight:600;
}
p.latest-news-title, p.latest-news-title a {
    font-size: 1.2rem;
    text-transform: uppercase;
    margin: 0 0 0.3rem 0;
    line-height: 1.6rem;
    font-weight: 400;
    color: #000;
}

/* Form styles */	 
fieldset {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
    border-radius: 0px;
    border-color: #D6D6D6;
    background: none;
	padding:2rem 2rem;
}
fieldset legend {
    font-weight: bold;
	background:none;
    padding: 0.7rem 1rem 0;
    margin: 0;
    margin-left: 0;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    line-height: 1;
}

input[type="text"], input[type="month_day_year"], 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 {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    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;
}
label {
	color: #000;
	font-weight:bold;
	margin-bottom:0.4rem;
}
.panel.green label {
	color: #FFF;
	font-weight:normal;
	margin-bottom:0.4rem;
}

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

small.error {
	color: #FFF;
}
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
    margin-top: -1rem;
}

input[type="checkbox"].error, input[type="radio"].error {
    margin-bottom: 1rem;
}





/*Table Styles */
.dark-table thead th {
	color:white;
	background-color:#1f1f21 !important;
	padding:1rem 0.5rem;
	font-size:1.4rem;
}

table thead tr th, table thead tr td {
  color: #1a1a1a;
  padding: 0.7rem 0.5rem;
  font-size: 1rem;
}

.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;
	font-size:0.8rem;
}

.dark-table tr td span, table tr td span {
	color:##000;
	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;
}

table.rep-table tr th{
  padding: 0.5625rem 0.625rem;
  font-size: 0.7rem;
  color: #222222;
  text-align: center;
  background-color: #2D2D2D;
  color: #fff;
} 


table.rep-table tr td{
  font-size:0.8rem;
  text-align:center;
}

.representative-example-text {
	font-size:0.8rem;
	font-family: 'Oswald', sans-serif;	
}

@media only screen and (max-width: 40em) { 
	table thead tr th, table thead tr td {
		font-size:1rem;
	}
	.representative-example-text {
		font-size:0.6rem !important;
	}
	table.rep-table tr td{
	  font-size:0.7rem;
	}
}

/* footer styling */
section.footer, footer {
    background-color: #003366;
	padding: 2rem 1.5rem;
} 
section.sub-footer {
	border-top: 1px solid #3d4e77;
    background-color: #003366;
	margin: 1rem 0 0 0;	
	padding: 1rem 0 0 0;
}
.footer ul, footer ul {
	list-style:none;
	margin:0;
}
.footer li, footer li {
	margin:0;
}
.footer p, .footer a, footer p, footer a {
	font-size:0.8rem;
	font-weight: 400;	
	color:#FFF;
}
.footer h3, footer h3 {
    color: #FFF;
    font-size: 1.4rem;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
    padding-bottom: 5px; 
}
.sub-footer p, sub-footer p {
    font-size: 0.7rem;
    color: #D9D9D9;
    padding: 0;
    margin: 0;
    top: 0.3rem;
    position: relative;
}
.footer a, .sub-footer a, footer a, sub-footer a {
	color:#f1f1f1;
	font-weight: 400;
}
.footer a:hover, .sub-footer a:hover, footer a:hover, sub-footer a:hover {
	color:white;
}
.footer strong, footer strong {
	color:#FFF;
    font-size: 0.9rem;
}
.footer hr, footer hr {
    border: solid #494949;
    margin: 1.75rem 0 1.7875rem;
    border-width: 5px 0 0;
    clear: both;
    height: 0;
}
.footer button.hollow, .footer .button.hollow, footer button.hollow, footer .button.hollow {
    background-color: transparent;
    border: 1px solid #FFF;
    color: #FFF;
    margin: 0 0 0.5rem 0;
	font-family: 'Lato', sans-serif;	
    font-size: 0.7rem;
}
.footer h5.copyright, footer h5.copyright {
	float:left;
}
.sub-footer p.provider {
    text-align: center;
    margin: 0;
    padding: 0;
    top: 0;
}
.footer-logo {
	float:left;
}
section.footer .social-icons, footer .social-icons {
    float: left;
	margin-top: 1rem;
}
.social-icons img {
    position: relative;
    float: left;
    width: 29px;
    height: 28px;
    margin: 0 5px 0 0;	
 }
#FooterDepartments {
    height: 180px;
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
}
#FooterDepartments li {
    display: inline-block; 
    padding-bottom: 10px;
	width: auto;  
}

	@media only screen and (max-width: 40em) {
		section.footer, footer div {
			margin-bottom:1rem;	
		    text-align: center;
		}
		.social-icons {
			float: left;
			display: block;
			margin: 0.5rem auto;
			width: 100%;
		}
		.social-icons img {
			float:none;
			margin:0 0px 0 0;
		}
		.footer-logo {
			float:none;
			display: block;
			width: 300px;
			margin: 0.5rem auto;
		}
		.footer h5.copyright {
			float:none;
			text-align:center;
		}
		.sub-footer p.provider {
			float:none;
			text-align:center;
		}
		.footer img.footer-logo {
			width: 75%;
			margin:0 auto;
		}
	}

/* Accessories Page */

.shop_thumbnail_title {
	font-size: 18px;
	text-align: center;
	padding: 0.5rem 0;
}


/* Modal pop up colour changes */
.reveal-modal, dialog {
    background-color: white;
    border: solid 2px #6F809F;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.reveal-modal h2, .reveal-modal p {
  color: #1a1a1a;
}
.reveal-modal.ItemAddModal {
    width: 40% !important;
    text-align: center;	
    min-height: 50px;
}
.reveal-modal.ItemAddModal .fa {
    margin-right:5px;
}

p.title {
	color: #6F809F;
	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: #1a1a1a;
 	margin:0;
}

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

.reveal-modal label {
	color:black;
}

.reveal-modal h2 span {
	color: #6F809F;
}

.reveal-modal.ItemAddModal {
  background: transparent;
  padding: 0;
  border: 0px solid #000;
} 

.signup-panel .fa {
    font-size: 1.5rem;
    position: relative;
    top: -12px;
}
.signup-panel input[type="text"], .signup-panel .prefix {
    padding: 1.5rem 1rem;	
}

#SignUpModal.reveal-modal {
	background: #000 url(../Assets/assets-layout/modal-bg.jpg) no-repeat center top;
}

		@media only screen and (max-width: 40em) {
			.reveal-modal.ItemAddModal {
				width: 90% !important;
				float: left;
				margin: 0 1rem
			}
		}

/* Breadcrumbs */

.breadcrumbs > * a {
  color: #6F809F;
  text-transform: capitalize;
  font-size: 0.7rem; 
}

.breadcrumbs > * {
	line-height: 1rem;
}

.breadcrumbs {
	display: block;
	padding: 0;
	overflow: hidden;
    margin: 0rem 0 0.3rem 0;
	border-width: 0px;
	background-color: transparent;
}

.breadcrumbs li {
	  font-size: 0.7rem;
	  text-transform:none;
}
.breadcrumbs > *:before {
    margin: 0 0.15rem;
}



/* Shop Styles */
.shop.breadcrumbs {
    display: block;
    padding: 0.8625rem 0.875rem 0.8625rem;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
	border-color: rgb(241, 241, 241);
    border-radius: 0px;
    margin: 0;
}
p.category_title {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:1.2rem;
	background:#6F809F;
	color:#FFF;
	padding:0.5rem;
	margin:0;
}

.callout-container {
	margin-top:1rem;
}

.callout-container > .panel {
	background: #d9d9d9;
	margin: 0;
}

.callout-container p {
	font-family: 'Oswald', sans-serif;
	font-size:1.2rem;
	text-align:center;
	text-transform:uppercase;
	font-weight:300;
}

.callout-container span {
	color:#6F809F;
	font-weight:800;
}

.category-container {
	margin-bottom:1.5rem;
}

p.product-title {
	margin: 0.5rem 0 0 0;
}

p.product-price {
	font-size:1rem;
	margin:0;
	color:#6F809F;
	font-weight:bold;
}

.shop_category > .panel {
	/*margin-bottom:0;*/
}

.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(241, 241, 241);
	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: #6F809F;
}

p.basket-amount .fa {
	color: #242424;
	font-size: 1rem; 
	margin-right: 0.3rem;
}

h3.shop-title {
  font-size: 1rem;
  font-weight: 300;
  background-color: #6F809F;
  color: #f1f1f1;
  padding: 0.5rem 1rem;
  margin: 0;
}

h2.product-price {
	font-weight:400;
	color:#6F809F;
	border-bottom:0px solid;
}

.basket-amount .button {
  margin: 0;
  padding: 0.4rem 0.7rem;
}

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;
}

.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: #6F809F;
}

table.checkout {
	width:100%;
	border:0px solid #f1f1f1;
}

table.checkout td {
	text-align:left;
	font-weight:bold;
	background:#FFF;
	border:1px solid #f1f1f1;
}

table.checkout td.highlight {
	width: 60%;
	text-align: left;
	background: #6F809F;
	color: #FFF;
	font-weight: 400;
}
.product-container {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 0.5rem;
    text-align: center;
	margin-bottom:1rem;
}


#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;
}

	@media only screen and (max-width: 40em) {
		.shop.breadcrumbs {
			padding: 0;
			border-width: 0px;
		}
		.shop.breadcrumbs > *:before {
			margin: 0 0.25rem;	
		}
		.shop.breadcrumbs > * a {
			font-size: 0.4rem;		
			text-transform:none;
		}
		.basket-info > .panel {
			padding: 0;
			border-width:0px;
		}
		.basket-amount .button {
			font-size: 0.6rem;
			border-radius:5px;
		}
		.button.basket-add {
			width:100%;	
		}
	}

/* 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: #6F809F;
  color: white;
  font-weight: bold;
  cursor: default;
}

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: #6F809F;
}


/* JoyRide */

.joyride-tip-guide {
	opacity: 1 !Important;
	background: #6C6C6C;
}

.joyride-tip-guide .joyride-nub.right, .joyride-tip-guide .joyride-nub.top, .joyride-tip-guide .joyride-nub.bottom {
	border-color: #6C6C6C;
}

.joyride-tip-guide .joyride-nub.right  {
	border-color: #6C6C6C !Important;
	border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}

.contact-buttons {
	margin-bottom:1rem;
}


/* Map Icon Fix */

#map-canvas img, #map-canvas object, #map-canvas embed { max-width: none; }
#map img, #map object, #map embed { max-width: 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 .title {
	width:100%;
	background-color: #003366;
}
.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: #FFF;
    font-size: 2.4rem;
    line-height: 2.4rem;
    border-bottom: 0;
    margin: 0;
}
.pricing-table .cta-button {
  padding: 0rem 1.25rem 0;
}
.pricing-table .button {
    margin: 0.5rem 0;
}



/* Side Navigation */

.side-nav {
	margin:0;
	padding:0;
}

.side-nav li {
	margin: 0; 
	font-size: 0.875rem;
	font-weight: normal;
	border-bottom: 1px solid #f1f1f1;
    background-color: #FFF;
}

.side-nav li a:not(.button) {
	display: block;
	margin: 0;
	padding: 0.5375rem 0.875rem;
	color: rgb(80, 80, 80);
}


.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
    background: rgb(243, 243, 243);
    color: #1a1a1a;}

.side-nav li a:not(.button).active, .side-nav li a:not(.button).active {
    background: rgb(243, 243, 243);
    color: #1a1a1a;}
 
 



/* 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 iframe {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.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: #6F809F;
	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;
}




/* Social Icons */

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
	height:22px !important;
}

.stButton .stButton_gradient {
	height:22px !important;
}

.atss {
    top: 40% !Important;
}


/* Cookie Container */

.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;
}


/* 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;
}



/*---------------*/
/***** Steve *****/
/*---------------*/
.figure.effect-steve p {
    background: #6f809f !important;
	padding: 0.5rem 1.5rem !important;
    display: inline-block !important;
}

		@media only screen and (max-width: 40em) { 
			.figure.effect-steve {
				margin-bottom: 1rem !important;
				overflow: hidden !important;
				height: 156px !important;				
			}			
			.figure.effect-steve h2 {
				margin-top: 1em !important;
				font-size: 1.4rem !important;
			}			
		}

/* Home Promo text overlay */
div.home-promo {
	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;
} 
 
div.home-promo img {
	position: relative;
	display: block;
	/*min-height: 100%;*/
	max-width: 100%;
	opacity: 1;
}

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

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

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

div.home-promo figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

div.home-promo h2 {
    word-spacing: 0.15em;
	color:#FFF;
}

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

div.home-promo h2,
div.home-promo p {
	margin: 0;
}

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







/* Override for home promo */

.home-promo .figure.effect-goliath:hover h2 {
    -webkit-transform: none;
    transform: none ;
}

	@media only screen and (max-width: 40em) {
		.home-promo .figure.effect-goliath {
			margin-bottom:0rem;
		}
	}
 
.figure.effect-goliath h2, .figure.effect-goliath p {
    background-color: transparent !important;
}
.figure.effect-goliath p {
    background-color: rgba(162, 14, 12, 0.9) !important;
}
		@media only screen and (max-width: 40em) { 
            .figure.effect-goliath {
                height: 155px;
                overflow: hidden;
                margin-bottom: 1rem;
            }

		}

/* Advanced CMS Styles */
.cms-content .row {
	margin-top:2rem;
	margin-bottom:2rem;
}
.cms-content .row:first-child {
	margin-top:0rem;
	margin-bottom:2rem;
}
.cms-content hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 0;
    height: 0;
}
.cms-content .button.plan-route {
	font-size: 0.8rem;
    padding: 0.6rem 0;
    margin: 0.5rem 0;
}
/* End Advanced CMS */


/* Page Header */
/* Page Header BG's */
.page-title {
	width: 100%;
	height: 200px;
	position: relative;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 1.5rem;
	-webkit-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.12);
	-moz-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.12);
	box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.12);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	image-rendering: optimizeQuality;
}
.page-title h1 {
	background: #003366;	color: #FFF;
	top: 45px;
	left: 10px; 
	position: absolute;
	display: inline-block;
	padding: 15px 25px 15px 35px;
	line-height: 2rem;
	font-size: 2rem;
	border: 0px;
	margin: 0;
	letter-spacing: 0;
}
.page-title h2, .page-title p {
	background: #FFF;
	color: #000;
	top: 107px;
	left: 10px;
	position: absolute;
	display: inline-block;
	padding: 15px 25px 15px 35px;
	line-height: 18px;
	font-weight: 600;
	font-size: 16px;
	border: 0px;
	text-transform: none;
	margin: 0;
	letter-spacing: 0;
}
.page-title .grid {
	background: url(../Assets/_core/backgrounds/grid.png);
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}
.slideshowbg {
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#212121;
}
.grey  {
	background-color: #f2f2f2;
	padding-top: 20px;
	padding-bottom: 20px;
}
.white  {
	background-color: #FFF;
	padding-bottom: 20px;
}
.generic-head { 
	background-image: url(../Assets/assets-pageheaders/generic-header.jpg) !important;
} 
.used-head { 
	background-image: url(../Assets/assets-pageheaders/used-bikes.jpg) !important;
} 
.service-head { 
	background-image: url(../Assets/assets-pageheaders/service.jpg) !important;
} 
.news-head { 
	background-image: url(../Assets/assets-pageheaders/latest-news.jpg) !important;
} 
.finance-head { 
	background-image: url(../Assets/assets-pageheaders/generic-header.jpg) !important;
} 

	@media only screen and (max-width: 40em) {
		.page-title {
			width: 100%;
			height: 125px;
		}
		.page-title .grid {
			height: 125px;
		}		
		.page-title h1 {
			top:15px;
			font-size:1.2rem;
			padding: 10px 25px 10px 15px;
		}
		.page-title p {
			top:65px;
			font-size: 0.8rem;
			padding: 10px 25px 10px 15px;
		}
	}


/* Search */

.search-tab.selected {
    color:#6F809F;
}

.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:#6F809F;
}


.has-caption {
    background-color: #003366 !important;
}
.media-caption p, .media-caption_text {
    color: #FFF !important;
    font-weight: 400 !important;
}