h1, h2, h3, h4, h5, h6 								{ font-family: "Cuprum", Arial; }

form 												{ margin: 0; }

.ellipsis											{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.well-white											{ background-color: #FFF; }

header.main 										{ padding: 20px 0; }
	header .logo									{ float: left; height: 50px; margin-right: 30px; width: 127px; }
		.logo a 									{ background: transparent url('../img/logo.png') no-repeat 0 0;
													display: block; height: 50px; width: 100%; }

	.navigation										{ float: left; margin-bottom: 0; margin-top: 30px; }
		.navigation li 								{ float: left; margin-right: 20px; }
		.navigation a 								{ font-size: 12px; font-weight: bold; display: block; text-transform: uppercase; }

	header.main .search-query						{ margin-top: 20px; }
	header.main .search-query .input-append,
	header.main .search-query .input-prepend,
	header.main .search-query .input-append input	{ margin: 0 !important; }

#content 											{ background-color: #EEE; float: left; padding: 0 0 30px 0; width: 100%; }


ul.makes											{ margin: 0; }
.makes li 											{ float: left; }
.makes a 											{ background-color: #FFF; border-radius: 3px; display: block; float: left;
													padding: 5px 10px; margin: 1px;
													transition: all .150s; width: 60px; }
.makes li.active a 									{  }
.makes a:hover 										{  }
.makes img 											{ height: auto; width: 100%; }


#filters											{ background-color: #FFF; border-bottom: 1px solid #DDD; float: left;
													margin-bottom: 20px; /*overflow: hidden;*/ width: 100%; }
#filters.affix										{ top: 0; }
#filters .filters-wrapper							{ float: left; width: 100%; }
	#filters .filter-tabs							{}
	#filters .filter 								{ float: left; /*display: inline-block;*/ }
		.filter .title								{ background: url('../img/line_b.gif') no-repeat left bottom; height: 25px;
													line-height: 25px; padding: 7px 10px 5px 10px; text-transform: uppercase;
													font-size: 12px; cursor: pointer; }
			.filter .title .icon 					{ background-color: transparent; background-repeat: no-repeat;
													background-image: url('../img/sprite.gif'); display: block; float: left;
													height: 25px; margin-right: 10px; }
		.filter-make .icon							{ background-position: -66px 0;  width: 24px; }
		.filter-model .icon 						{ background-position: -161px 0;  width: 21px; }
		.filter-year .icon 							{ background-position: 0px 0;  width: 21px; }
		.filter-order .icon 						{ background-position: -183px 0; width: 22px; }

	#filters .filter-order							{ float: right; position: relative; }
		.filter-order .orders 						{ background-color: #FFF; box-shadow: 0 2px 2px #ccc; display: none; left: 1px;
													position: absolute; z-index: 999; 	}
		.filter-order .orders a 					{ display: block; padding: 5px 10px; }
		.filter-order .orders a:hover 				{ background-color: yellow; }
		.filter-order:hover .orders 				{ display: block; }


	.filters-area									{ background-color: #777; /*border-top: 1px solid #DDD;*/
													float: left; width: 100%; }	
		.filter-data 								{ display: none; float: left; padding: 10px 0; width: 100%; }

			.filter-data .makes a,
			.filter-data .car 						{ opacity: .5; transition: all .150s; }
			.filter-data .makes .active a,
			.filter-data .cars .active 		  		{ opacity: 1; }
			.filter-data .makes a:hover,
			.filter-data .cars .car:hover 			{ opacity: 1; }


			.filter-data .models					{ text-align: center; }
			.filter-data .models .well-white 		{ display: inline-block; font-size: 12px; margin: 1px; padding: 5px; }

			.filter-data .cars 						{ text-align: center; }
			.filter-data .cars .car 				{ display: inline-block; }
			.filter-data .car > a 					{ display: block; }

.car-images											{ background-color: #FFF; border-radius: 3px; float: left; margin: 1px;
													padding: 5px; width: 180px; }
	.car-images img 								{ max-width: 100%; }
	.car-images .carousel 							{ margin: 0; /*width: 180px; height: 106px; */}
		.car-images .carousel .carousel-control		{ line-height: normal; height: 15px; width: 15px; font-size: 15px; margin: 0;
													/*left: 5px;*/ }
		.car-images .car-image 						{ border-radius: 3px; }
		.car-images .info 							{ display: block; /*font-size: 14px;*/ padding-top: 5px; text-align: center; }


.res-info											{ color: #777; font-family: "Cuprum"; font-size: 14px; margin-bottom: 20px;
													text-transform: uppercase; }
	.res-info span									{ color: #000; font-size: 15px; font-weight: bold; }

/*.search .res-info 									{ margin-top: 30px; }*/
	.search .res-info span.query					{ background-color: #FF7; }

.autopart 											{ background-color: #FFF; box-shadow: 0 0 2px rgba(0,0,0,0.1);
													margin-bottom: 30px; padding: 15px; }
	.autopart > a 									{ display: block; overflow: hidden; }
	.autopart .image 								{ float: left; height: 100px; margin-bottom: 15px; text-align: center;
													width: 100%; }
	.autopart .image.empty,
	.part-image.empty	 							{ background: #FFF url('../img/no_autopart_image.gif') no-repeat center center; }
	.autopart img 									{ max-height: 100px; max-width: 100%; }

	.autopart .info 								{}
		.autopart .info span 						{ display: inline-block; }
		.autopart .info .name 						{ font-size: 12px; font-weight: bold; width: 100%; }
		.autopart .info .price						{ float: right; font-size: 14px; font-weight: bold; }


	.single-cell 									{ border: 0 none; width: 100%; }
	.part-image										{ background-color: #FFF; border-radius: 3px; height: 360px; overflow: hidden;
													padding: 20px; text-align: center; vertical-align: middle; /*width: 100%;*/ }
		.part-image img								{ border-radius: 3px; max-width: 530px; width: auto; height: auto;
													max-height: 360px; }


.part-details .page-header							{ border-bottom: 1px solid #CCC; box-shadow: 0px 1px 0px #FAFAFA;
													padding-bottom: 0; }
	.part-details .page-header h2					{ line-height: normal; font-size: 18px; }
table .l 											{ font-weight: bold; width: 100px; }
.part-details .well-white table						{ margin: 0; }
.car-details td, .part-details td 					{ padding-left: 0; padding-right: 0; vertical-align: middle; }
.car-details tr:first-child td,
.part-details tr:first-child td						{ border-top: 0 none; }
.part-details td 									{ width: 35%; }
.part-details td.l 									{ width: 15%; }
.car-details td 									{ height: 31px; padding-bottom: 0; padding-top: 0; }
.part-details .well 								{ padding: 10px; }
.part-details table 								{ margin: 0; }

.part-details .price 								{ background-color: #FF7; float: left; font-size: 16px; font-weight: bold;
													margin: 20px 0 30px 0; padding: 10px 0; text-align: center; width: 100%; }

.home .carousel 									{ margin-bottom: 0; }
.home .carousel-control 							{ font-size: 16px; width: 20px; height: 20px; border-radius: 0px;
													line-height: normal; padding: 3px 3px; margin-top: -10px; border: 2px solid #FFF; }
.home .carousel-control.left 						{ left: -40px; }
.home .carousel-control.right 						{ right: -40px; }
.home .section										{ float: left; margin-top: 60px; width: 100%; }
.home .section:first-child							{ margin-top: 0; }
.home .section .section-title						{ color: #888; text-shadow: 1px 1px 1px #FAFAFA; }
.home #new-autoparts .autopart 						{ margin-bottom: 0; }
.home .autopart .name 								{ line-height: 20px; }


.numbers 											{ margin: 80px 0 50px 0; }
	.numbers .info-cell 							{ border-radius: 180px; height: 270px; padding-top: 90px; }
	.numbers span 									{ display: block; /*font-family: "Cuprum";*/ text-align: center; }
	.numbers .number 								{ color: #FFF; font-size: 60px; font-weight: bold;
													text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
	.numbers .text 									{ font-family: "Cuprum"; font-size: 25px; font-weight: bold; margin-top: 50px;
													color: #FAFAFA; text-transform: uppercase; }

	.info-makes 									{ background-color: #8E8E93; }
	.info-models 									{ background-color: #4CD964; }
	.info-cars 										{ background-color: #34AADC; }
	.info-autoparts									{ background-color: #FF3B30; }


.contacts 											{ position: relative; }
#map 												{ background-color: #000; height: 450px; position: absolute; width: 100%; }
.contact-details									{ background-color: #FF7; height: 470px; position: absolute; right: 0;
													top: -10px; z-index: 9; }
	.contact-details .shadow 						{ display: block; width: 10px; height: 10px; position: absolute;
													background-color: transparent; background-position: 0 0;
													background-repeat: no-repeat; }
	.contact-details .shadow.tl 					{ background-image: url('../img/sh_tl.png'); left: -10px; top: 0; }
	.contact-details .shadow.bl 					{ background-image: url('../img/sh_bl.png'); left: -10px; bottom: 0; }
	.contact-details .title 						{ margin: 10px 0 10px 20px; padding: 0; }
	.contact-details address 						{ margin-bottom: 10px; padding: 15px 20px; }
	.contact-details address.active 				{ background-color: #000; color: #FFF; }
	.contact-details address i 						{ margin-right: 10px; }

.contact-form										{ margin-top: 450px; padding-top: 30px; }
	.contact-form label 							{ text-shadow: 1px 1px 1px #FFF; font-weight: bold; }
	.contact-form textarea							{ height: 120px; max-height: 120px; min-height: 120px;
													max-width: 100%; min-width: 100%; }





footer												{ float: left; padding: 30px 0; width: 100%; }