
.sidebar {
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
    bottom: 0;
    display: block;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
	border-radius: 10px;

}

.bike-header {
    background-color: #333;
	border-radius:5px;
	color:#FFF;

}

.well-w {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-bottom: 1px solid #e3e3e3;
    border-image: none;
    border-radius: 4px;
    border-top: 1px solid #e3e3e3;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    min-height: 20px;
    padding: 14px;
}

.banner {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px;
	color:#FFF;
}

.
.tyre-bike {
	background-image: url("http://www.bridgestonemx.co.uk/img/BS_Website_RangeHeader_D_1920x580_BattleCross.jpg");
	height:140px
}


.panel-snowball {
    border-color: #ddd;
}

.panel-text {
    color: #fff;
    padding: 15px;
}

.panel-dark-bg {
    background-color: rgba(0, 0, 0, 0.7);
}

.panel-snowball > .panel-body {
    background-image: url("/img/tyres.jpg");
    background-size: cover;
    padding: 0;
	height:150px;
}

.panel-snowball > .panel-body-1 {
    background-image: url("/img/mot-360px.jpg");
}

.panel-snowball > .panel-body-2 {
    background-image: url("/img/service-360px.jpg");
}

.panel-snowball > .panel-body-3 {
    background-image: url("/img/service&mot-360px.jpg");
}

.panel-snowball > .panel-body-4 {
    background-image: url("/img/aircon-360px.jpg");
}

.panel-snowball > .panel-body-5 {
    background-image: url("/img/exhaust-360px.jpg");
}

.panel-snowball > .panel-body-6 {
    background-image: url("/img/brakes-360px.jpg");
}


#sticky {
	position: fixed;
	width: 85px;
	right: 0;
	border: 10px thin #a1a1a1;
	background: #FFF;
	padding: 15px;
	-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
		margin-right:3px
}

.panel-snowball > .panel-heading {
    background-color: #333;
    border-color: #ddd;
    color: #fff;
}

footer.pagefooter {
    height: 84px;
    padding: 13px 0;
    background: #4a4a4a;
    color: #a09e9e;
    font-size: 10px !important;
    width: 100%;
    bottom: 0;
    display: block;
}


footer a {
	color: #FFF;
}
footer a:hover {
	color: #FFF;
}



.home-bg {
	border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border: 1px solid #CCCCCC;
	
}

/* CUSTOM HEADER PANEL STARTS HERE */
.panel-custom {
  border-color: #ddd;
}
.panel-custom > .panel-heading {
  color: #fff;
  background-color: #333;
  border-color: #FFF;
}
.panel-custom > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #999;
}
.panel-custom > .panel-heading .badge {
  color: #999;
  background-color: #fff;
}
.panel-custom > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #999;
}
/* CUSTOM HEADER PANEL ENDS HERE */

/* CUSTOM RESULTS PANEL STARTS HERE */
.panel-results-filters {
  border-color: #ddd;
}
.panel-results-filters .panel-title {
	font-size: 85%;
}
 .panel-results-filters > .panel-heading {
  border-color: #ddd;
  background-color: #CCC;
}
.panel-results {
  	border-color: #ddd;
 	min-height: 300px;
 	text-align: center;
}
.panel-results > .panel-title {
	font-size: 85%;
}
.panel-results > .panel-heading {
  color: #333;
  background-color: #FFF;
  border-color: #ddd;
}
.panel-results > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-results > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-results > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-results > .panel-footer {
  background-color: #FFF;
}
/* CUSTOM RESULTS PANEL ENDS HERE */
.refine-bg {
	background-color: #666;
}
.text-white {
	color: #FFF;
}
.text-yellow {
	color: #ffff00;
}
.text-black {
	color: #000;
}
.text-blue {
	color: #337ab7;
}
.text-red {
	color: #FF0000;
}
.text-shadow {
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 1);
}

/* Tyre Labels  */


.tyre-label-a {
	background-color: #00a651;
}
.tyre-label-b {
	background-color: #4db848;
}
.tyre-label-c {
	background-color: #bed62f;
}
.tyre-label-d {
	background-color: #fff200;
}
.tyre-label-e {
	background-color: #f36f21;
}
.tyre-label-f {
	background-color: #ed1c24;
}

@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }  
    .navbar-collapse.collapse {
        display: none!important;
    }
     .navbar-collapse.collapse.in { 
        display: block !important; 
       }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


