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

/* updates for KMUK CI changes */


/* Font Imports (Remember to tidy up the font folder if you don't need any of these fonts)*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,400italic,700italic);

@font-face {
    font-family: 'delta_probold_italic';
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.eot');
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../assets/2016-Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.woff') format('woff'),*/
         url('../assets/2016-Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.ttf') format('truetype'),
         url('../assets/2016-Assets/fonts/Delta_Pro_Bold_Italic/deltaprobolita-webfont.svg#delta_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}  

@font-face {
    font-family: 'delta_promedium_italic';
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.eot');
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../assets/2016-Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.woff') format('woff'),*/
         url('../assets/2016-Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.ttf') format('truetype'),
         url('../assets/2016-Assets/fonts/Delta_Pro_Medium_Italic/deltapromedita-webfont.svg#delta_promedium_italic') format('svg');
    font-weight: normal; 
    font-style: normal;
}

@font-face {
    font-family: 'delta_probold';
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.eot');
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../assets/2016-Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.woff') format('woff'),*/
         url('../assets/2016-Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.ttf') format('truetype'),
         url('../assets/2016-Assets/fonts/Delta_Pro_Bold_Regular/deltaprobol-webfont.svg#delta_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'delta_probook';
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.eot');
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../assets/2016-Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.woff') format('woff'),*/
         url('../assets/2016-Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.ttf') format('truetype'),
         url('../assets/2016-Assets/fonts/Delta_Pro_Book_Regular/deltaproboo-webfont.svg#delta_probook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'delta_probook_italic';
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.eot');
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../assets/2016-Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.woff') format('woff'),*/
         url('../assets/2016-Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.ttf') format('truetype'),
         url('../assets/2016-Assets/fonts/Delta_Pro_Book_Italic/deltaprobooita-webfont.svg#delta_probook_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'delta_promedium';
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.eot');
    src: url('../assets/2016-Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../assets/2016-Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.woff') format('woff'),*/
         url('../assets/2016-Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.ttf') format('truetype'),
         url('../assets/2016-Assets/fonts/Delta_Pro_Medium_Regular/deltapromed-webfont.svg#delta_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Change the width of the site container */
.row {
	max-width: 78rem;
}

.margin-bottom {
	margin-bottom: 1rem !important;
}

.no-padding {
	padding:0;
}

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

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

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

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


/* page backgrounds */
body {
	background: black url(../assets/2016-Assets/_core/backgrounds/site-bg.jpg) center top fixed no-repeat;
	background-size:cover;
	color: #FFFFFF;
	font-family: Arial, sans-serif; 
}  

	@media only screen and (max-width: 40em) {
		body {
			background: black none;
			background-image:none;
		}
	}
	
.site-container {
	
}

.panel {
	background: #FFF;
	color: #1a1a1a;
	border: 0px solid;
	margin-bottom:0;
}
.panel.grey {
	background-color: #F3F3F3;
	border:0px solid #F1F1F1;
}
.panel.dark {
    background: #1d1d1d;
}
.panel.grey-bg {
	background:#CCC url(../assets/2016-Assets/_core/backgrounds/grey-bg-repeat.jpg);
	background-repeat:repeat;
	border:0px solid #CCC;
}
.panel.border-right {
	background: #FFF;
	border-right: 1px solid #f1f1f1;
    padding:0;
    margin:0
}

.account-register .panel.grey-bg {
    margin:1rem 0;
    padding: 2rem 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;
}

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

.darkgrey-column .panel {
	background-color: #262626;
	border:0px solid #CCC;
}
.center-text {
	text-align:center;
}
.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);
}
hr.large {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 4.25rem 0 4.25rem;
    height: 0;
}

    @media only screen and (max-width: 40em) {
        .panel.border-right {
	        border-right: 0px solid #f1f1f1;
        }
    }

/* typography changes */
h1, .panel h1 {
	font-family: 'delta_probold_italic',Arial,sans-serif;
	color: #1a1a1a;
	text-transform:uppercase;
    margin-bottom:1rem;
}
h2, h3, h4, .panel h2, .panel h3, .panel h4  {
	font-family: 'delta_probook',Arial,sans-serif;
	color: #1a1a1a;
	text-transform:uppercase;
}
h1, .panel h1 {
	font-size:2rem;
}
h2, .panel h2 {
	font-size:1.6rem;
}
h3, .panel h3 {
	font-size:1.2rem;
}
h4, .panel h4 {
	font-size:1rem;
	text-transform:none;
}
h5, .panel h5 { 
    font-size: 0.65rem;
    line-height: 0.8rem;
    font-family: Arial,sans-serif;
    font-weight:bold;
}
p, .panel p {
	margin-bottom: 0.5rem;
	font-size:0.9rem;
}
a {
	color: #5AAC26;
}
a:hover, a:focus {
	color: #999;
}
.panel h1, .panel, h2, .panel h3 {
	color:#000;
}
.panel.dark h1, .panel.dark h2, .panel.dark h3, .panel.dark h4, .panel.dark h5, .panel.dark p {
	color:#FFF;
}
.darkgrey-column .panel h2, .darkgrey-column .panel h3, .panel.black-bg h1 {
	color:#FFF;
} 
.darkgrey-column .panel p {
	color:#FFF;
}
p.small, span.small, span.small {
	font-size:0.8rem; 
	color:#666;
}
.panel li {
	font-size:0.9rem;
}
img {
	max-width: 100%;
	height: auto;
}

/* header changes */
.header-border{
	background-image:url(../assets/2016-Assets/_core/nav-bar.jpg);
	height:2%;
}
.header-section {
	left: 0;
	position: relative;
	width: auto;
}
.kawasaki-logo {
    float:left;
	padding: 0.8rem 1rem 0.8rem 1rem;
}
.kawasaki-logo img {
    width:175px;
}
.dealer-name {
}
.dealer-name img {
    padding: 0;
    margin: 0 1rem 0 0;
}
.dealer-name:before {
	background-color:white;
}
.dealer-name h2 {
	font-family: 'delta_probook',Arial,sans-serif;
	font-size: 1.2rem;
	padding:1.3rem 2rem 1.3rem 2rem;
	margin:0;
	background-color: #262626;
}
.header-details {
    font-size:0.75rem;
    text-align:right;
    padding: 0 2rem 0 0;
    margin:1rem 0;
}
.header-details a {
    color:white;
    margin-right: 10px;
}
.header-details .button {
    font-size: 0.6rem;
    padding: 0.3rem 0.6rem;
    /* text-transform: none; */
    font-family: Arial, sans-serif;
    margin:0;
}
	@media only screen and (max-width: 40em) {
		.dealer-name {
			width:50%;
		}

		.dealer-name h2 {
			font-size: 1.1rem;
		}
	
		.kawasaki-logo  {
			padding: 1rem;
			width:50%;
		}
        .header-details {
            font-size:0.65rem;
            padding: 0 1rem 0 0;
            margin: 0;
            margin-right: 0px;
        }
        .header-details a {
            display:block;
            padding: 0 0 0 0;
        }
        .header-details .button {
            display:inline-block;
            margin: 0.2rem 0 0 0;
        }
        .header-details a.login-text {
            margin: 3rem 0 0 0;
        }
        .header-details a.basket-amount {
            margin: 1rem 0 0 0;
        }
	}





/* Navigation colour updates */
.top-bar {
	background: #1d1d1d;
	height: 55px;
	line-height: 55px;
}
.top-bar-section {
	text-align:center;
}
.top-bar-section ul {
	display:inline-block;
}
.top-bar-section ul li > a {
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background: #1d1d1d;
	font-family: 'delta_probook',Arial,sans-serif;
	padding: 0 10px;
    text-align: left;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #272727;
}
.top-bar-section ul li > a.active, .top-bar-section ul li > a.active:hover {
	background: #424242 !Important;
}
.top-bar-section ul li > a.active:hover {
	background: #59AB25;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	line-height: 55px;
	text-transform:uppercase; 
}

.top-bar-section .has-dropdown > a:after {
	top: 27.5px;
}
.contain-to-grid { 
	background: transparent;
}
.contain-to-grid.fixed {

}
.contain-to-grid .top-bar {
    max-width: 76.2rem;
   	margin: 0 auto;
	margin-bottom: 0;
}

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

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

.top-bar .name {
    height: 55px;
    line-height: 57px;
    color: #FFF;
}

.top-bar .toggle-topbar.menu-icon {
	top: 50%; 
	margin-top: -15px; 
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	background: #262626;
    text-transform: none;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
	color:#69be28;
	background-color: #555555;
	background: #272727;
}

.top-bar-section .dropdown li.parent-link {
	display:none !Important;
}

.top-bar-section ul li > a.button {
  padding-right: 15px;
  padding-left: 15px;
  background: #5AAC26;
  background-color: #5AAC26;
  border:0px solid #5AAC26;
  color: white;
  margin: 0;
  top: 10px;
  font-family: 'delta_probold',Arial,sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
 }
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
    background-color: #333;
}
.top-bar-section ul li {
  background: transparent;
}
.top-bar-section ul li .fa {
    position: relative;
    top: 0.5px;
    font-size: 16px;
}
.top-bar-section span {
	font-size:0.7rem;
	text-transform:none;
}
@media only screen and (max-width: 40em) {
	.top-bar-section li:not(.has-form) a:not(.button):hover {
		background: #272727;
	}
	.top-bar-section ul li > a.active, .top-bar-section ul li > a.active:hover {
		background: #424242 !Important;
	}
    .top-bar .search-trigger.button {
        position: relative;
        top: 0;
        margin: 0;
        padding:0.5rem 1rem;
        height: 100%;
    }
    .top-bar .search-trigger.button .fa {
        position: relative;
        top: 10px;
        font-size: 1.2rem;
    }
}

/* Sub Nav */
section.sub-nav {
    background: #424242;
}
.sub-nav .contain-to-grid.fixed {
    background: transparent;
}
.sub-nav .top-bar {
    background: #434343;	
}
.sub-nav .top-bar-section ul li > a {

}
.sub-nav .top-bar-section li:not(.has-form) a:not(.button) {
    background: transparent;
}
.sub-nav .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: rgba(29, 25, 24, 0.3);
}
.sub-nav .top-bar-section ul li > a.active:hover {
	background: #59AB25;
}
.sub-nav li {
    margin-bottom:0;
}

@media only screen and (max-width: 40em) {
	.sub-nav .top-bar-section ul li > a.active, .top-bar-section ul li > a.active:hover {
	}	
}




/* Sidebar Nav */

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

.top-bar.expanded .title-area {
	background: #000;
	line-height:10px;
}

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

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



/* Slideshow Changes */

.slide-content {
    margin-left: 57%;
    width: 40%;
    margin-top: 12%;
    position: absolute;
    z-index: 10;
    /*background-color: rgba(0, 0, 0, 0.25);*/
    padding: 1rem 1rem 1rem 2.5rem;
}
.slide-container img {
	width:100%;
	height:auto;
}
.slick-slide img {
	margin: 0 auto;
}
.slick-next {
  right: -5px;
}
.slick-prev {
	left: -5px;
}
.slick-prev, .slick-next {
	background: #333;
	background: rgba(23, 23, 23, 0.7);
	height: 65px;
	width: 40px;
	top:45%;
}

	@media only screen and (max-width: 40em) {
		.slick-prev, .slick-next {
		  top: 35%;
		  display:none !Important;
		}
	}
.slick-slider {
	margin-bottom: 0px;
}
.slick-dots {
	bottom: 0px;
	text-align: right;
	width: 95%;
}
.slick-dots li {
	margin: 0;
}
.slick-prev:before, .slick-next:before {
	font: normal normal normal 24px/1 FontAwesome;
}
.slick-prev:before {
  content: "\f053";
}
.slick-next:before {
  content: "\f054";
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	outline: none;
	background:#F60;
	background: rgba(96, 167, 9, 0.7);
	color: transparent;
}
.slick-dots {
  text-align: right;
  width: 98%;
  bottom: 30px;
  margin: 0;
}
.slick-dots li button:before {
	font-size: 45px;
	color:#FFF;
}
.slick-dots li.slick-active button::before {
    color: #517A06;
    opacity: 0.75; 
}
.bg-image {
	top: 0;
	left: 0;
	width: 100%;
}
.slide-content h2 {
    font-weight: 800;
    font-size: 3.2rem;
    font-family: 'delta_probold',Arial,sans-serif;
    line-height: 3.4rem;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	color: #5BAA09;
	margin-bottom: 0rem;
    border-bottom: 0;
}
.slide-content p {
    font-family: 'delta_promedium',Arial,sans-serif;
    color: #FFF;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin: 0;
}
.button.hero-button {
    /* margin: 0.7rem 0; */
    /* font-size: 0.8rem; */
    /* padding: 0.7rem 1.5rem; */
}
	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		.slide-content {
		    width: 55%;
			margin-top:5%;
		}
		.slide-content h2 {
			font-size: 2.3rem;
			line-height: 2.5rem;
		}
	}


	@media only screen and (max-width: 40em) {
		.slide-content {
			margin-left: 10%;
			width: 70%;
			margin-top: 7%;
			position: absolute;
			z-index: 10;
			padding: 0.5rem 1.5rem 0.5rem 1.5rem;
			background-color: rgba(0, 0, 0, 0.55);
		}
		.new-models-slide-content {
			margin-left: 0%;
			margin-top: 0%;
			position: absolute;
			z-index: 10;
			padding: 1rem 1.5rem 1rem 1.5rem;	
		}
		.slide-content h2 {
  			font-size: 1.7rem;
  			line-height: 1.7rem;
		}
		.slide-content p {
			display:none;
		}
		.slide-content .button {
			font-size:0.8rem;
			margin:0.5rem 0;
		}
	}


.hero-button .fa {
	font-size:1rem;	
}
	
	
/* Home Page feature panels */
.homepage-feature {
	position: relative;
	min-height: 320px;
}	

.homepage-feature.one {
	background: url(/assets/2016-Assets/assets-layout/home-panel-profiles.jpg) center center no-repeat;
	background-size:cover;
}

.homepage-feature.two {
	background: url(/assets/2016-Assets/assets-layout/home-panel-bikes.jpg) center center no-repeat;
	background-size:cover;
}
	
.homepage-feature.three {
	background: url(/assets/2016-Assets/assets-layout/home-panel-sponsors.jpg) center center no-repeat;
	background-size:cover;
}

.homepage-feature .panel {
	background: transparent;
	background: rgba(0,0,0,0.6);
	padding: 0 40px 20px 40px;
	margin: 0;
	min-height: 320px;
	border: 0px solid;
	text-align: center;
}	

.homepage-feature .panel:hover {
  background: rgba(0,0,0,0.3);
}

.homepage-feature h3 {
	font-size: 2rem;
	color: white;
	text-align: center;
	padding: 6rem 0 1rem;
	margin: 0;
	  text-shadow: 2px 2px rgba(0, 0, 0, 0.7);
}	

.homepage-feature .button {
	font-size: 1.2rem;
	padding: 0.7rem 1.7rem;
}


	
/* Latest News Home */
/* Latest News Home */
.LatestNews .panel {
    background: #32742c;
    background: -moz-linear-gradient(top, #4aa440 0%, #32742c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4aa440), color-stop(100%, #32742c));
    background: -webkit-linear-gradient(top, #4aa440 0%, #32742c 100%);
    background: -o-linear-gradient(top, #4aa440 0%, #32742c 100%);
    background: -ms-linear-gradient(top, #4aa440 0%, #32742c 100%);
    background: linear-gradient(top, #4aa440 0%, #32742c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa440', endColorstr='#32742c', GradientType=0 );
	color: #FFF;
	margin: 1rem 0 0 0;
	padding:0
}

.LatestNews img {
	width:100%;
}
.LatestNews h3 {
    color: #FFF;
    font-family: 'delta_probook_italic',Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 300;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
	display:block;
}
.LatestNews a {
    color: #FFF;
    font-size: 1rem;
}
.LatestNews p {
	font-size:0.7rem;
	color:#FFF;
    line-height: 1.2rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
div.NewsInfo { 
    max-height: 40px;
    min-height: 40px;
}
div.StoryHeader, div.NewsInfo {
	padding:0.2rem 1rem;
}
div.NewsImage {
	margin-bottom:0.5rem;
}
div.NewsButton .button.expand {
	margin:0 0 1rem 0;
}


/* Latest News for the other site pages */

.latest-news {
	border: 2px solid #4C4C4C;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	background-color: #FFF;
	padding-bottom:0.5rem;
}

.latest-news img {
	width:100%;
}

.latest-news-title {
	padding: 0.5rem;
	margin:0;
}

.latest-news a {
	font-size:18px;
	font-family: 'delta_promedium',Arial,sans-serif;
}
.latest-news-desc p {
	padding: 0rem 0.5rem;
	margin: 0;
	font-size: 0.8rem;
	color:#1a1a1a !Important;
}


/* button changes */
button, .button {
	margin: 1.25rem 0 1.25rem 0;
	background-color: #5AAC26;
	border-color: #FFFFFF;
	color: white;
	font-family: 'delta_promedium',Arial,sans-serif;
	text-transform:uppercase;
	font-size:1.4rem;
} 
button.success, .button.success {
    background-color: #5AAC26;
    border-color: #5AAC26;
    color: white;
}
.button.no-margin {
	margin:0;
}
button, .button .fa {
	margin-right:5px;
	margin-left: 5px;
}

.fullwidth .fa {
	font-size:1.4rem;
	margin-right:5px;
}

button:hover, button:focus, .button:hover, .button:focus {
	background-color: #333;
	color: #FFF;
}

.fullwidth {
	width:100%;
	margin: 0.3rem 0;
	padding: 0.5rem 0;
}

.feature-button {
	font-family: 'delta_probold',Arial,sans-serif;
	text-transform: uppercase;
	font-size: 1.2rem;
	padding: 1rem;
	left: -1.3rem;
	margin: 0.5rem 0 1rem 0;
}

.feature-button:after {
	position: absolute;
	right: -70px;
	top: 0;
	display: block;
	content: "";
	width: 70px;
	height: 60px;
	cursor: pointer;
	background: url(../assets/2016-Assets/_core/button-after.png) no-repeat 0 0;
}

.feature-button:hover, .hero-button:hover {
	background-color:#5AAC26;
	color:#1a1a1a;
}

.hero-button {
	font-family: 'delta_probold',Arial,sans-serif;
	text-transform: uppercase;
	font-size: 1.2rem;
	padding: 1rem;
	margin: 0.5rem 0 1rem 0;
}

.hero-button:after {
	position: absolute;
	right: -70px;
	top: 0;
	display: block;
	content: "";
	width: 70px;
	height: 60px;
	cursor: pointer;
	background: url(../assets/2016-Assets/_core/button-after.png) no-repeat 0 0;
}

.hero-button:before {
	position: absolute;
	left: -65px;
	top: 0;
	display: block;
	content: "";
	width: 70px;
	height: 60px;
	background-position: -100px -350px;
	cursor: pointer;
	background: url(../assets/2016-Assets/_core/button-before.png) no-repeat 0 0;
}

	@media only screen and (max-width: 40em) {
		.feature-button {
			font-size: 1rem;
			letter-spacing:0;
		}
		
		.feature-button:after {
			display:none;	
		}

		.hero-button {
			padding: 0.3rem;
			font-size: 0.8rem;
			margin: 0rem 0 1rem 0;
		}

		.hero-button:before, .hero-button:after {
			display:none;
		} 

	}

.news-button {
	font-family: 'delta_probold',Arial,sans-serif;
	text-transform: uppercase;
	padding: 0.5rem;
	margin:0;
	font-size: 14px !important;
}

.news-button:after {
	position: absolute;
	right: -60px;
	top: 0;
	display: block;
	content: "";
	width: 70px;
	height: 34px;
	cursor: pointer;
	background: url(../assets/2016-Assets/_core/button-after.png) no-repeat 0 0;
}

.news-button:hover {
	background-color:#5AAC26;
	color:#1a1a1a;
}

	@media only screen and (max-width: 40em) {
		.news-button {
			font-size: 1rem !Important;
			padding: 1rem 2rem;
			letter-spacing:0;
		}
		
		.news-button:after {
			display:none;	
		}
	}


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

.button.dark:hover {
	background-color:#333333;
}

.button.small-margin {
	margin:0.5rem 0;
}




/* MPU Banner styles */
.mpu-banners img {
	width: 100%;
	height:auto;
}

.mpu-banners {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

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

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




/* Aftersales Styles */

.side-nav li {
	margin: 0 0 0 0;
    background-color: #f1f1f1;
    border-bottom: 1px solid #DEDEDE;
}

.side-nav li:last-child {
	border-bottom:0px solid #232323;
}

.side-nav li:hover {
	background-color:#69be28;
	color:#000;
}

.side-nav li a:not(.button) {
	color: #1a1a1a;
    font-size: 0.9rem;
    font-family: "delta_probook",Arial,sans-serif;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
    background-color: #333333;
    color: #5AAC26;
}
.side-nav li a:not(.button):hover {
	color: #5AAC26;
}

.side-nav li .fa {
	margin-right:5px;
}




/* Page Header BG's */

.page-title {
	width: auto;
	position: absolute;
}

@media only screen and (max-width: 40em) { 
	.page-title {
		width: 100%;
	}
}


.page-header h1 {
	font-family: 'delta_promedium_italic',Arial,sans-serif;
	font-size: 2.3rem;
	color: #000;
	background: url(../assets/2016-Assets/_core/header-h1-bg.png) repeat;
	padding: 1rem 2rem;
	text-transform: uppercase;
	margin-top: 4.5rem;
} 

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	.page-header h1 {
		font-size: 2rem;
		margin-top: 4.5rem;
	} 
}

@media only screen and (max-width: 40em) { 
	.page-header h1 {
		font-size: 1.4rem;
		line-height:1.6rem;
		margin-top: 3rem;
	} 
}


.page-header {
	width: 100%;
	min-height:180px;
	border:0px solid #000;
	margin: 0;
	padding: 0;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

@media only screen and (max-width: 40em) { 
	.page-header {
		min-height:125px;
	}
}

#gen-header {
	background-image: url(../assets/2016-Assets/assets-pageheaders/gen-header.jpg);
}
#challenge-header {
	background-image: url(../assets/2016-Assets/assets-pageheaders/challenge-header.jpg);
}
#news-header {
	background-image: url(../assets/2016-Assets/assets-pageheaders/news-header.jpg);
}
#events-header {
	background-image: url(../assets/2016-Assets/assets-pageheaders/events-header.jpg);
}
#contact-header {
	background-image: url(../assets/2016-Assets/assets-pageheaders/contact-header.jpg);
}
#kawasak-me-header {
	background-image: url(../assets/2016-Assets/assets-pageheaders/kawasaki-me-header.jpg);
}
#sagepay-header {
	background-image: url(../assets/2016-Assets/assets-pageheaders/sagepay-header.jpg);
}
#forum-header {
	background-image: url(../assets/2016-Assets/assets-pageheaders/forum-header.jpg);
}
  

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

.model-category-info {
	background-color:#1c1c1c;
}

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

.model-category-text h2 {
	color: #5AAC26;
	text-align:center;
	line-height:1.2;
	font-size:1.4rem; 
}

.model-category-text p {
	font-family: 'delta_probook',Arial,sans-serif;
	text-transform:uppercase;
	color: #FFF;
	text-align:center;
	font-size:1rem;
	margin:0;
	padding:0;
}

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

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

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

/* New Models page */
.new-model-container {
	border-style: solid;
	border-width: 0px;
	border-color: #000;
}

/*@media only screen and (max-width: 64em) { 
	.new-model-container {
		padding-right: 0.9375rem;
	}

	.new-model-tally-container {
		padding-left: 0.9375rem;
	}
}*/


.magellan-container {
	padding: 0 !important;
	background: #000;
}
 
.tally-container {
	border-style: solid;
	border-width: 0px;
	border-color: #000;
	background: #2e2e2e;
	margin-top: 1rem;
	position: relative;
}	

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

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

.tally-container .tally-price {
	font-family: 'delta_probold_italic',Arial,sans-serif;
	color: #5AAC26;
	border-top: 2px solid #4c4c4c;
	border-bottom: 2px solid #4c4c4c;
	padding: 0.5rem 0;
}

.tally-container h1, .tally-container h2, .tally-container h3, .tally-container p, .tally-container li {
	color: white;
	margin-bottom:0.2rem;	
}

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

.tally-container h3 span, .tally-container span {
	color:#5AAC26;
	font-weight:bold;
}

.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 .panel, .new-model-tally-container .panel {
	border-style: solid;
	border-width: 0px;
	border-color: #000;
}

.new-model-container h3 {
	font-family: 'delta_probook_italic',Arial,sans-serif;
	font-size:1.4rem;
	text-transform:none;
}

.new-model-container h3 span, .featured-accessories span {
	color:#5AAC26;
	font-weight:bold;
}

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

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

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

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

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

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

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

.featured-accessories-total-overlay-container {
    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;
	font-family: 'delta_probook_italic',Arial,sans-serif;
}

.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 {
	font-family: 'delta_probold_italic',Arial,sans-serif;
	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-bike-list-container .panel {
	padding-top:0;
}
.used-container {
    background: #f1f1f1;
    margin-bottom: 1rem;
}
.used-list-header {
	background-color: #262626;
	border-color: #434343;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 1rem;
	padding: 1rem;
}
.used-list-header h3 {
	color:#fff;
	margin: 0.3rem 0 0 0;
	padding:0;
}
.used-list-header h3.used_list_price {
	font-weight:800;
	color:#5AAC26;
	float:right;
    font-size:2rem;
	margin:0;
}

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


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

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

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

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

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


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

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

.clearing-thumbs li, [data-clearing] li {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width: 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;
	  color: #fff;
}


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

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




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



/* Promotions */

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

.promo-image:hover {
	border:5px solid #5AAC25;
	-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-color:#69be28;
	color:white ;
	text-align:center;
	margin: 0;
}

.PromoLink a {
	color:white;
	font-size: 1rem;
	font-family: 'delta_promedium',Arial,sans-serif;
}

.PromoLink a:hover {
	color:#333;
}
 
/* News Page */

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


.site_news_image {
}

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

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

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

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

.site_news_item {
	border-bottom: 1px solid #69be28;
}

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

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



/* Form styles */	 
fieldset {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	border-color: #CFCFCF;
	  background: #F8F8F8;
}
fieldset legend {
	background: transparent;
	font-size: 0.9rem;
	padding: 0 0.5rem;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	border: 2px solid #cccccc;
	margin: 0.4rem 0 1rem 0;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
	background: #FFF;
	border: 2px solid #5AAC26;
}
input[type="file"], input[type="checkbox"], input[type="radio"], select {
  margin: 0.4rem 0 1rem 0;
}
.radio-label {
	font-weight:normal;
	margin-bottom:0;
	color:#333;
}
span.error {
    background: #f04124 !important;
    color: white !important;
    width: 100%;
    position: relative;
    top: -0.8rem
}
label.error {
	color: #CC0000;
}
label span.small {
	position:relative;
	top:-0.8rem;
	color:#5A5A5A;
}
input[type="checkbox"].error, input[type="radio"].error {
    margin-bottom: 1rem;
}

label {
	font-weight:bold;
}


/* Custom Validation */
select.mandatory-error {
    border: 1px solid red !important;
    background-color: #FFCCCC !important;
}

input[type="text"].mandatory-error, input[type="password"].mandatory-error   {
    border: 1px solid red !important;
    background-color: #FFCCCC !important;
}

.mandatory-error label {
    color: red !important;
}

span.mandatory-error {
    color: red !important;
}

p.validate-membership-error {
    color:#fb0202;
    font-weight:bold;
}

p.validate-membership-error a {
    color:#fb0202 !important;
    border-bottom: 1px solid #fb0202;
}

p.validate-membership-error a:hover {
    color:#990000 !important;
}


/* Alert Styles */
.alert-box.alert {
    background-color: #f04124;
    border-color: #de2d0f;
    color: white !important;
}


/*Table Styles */

/* Table Styles */
	
	table {
		/*background:#000;*/
		border:0;	
        color: white;
	}
	table thead tr th, table thead tr td {
		color: #FFF;
		/*background-color: #000!important;*/
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
    table tfoot tr th, table tfoot tr td {
        padding: 0.5rem 0.625rem 0.625rem;
        font-size: 0.875rem;
        font-weight: bold;
        color: #FFF;
    }
    table tfoot tr td {
		border-top: 2px solid #5AAC26!important;
    }  
    table tfoot {
        background: black;
    }
	table tr.even, table tr.alt, table tr:nth-of-type(even) {
		background: #f9f9f9;
	}
	table tr th, table tr td {
		font-size: 0.875rem;
		/*color: #FFF;*/
		text-align: left;
	}
	table tr td {
		border-bottom: 1px solid #333!important;
		font-weight:300;
	}
    table tr td .button.small {
        width: 100%;
        font-size: 11px;
        padding: 3px 10px;
        text-transform: none;
        border-radius: 5px;
        font-weight: normal;
        font-family: 'Lato', sans-serif;
    }

    /* White Tables */
	table.white {
		background:#FFF;
		border:0px solid #e2e2e2;
        color:#1a1a1a;
	}
	table.white thead tr th, table.white thead tr td {
		color: #FFF;
		background-color: #000!important;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
    table.white tbody {
        border: 1px solid #e2e2e2;
    }
    table.white tfoot tr th, table.white tfoot tr td {
        padding: 0.5rem 0.625rem 0.625rem;
        font-size: 0.875rem;
        font-weight: bold;
        color: #FFF;
    }
    table.white tfoot tr td {
		border-top: 2px solid #5AAC26!important;
        border-bottom:0px solid white !important;
    }  
    table.white tfoot {
        background: white;
    }
	table.white tr.even, table.white tr.alt, table.white tr:nth-of-type(even) {
		background: #f1f1f1;
	}
	table.white tr th, table.white tr td {
		font-size: 0.875rem;
		color: #1a1a1a;
		text-align: left;
	}
	table.white tbody tr td {
        border: 1px solid #e4e4e4!important;
        font-weight: inherit;
	}
    table.white tr td .button.small {
        width: 100%;
        font-size: 11px;
        padding: 3px 10px;
        text-transform: none;
        border-radius: 5px;
        font-weight: normal;
        font-family: 'Lato', sans-serif;
    }


	/* Basket Table */
	
	table.basket-preview {
		background:#000;
		border:0;	
	    width: 100%;
	}
	table.basket-preview tr th {
		color: #FFF;
		background-color: #000!important;
		padding: 8px 4px;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
	table.basket-preview tr.even, table.basket-preview tr.alt, table.basket-preview tr:nth-of-type(even) {
		background: #121212;
	}
	table.basket-preview tr th, table.basket-preview tr td {
		padding: 0.5625rem 1.125rem;
		font-size: 0.875rem;
		color: #FFF;
		text-align: left;
	}
	table.basket-preview tr td {
		border-bottom: 1px solid #333!important;
		font-weight:300;
	}
	table.basket-preview tr td .button.tiny {
		margin:0;	
	}


	/* Dashboard Table */
	
	table.gen_table {
		background:#000;
		border:0;	
	    width: 100%;
	}
	table.gen_table tr th {
		color: #FFF;
		background-color: #000!important;
		padding: 8px 4px;
		border-top: 4px solid #5AAC26!important;
		border-bottom: 1px solid #5AAC26!important;
		font-weight: 800;
		border-right-style: none;
		border-left-style: none;
		text-align: left;
		font-family: 'Lato', sans-serif;		
	}
	table.gen_table tr.even, table.gen_table tr.alt, table.gen_table tr:nth-of-type(even) {
		background: #121212;
	}
	table.gen_table tr th, table.gen_table tr td {
		padding: 0.5625rem 1.125rem;
		font-size: 0.875rem;
		color: #FFF;
		text-align: left;
	}
	table.gen_table tr td {
		border-bottom: 1px solid #333!important;
		font-weight:300;
	}
	table.gen_table tr td .button.tiny {
		margin:0;	
	}

	
	/* Signup Tables Overrides */
	
	.radiolist table, .freegift-radio-list table {
		background: transparent;
		margin-bottom: 0;
		border: solid 0px #dddddd;
		width:100%;
	}
	.radiolist table tr th, .radiolist table tr td, .freegift-radio-list table tr th, .freegift-radio-list table tr td {
		padding: 0;
	    text-align: center;
	}
	.radiolist table tr.even, .radiolist table tr.alt, .radiolist table tr:nth-of-type(even), .freegift-radio-list table tr.even, .freegift-radio-list table tr.alt, .freegift-radio-list table tr:nth-of-type(even) {
		background: transparent;
	}	


/* footer styling */
footer {
	border-top: 0px solid #333;
	border-right: 0px solid #333;
	border-bottom: 0px solid #333;
	border-left: 0px solid #333;
	background-color: #000;
}

.footer-border {
	background-image: url(../assets/2016-Assets/_core/footer-border.png);
	height: 14px;
	background-repeat: repeat-x;
}

.sub-footer-border {
	background-image: url(../assets/2016-Assets/_core/sub-footer-border.png);
	height: 14px;
	background-repeat: repeat-x;
}

footer h2 {
	font-size:1.4rem;
	color:white;
	margin-bottom:1rem; 
	letter-spacing:0.1rem;
} 

footer p {
	font-size:0.8rem;
	color:#bbbbbd;
	  margin-bottom: 0.5rem;
}
footer ul li a {
  font-family: 'Lato', sans-serif;
  color: #bbbbbd;
  font-weight: 300;
  font-size: 0.8rem;
}
footer ul {
	color: #f1f1f1;
	font-size: 14px;
	list-style: none;
	margin: 0;
}

footer li {
	margin-bottom:0.3rem;
}

footer a:hover {
	color:white;
}

footer strong {
color: rgb(240, 240, 240);
  font-size: 0.9rem;
 }

.footer-column {
	background: #1c1c1c;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.sub-footer-column {
	background: #fff;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.dealership-info {
	padding-left:0;
}

.sub-footer-column p {
	color:#1a1a1a;
	font-size:0.7rem;
	font-weight:bold;
	text-align:center;
}

.sub-footer-column a {
	color:#1a1a1a;
}
.sub-footer-column a.logout-link {
	padding-bottom: 0.1rem;
}
.sub-footer-column a:hover {
	color:#333;
}




/* Accessories Page */

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


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

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

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

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

.reveal-modal label {
	color:white;
}

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


/* Breadcrumbs */

.breadcrumbs > * a {
	color: #5AAC26;
}

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


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

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


/* Signup Page */

.signup-container {
	text-align:center;
}

.signup-container form h3, .signup-container form p, .signup-container form label {
	text-align:left; 
}

.signup-container form p {
	font-size:0.7rem;
}


.row .row.sponsor-container {
	margin-bottom:0.5rem;
}


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


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

/* Breadcrumbs */

.breadcrumbs > * a {
  color: #5AAC26;
  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: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-size:1.2rem;
	background:#5AAC26;
	color:#FFF;
	padding:0.5rem;
	margin:0;
}
.callout-container {
	margin-top:1rem;
}
.callout-container > .panel {
	background: #d9d9d9;
	margin: 0;
}
.callout-container p {
	font-family: 'Montserrat', sans-serif;
	font-size:1.2rem;
	text-align:center;
	text-transform:uppercase;
	font-weight:300;
}
.callout-container span {
	color:#5AAC26;
	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:#5AAC26;
	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.22rem 0.875rem 0.22rem;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    border-style: solid;
    border-width: 2px;
    background-color: #FFFFFF;
    border-color: rgb(204, 204, 204);
    border-radius: 0px;
    margin: 0;
}
.basket-info a {
	color:#1a1a1a;
}
.basket-info p {
	margin: 0;
	font-size: 0.6875rem;
	line-height: 0.6875rem;
	text-transform: uppercase;
	text-align:center; 
	color:#1a1a1a;
}

p.basket-amount {
    margin: 1rem 0 0 0;
    text-align: right;
    padding: 0 2rem;
    font-size:0.8rem;
}

.basket-info, .pagination-container {
	margin-bottom:0rem;
}
p.basket-amount a {
	color: #FFF;
}
p.basket-amount span {
	font-weight:bold;
	color: #5AAC26;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


/* New Checkout Styles */

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

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

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

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

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


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



/* 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: #797979;
    color: #FFFFFF;
	padding: 1rem 2rem;
	font-size: 1rem;
	font-family: 'delta_probook',Arial,sans-serif;
}
.tabs dd > a:hover, .tabs .tab-title > a:hover {
    background-color: #505050;
}
.tabs dd.active a, .tabs .tab-title.active a {
    background-color: #333333;
    outline: none;
    color: #5AAC26;
	padding: 1.2rem 2rem;
	margin-top: -6px;
	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;
	font-family: 'delta_promedium_italic',Arial,sans-serif;
}




/* Social Icons */

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

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

.atss {
    top: 40% !Important;
}




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


/* Events Listing */
.panel.month-selector {
    background: #1d1d1d;
	padding:0rem;
}
.slider-nav h3 {
    background: transparent;
    color: #CCC;
    font-size: 22px;
    line-height: 70px;
    margin: 10px;
    padding: 0;
    position: relative;
    text-align: center;
	cursor:pointer;
}
.slider-nav .slick-active h3 {
    background: transparent;
}
.slider-nav .slick-center h3 {
    font-size:32px;
    color: #5aac26;
}
.slider-nav .slick-prev {
    left: 0px;
}
.slider-nav .slick-next {
    right: 0px;
}
.slider-nav .slick-prev, .slider-nav .slick-next {
    background: transparent;
    height: 30px;
    width: 20px;
    top: 45%;
}
.slick-prev:before, .slick-next:before {
    color: #CCC;
	font-size:1rem;
}
@media only screen and (max-width: 40em) {
	.slider-nav .slick-prev, .slider-nav .slick-next {
		display: inline-block !Important;
	}
	.slider-nav .slick-prev {
		left: 20px;
	}
	.slider-nav .slick-next {
		right: 20px;
	}
}
.event-list h1 {
	margin-bottom:2rem;
}
.event-container {
    background-color: #FFF;
	border: 1px solid #f1f1f1;
    width: 100%;
    float: left;
    padding: 1rem;
}
.event-container:nth-of-type(even) {
	background-color:#f1f1f1;
}
.event-container h2.title {
	margin: 0.5rem 0 0 0;
}
.event-container h2.title  strong{
	color: #5aac26;
}
.event-container .event:last-child {
	border-bottom:0px solid white;
}
.event {
	border-bottom:1px solid #dddddd;
	padding:1rem 0;
}

@media only screen and (max-width: 40em) {
	.event-container {
		padding: 0;
		border: 0;
	}
	.event-container:nth-of-type(even) {
		background-color: #fff;
		border-top: 1px solid #f1f1f1;
		padding-top: 1rem;
	}
	.event h2 {
	    font-size: 1.4rem;
		margin: 0.5rem 0;
	}
}

.stock-count {
    font-weight:bold;
}

/* Site Search */
    /* Search Bar */
    .search-container {
        width: 480px;
    }
    .search-head-container {
        margin: 0rem 2rem 0 2rem !Important;
    }
    .search-head-container .search-box, .search-head-container .search-options {
        margin:0;
    }
    .search-trigger.postfix.button {
        margin: 0;
    }
    .search-trigger.postfix.button .fa {
        font-size: 1rem;
        position: relative;
    }
    #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: #5AAC26;
        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: #5AAC26;
        font-weight: 600;
    }
    .search-result-container {
        margin-bottom:0.5rem;
    }
    .search-result-container h2 {
       margin:1rem 0;
       font-size: 1.2rem;
    }
.search-tab.selected {
    color:#0078b2;
}

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

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

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

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

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

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


/* CMS Overrides */
figure.hdr {
    margin-bottom:1rem !Important;
}
figure.hdr figcaption {
    height: 65% !important; 
}
figure.hdr figcaption h2, figure.hdr figcaption p {
    font-family: 'delta_probold_italic',Arial,sans-serif !important;
}

/* Membership Validation */
.membership-selector .button {
    font-size:0.9rem;
}
a.select-membership-option.vehicle-details {
    font-weight: bold;
    color: #1a1a1a;
    font-size: 0.8rem;
}
a.select-membership-option.vehicle-details:hover {
    color: #5AAC26;
}


.step {
    transition: 0.75s ease;
}



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

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

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

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

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

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

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

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

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

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


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

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

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

.small-bold {
    font-size:0.8rem !important;
    font-weight:bold;
}

.alert-box {
    font-size: 0.7125rem;
    padding: 0.5rem;
    text-align: center;
}

.alert-box i {
    padding-right:5px;
}

.alert-box.error {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: white;
}

.alert-box.success {
    background-color: #69BF2A;
    border-color: #4DB848;
    color: white;
}

.member-referral-container {
    margin: 0 auto;
    text-align: center;
}

.member-referral-container > ul {
    list-style-position:inside;
}

.member-referral-container > ul > li {
    font-size:0.8rem;
}

#trigger-member-reference-check {
    line-height: 2.2rem;
}

#trigger-member-reference-check.error {
    background-color: #69BF2A;
    border-color: #4DB848;
    color: white;
}

#trigger-member-reference-check.success {
    background-color: #69BF2A;
    border-color: #4DB848;
    color: white;
    cursor: not-allowed;
}

.reference-lookup-error {
    color: #f04124;
}

span.error a {
    font-weight:bold !important;
    color: white;
}

.reset-password-error.error {
    margin-top:0.5rem !important;
    margin-bottom:0 !important;
}

.password-rules {
    list-style:inside;
}

.password-rules li.error {
    color: red;
    font-weight: bold;
}

    /* Updated Form List Buttons */
    .marketing-options-container {
        margin-top: 2rem;
	    padding: 0 1rem;
    }

    .marketing-options-container ul.marketing-options {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding-left: 0;
        margin-left: 0;
    }

    .marketing-options-container li {
        list-style: none;
        display: inline-block;
        width: calc(100% / 3);
        /* height: 50px; */
        text-align: left;
        border: 1px solid #f1f1f1;
    }

    /*.marketing-options-container li:last-child:nth-child(odd) {
        width: calc(100% / 1);
    } */

    .marketing-options-container input[type=radio], .marketing-options-container input[type=checkbox] {
        /* display: none; */
        margin: 0;
    }

    @media screen and (max-width: 40em) {
        .marketing-options-container li {
            width: calc(100% / 1);
        }
    }

    /*** How it should look when hovered*/
    .marketing-options-container .active-label, .marketing-options-container label:focus, .marketing-options-container label:hover, .marketing-options-container label:active, .marketing-options-container input:checked + label {
        color: #5AAC26;
    }

    .marketing-options-container .active-label:before, .marketing-options-container label:focus:before, .marketing-options-container label:hover:before, .marketing-options-container label:active:before, .marketing-options-container input:checked + label:before {
        background: white;
        border-color: #5AAC26;
    }

    /*** Style the labels  */
    .marketing-options-container label {
        font-size: 0.875rem;
        font-weight: bold;
        line-height: 1;
        cursor: pointer;
        display: block;
        padding: 1rem 1rem 1rem 1rem;
        position: relative;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        background: white;
        whitespace: no-wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: all .15s ease;
        transition: all .15s ease;
        /*** This is the radio fake dot */
    }

    .marketing-options-container label:first-of-type {
        border: 0;
    }

    /*.marketing-options-container label:before {
        content: "";
        position: absolute;
        left: 1rem;
        top: 1rem;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: .2rem solid #ccc;
    }*/

    /*** How it should look when checked */
    .marketing-options-container input:checked + label:before {
        border-color: white;
        border: none;
        background: #5AAC26;
    }

    /*** How it should look when disabled */
    .marketing-options-container input:disabled + label {
        background: #efefef;
        color: rgba(0, 0, 0, 0.5);
        cursor: not-allowed;
    }

    .marketing-options-container input:disabled + label:hover {
        border-color: rgba(0, 0, 0, 0.1);
    }

    .marketing-options-container input:disabled + label:before {
        border-color: white;
        background: white;
    }

	
	/* Classes for when disabled */
    li.channel-checkbox-listitem.disabled {
        opacity: 0.3;
    }
    li.channel-checkbox-listitem.disabled label:hover {
        color: #000;
		cursor: auto;
    }
	
	
	
.g-recaptcha div:first-of-type {
    margin: 0 auto;
}	


/* Image Upload Table */
table.image-upload-table {
	background: #000;
	color: #FFF;
}
table.image-upload-table tr.even, table.image-upload-table tr.alt, table.image-upload-table tr:nth-of-type(even) {
    background: #171717;
}
table.image-upload-table tr td, table.image-upload-table tr td .page-text {
	color: #FFF;
}
table.image-upload-table tr td .button {
    font-size: 1rem;
}
table.image-upload-table tr td .button.small {
    width: auto;
    font-size: inherit;
    padding: inherit;
    text-transform: none;
    border-radius: 0;
    font-weight: normal;
    font-family: inherit;
}

.error {
    border-color: red !important;
}