﻿	 .s-header__trigger-icon {
			background: #000!important; /*0d466e*/
		}
		.color-black {
			color: #000!important;
		}
		.search-box + label .search-icon {
			color: black!important;
		}
		.thumbnail {
			border: 0;
		}
			.thumbnail:hover {
				text-decoration: underline;
				cursor: pointer;
			}
			.thumbnail .short-desc:hover {
				text-decoration: underline;
			}
		.item:hover {
			cursor:pointer;
			text-decoration: underline;
		}
		.item .short-desc:hover {
			text-decoration: underline;
		}

.product-list .thumbnail img {
	width: auto;
}
.thumbnail img {
	margin: 0 0 1.25rem 0;
	width: 100%;
    max-height: 140px;
    height:140px;
}
.thumbnail>img, .thumbnail a>img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.thumbnail .caption {
	padding: 0;
}
.thumbnail .caption {
	padding: 9px;
	color: #333;
}

.breadcrumb {
	background-color: #fff;
	margin-bottom: 0px;
}
.space {
	height:100px;
}
.well {
	margin-bottom: 0px!important;
}
.breadcrumbs-fixed-top {
    width:75%!important;
	top: 120px;
	border-width: 0 0 1px;
	position: fixed;
	z-index: 1025;
}
.well{
	background-color: #fff;
	border: none;
	box-shadow: none;
}
.btn-primary {
	color: #fff;
	background-color: #0d466e;
	border-color: #0d466e;
	-webkit-box-shadow: -1px 3px 175px -27px rgba(156,164,255,1);
	-moz-box-shadow: -1px 3px 175px -27px rgba(156,164,255,1);
	box-shadow: -1px 3px 175px -27px rgba(156,164,255,1);
}

.img-responsive {
	width: 100%;
}
/*need to fix for responsive*/
.img-res{
	padding:20px;
	width: 250px;
	height: 225px;
    margin-left: -15px;
    margin:0px auto;
}

.caption{
	min-height: 120px;
}
.glyphicon { 
	margin-right:5px; 
}
.item.list-group-item .img-res{
	height: auto!important;
	padding: 30px!important;
}
label {
    /*font-size: 0.8375rem;*/
	font-size: 0.9375rem;
	font-weight: 300;
	color: #656565;
	line-height: 1.6;
	margin-top: 0;
}
input[type=checkbox], input[type=radio] {
	margin: 4px 4px;
}
.item {
	border-bottom: 1px solid #ccc;
	min-height: 320px;
	margin-bottom: 20px;
	/*border: 1px solid #c1c1c1;*/
}



/*Display view style*/
	.thumbnail{
		margin-bottom: 20px;
		padding: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.list-group-item:first-child {
		/*width: 24%!important;*/
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	.list-group-content {
		height: auto;
	}
	.group h4{
		font-size: 100%;
	}
	.lead {
		font-size: 100%;
	}
	.list-group-item {
		border: none;
		padding: 0px;
	}
	
	.item.list-group-item{
		float: none;
		width: 100%;
		background-color: #fff;
		margin-bottom: 10px;
	}
	.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover{
		/*background: #428bca;*/
	}
	.item.list-group-item .list-group-image{
		margin-right: 10px;
		margin-top: -30px;
	}
	.item.list-group-item .slim-icon{
		width: 25%!important;
	}
	.list-group .list-thumb{
		height: 100%!important;
	}
	.item.list-group-item .thumbnail{
		margin-bottom: 0px;
	}
	.item.list-group-item .caption{
		padding: 9px 9px 0px 9px;
		/*margin-top: -60px;*/
	}
	.item.list-group-item:nth-of-type(odd){
		background: #fff;
		padding: 20px;
		border-bottom: 1px solid #ccc;
		height: 240px;
		min-height: 170px;
		position: relative!important;
	}
	.item.list-group-item:nth-of-type(even){
		background: #fff;
		padding: 20px;
		border-bottom: 1px solid #ccc;
		height: 240px;
		min-height: 170px;
		position: relative!important;
	}
	.item.list-group-item:before, .item.list-group-item:after{
		display: table;
		content: " ";
	}
	.item.list-group-item img{
		float: left;
		width: 100%;
	}
	.item.list-group-item:after{
		clear: both;
	}
	.list-group-item-text{
		margin: 0 0 11px;
	}
	.list-group-item .msrp-details {
		width: 41%!important;
	}
	.s-back-to-top {
		background:#0d466e!important;
	}

/*Quantity style*/
		.quantity {
		  position: relative;
		}
		input[type=number]::-webkit-inner-spin-button,
		input[type=number]::-webkit-outer-spin-button
		{
		  -webkit-appearance: none;
		  margin: 0;
		}
		input[type=number]
		{
		  -moz-appearance: textfield;
		}
		.quantity input {
		  width: 70px;
		  height: 42px;
		  line-height: 1.65;
		  float: left;
		  display: block;
		  padding: 0;
		  margin: 0;
		  padding-left: 20px;
		  border: 1px solid #eee;
		}
		.quantity input:focus {
		  outline: 0;
		}
		.quantity-nav {
		  float: left;
		  position: relative;
		  height: 42px;
		}
		.quantity-button {
		  position: relative;
		  cursor: pointer;
		  border-left: 1px solid #eee;
		  width: 20px;
		  text-align: center;
		  color: #333;
		  font-size: 13px;
		  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
		  line-height: 1.7;
		  -webkit-transform: translateX(-100%);
		  transform: translateX(-100%);
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  -o-user-select: none;
		  user-select: none;
		}
		.quantity-button.quantity-up {
		  position: absolute;
		  height: 50%;
		  top: 0;
		  border-bottom: 1px solid #eee;
		}
		.quantity-button.quantity-down {
		  position: absolute;
		  bottom: -1px;
		  height: 50%;
		}
	 .gradient{
		 background-color: #fff!important;
	 }
	 .grandient-back{
		background: linear-gradient(#fff, #FDFDFD, #F7F7F7); 
		background-color: #F7F7F7!important;
	 }
	 .gradient-content{
		  background-color: #FDFDFD;
		  background: linear-gradient(#fff, #FDFDFD, #F7F7F7);
	 }
	 .alert {
		color: #aaa!important;
	 }
	 .alert-success, .alert-danger{
		 background-color: transparent;
		 border:  1px solid #aaa;
	 }     
	  /* jssor slider arrow navigator skin 05 css */
		/*
		.jssora05l                  (normal)
		.jssora05r                  (normal)
		.jssora05l:hover            (normal mouseover)
		.jssora05r:hover            (normal mouseover)
		.jssora05l.jssora05ldn      (mousedown)
		.jssora05r.jssora05rdn      (mousedown)
		.jssora05l.jssora05lds      (disabled)
		.jssora05r.jssora05rds      (disabled)
		*/
		.jssora05l, .jssora05r {
			display: block;
			position: absolute;
			/* size of arrow element */
			width: 40px;
			height: 40px;
			cursor: pointer;
			background: url('img/Automob-IMG/a17.png') no-repeat;
			overflow: hidden;
		}
		.jssora05l { background-position: -10px -40px; }
		.jssora05r { background-position: -70px -40px; }
		.jssora05l:hover { background-position: -130px -40px; }
		.jssora05r:hover { background-position: -190px -40px; }
		.jssora05l.jssora05ldn { background-position: -250px -40px; }
		.jssora05r.jssora05rdn { background-position: -310px -40px; }
		.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
		.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
		/* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/
	 .jssort01 .p {    
		 position: absolute;    
		 top: 0;    
		 left: 0;    
		 width: 72px;    
		 height: 72px;
	 }
	 .jssort01 .t {    
		 position: absolute;    
		 top: 0;    
		 left: 0;    
		 width: 100%;    
		 height: 100%;    
		 border: none;
	 }
	 .jssort01 .w {    
		 position: absolute;    
		 top: 0px;    
		 left: 0px;   
		 width: 100%;    
		 height: 100%;
	 }
	 .jssort01 .c {    
		 position: absolute;    
		 top: 0px;    
		 left: 0px;    
		 width: 68px;    
		 height: 68px;    
		 border:  #bdb099 2px solid;  
		 box-sizing: content-box;    
		 background: url('img/Automob-IMG/t01.png') -800px -800px no-repeat;
		 _background: none;
	 }
	 .jssort01 .pav .c {   
		 top: 2px;    
		 _top: 0px;    
		 left: 2px;   
		 _left: 0px;   
		 width: 68px;    
		 height: 68px;    
		 border: #000 0px solid;    
		 _border: #fff 2px solid;    
		 background-position: 50% 50%;
	 }
	 .jssort01 .p:hover .c {    
		 top: 0px;    
		 left: 0px;    
		 width: 70px;    
		 height: 70px;    
		 border: #fff 1px solid;    
		 background-position: 50% 50%;
	 }
	 .jssort01 .p.pdn .c {    
		 background-position: 50% 50%;    
		 width: 68px;    
		 height: 68px;    
		 border: #bdb099 2px solid;
	 }
	 * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    
		 /* ie quirks mode adjust */    
		 width /**/: 72px;    
		 height /**/: 72px;
	 }
	.quantity-color {
		font-size: 0.9375rem;
		font-weight: 300;
		color: #656565;
		line-height: 1.6;
		margin-top: 0;
		margin-bottom: 1rem;
		width:100%;
	}
	.msrp-color {
		font-size: 0.9375rem;
		font-weight: 300;
		line-height: 1.6;
		margin-top: 0;
		margin-bottom: 1rem;
		color: #0070c9;
	}	 

	@media only screen and (max-width: 1920px){

	}
	@media only screen and (max-width: 1265px){
		.item.list-group-item:nth-of-type(odd){
			padding: 0px!important;
		}
		.item.list-group-item:nth-of-type(even){
			padding: 0px!important;
		}
	}
	@media only screen and (max-width: 1197px){
		.content {
			width:58.33333333%!important;
		}
	}	 
	@media only screen and (max-width: 768px){
		/*.img-responsive {
			width: 100%;
		}*/
	}	
	@media only screen and (max-width: 579px){
		.content {
			width:50%!important;
		}
	}		     
	@media screen and (max-width: 489px) {
		 h5, p{
			font-size: 10px!important;
		 }
		.content {
			width:45%!important;
		}
	 }
	@media screen and (max-width: 414px) {
		 h5, p{
			font-size: 10px!important;
		 }
		.content {
			width:30%!important;
		}
		.caption {
			width:150%!important;
		}
	 }
.list-group-item .col-xs-12 {
    width: 35% !important;
}

.list-group-item img {
    max-height: 200px !important;
    margin-top: 0 !important;
}

.list-group-item {
    margin-bottom: 40px;
    height: unset !important;
}