/* index car selector */
.ind-carselect{
	float: left;
	width: 63%;
}
.ind-car-selector{
	background-color: rgba(242,242,242,0.70);
}
.car-sel-nav{
}
.car-sel-nav:after{display: block; clear: both; content: '';}
.car-sel-inp{
	float: left;
	width: 24.99999%;
	box-sizing: border-box;	
}
.car-sel-inp:after{
	display: block;
	content: '';
	clear: both;
	height: 7px;
	width: 100%;
}
.car-sel-inp>div{
	border-left: 1px solid #d4d4d4;
	box-sizing: border-box;
	background: #f2f2f2 url(../img/carparts/a-down.png) no-repeat 96% 50%;
	padding: 12px 20px 12px 12px;
}
.car-sel-inp:first-child>div{border-left: 0;}
.car-sel-inp>span{display: block; content: ''; background-color: #d4d4d4; height: 6px; border-left: 1px solid #d4d4d4;}
.car-sel-inp:first-child>span{border-left: 0;}

.car-sel-inp-act>div{background-color: #ffffff; background-image: url(../img/carparts/a-up.png);}
.car-sel-inp-act:after{background: url(../img/carparts/yel-sel.png) no-repeat 50% 0;}
.car-sel-inp-act>span{background-color: #ffc000;}

.car-sel-opttabs{
	padding: 4px;
}
.car-sel-opttabs:after{display: block; content: ''; clear: both;}
.car-sel-tab{}
.car-sel-tab:after{display: block; content: ''; clear: both;}

.car-sel-more{
	text-align: center;
	color: #ffffff;
	padding: 20px 0;
}
.car-sel-more>span{
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer;
	padding-right: 16px;
	background: url(../img/carparts/a-drop-more.png) no-repeat 100% 6px;
}


.car-sel-blist{}
.car-sel-blist:after{display: block; content: ''; clear: both;}
.car-sel-b{
	float: left;
	cursor: pointer;
	background: #ffffff;
	width: 13.99999%;
	margin-left: 0.29999%;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 4px;
	font-size: 13px;
}
.car-sel-b:nth-child(7n+1){margin-left: 0;}
.car-sel-b:hover{background-color: #f0f0f0;}


.car-sel-mlist{}
.car-sel-mlist:after{display: block; content: ''; clear: both;}
.car-sel-m{
	float: left;
	cursor: pointer;
	background: #ffffff;
	width: 19.49999%;
	margin-left: 0.49999%;
	text-align: center;	
	height: 90px;
	margin-bottom: 4px;
	font-size: 13px;
	overflow: hidden;
}
.car-sel-m>a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	box-sizing: border-box;
	padding: 4px 6px;
	color: #292929;
}
.car-sel-m-pic{
	height: 50px;
}
.car-sel-m-pic img{
	display: block; 
	margin: auto;
	max-width: 94%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.car-sel-m-name{
	line-height: 16px;	
	text-transform: uppercase;
}
.car-sel-m>a:hover{background-color: #ffc000;}
.car-sel-m>a:hover .car-sel-m-name{color: #ffffff;}

.car-sel-mtdlist{}
.car-sel-mtdlist:after{display: block; content: ''; clear: both;}
.car-sel-mtd{
	float: left;
	cursor: pointer;
	background: #ffffff;
	width: 49.49999%;
	margin-left: 0.99999%;
	text-align: left;
	box-sizing: border-box;
	padding: 10px 14px;
	margin-bottom: 7px;
	font-size: 14px;
}
.car-sel-mtd:nth-child(2n+1){margin-left: 0;}
.car-sel-mtd:hover{background-color: #f0f0f0;}

.car-sel-mtd-sel{background-color: #ffc000; color: #ffffff;}

.car-sel-melist{
	display: table;
	width: 100%;
	border-spacing: 0;	
	font-size: 13px;
	line-height: 14px;
}
.car-sel-melist>div{
	display: table-row;	
	background-color: #ffffff;
}
.car-sel-melist>div>div{
	display: table-cell;	
	border-top: 1px solid #e0e0e0;
	padding: 3px 0;
}
.car-sel-melist>div:first-child>div{border-top: 0;}
.car-sel-melist>div>div>span{
	display: block;
	border-left: 1px solid #e0e0e0;
	padding: 8px 4px 8px 32px;
}
.car-sel-melist>div>div:first-child>span{border-left: 0;}

.cse-type>span{background-position: 10px 50%; background-repeat: no-repeat;}
.cse-type-gas>span{background-image: url(../img/carparts/cc-type-fuel.png);}
.cse-type-diesel>span{background-image: url(../img/carparts/cc-type-diesel.png);}
.cse-type-hybrid>span{background-image: url(../img/carparts/cc-type-hybrid.png);}
.cse-type-ev>span{background-image: url(../img/carparts/cc-type-ev.png);}
.cse-type-propan>span{background-image: url(../img/carparts/cc-type-propan.png);}

.cse-engine>span{background: url(../img/carparts/cc-engine.png) no-repeat 10px 50%;}
.cse-hp>span{background: url(../img/carparts/cc-hp.png) no-repeat 10px 50%;}

.cse-drive>span{background-position: 8px 50%; background-repeat: no-repeat;}
.cse-drive-fwd>span{background-image: url(../img/carparts/cc-drive-fwd.png);}
.cse-drive-bwd>span{background-image: url(../img/carparts/cc-drive-bwd.png);}
.cse-drive-awd>span{background-image: url(../img/carparts/cc-drive-awd.png);}

.car-sel-melist>div:hover{background-color: #f8f8f8;}
.car-sel-melist>div.car-sel-erow-sel{background-color: #ffc000; color: #ffffff;}

.car-sel-erow-sel .cse-engine>span{background-image: url(../img/carparts/cc-engine-w.png);}
.car-sel-erow-sel .cse-hp>span{background-image: url(../img/carparts/cc-hp-w.png);}


.car-garage .car-sel-inp-act>div { background: none; }
.ajx-load {
	display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    background: silver;
    opacity: 0.8;
    position: absolute;
    padding-top: 50px;
	z-index: 10;
}
.car-garage{
	clear: both;
	margin: 10px 0;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	padding: 8px 8px;
	position: relative;
}

.car-garageform 
{
	margin: 10px 0;
	border: 1px solid #e5e5e5;
	position: relative;
	box-sizing: border-box;
}

.car-garage-cur{
	clear: both;
}
.car-garage-cur:after{clear: both; content: ''; display: block;}
.car-garage-choice{
	float: right;
	width: 114px;
	box-sizing: border-box;
	border-left: 1px solid #e5e5e5;
	padding: 12px 0 12px 16px;
	font-size: 15px;
}
.car-garage-choice>div{
	display: inline-block;
	cursor: pointer;
	background: url(../img/carparts/a-drop-down.png) no-repeat 100% 7px;
	padding-right: 14px;
}
.car-garage-choice>div:hover>span{
	border-bottom: 1px dotted #606060;
}
.car-garage-car{
	float: left;
	width: calc(100% - 132px);
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.car-garage-carpic{
	width: 100px;
	margin-right: 20px;
}
.car-garage-carpic img{
	display: block;
	max-width: 100%;
	max-height: 50px;
	width: auto;
	height: auto;
}
.car-garage-cartit{
	padding-bottom: 2px;
	font-size: 15px;
}
.car-garage-cartit>a{color: var(--color-DBlue);}
.car-garage-cartit>a:hover{color: var(--color-DBlue-Hover);}

.car-garage-dlg{
	display: none;
	position: absolute;
	z-index: 3;
	left: -1px;
	right: -1px;
}
.car-garage-flydlg{
	background-color: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 6px 6px rgba(200,200,200,0.2);
}
.car-garage-carlist{}
.car-garage-carlist:after{clear: both; display: block; content: '';}
.car-garage-carit{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 18px;
}
.car-garage-carit>div{padding: 6px 10px;}
.car-garage-carit>div:nth-child(1){
	box-sizing: border-box;
	width: 78px;
	padding-left: 8px;
	padding-right: 0;
}
.car-garage-carit>div:nth-child(1) img{
	display: block;
	max-width: 100%;
	max-height: 36px;
	width: auto;
	height: auto;
}
.car-garage-carit>div:nth-child(2){text-align: left; width: calc(100% - 202px);}
.car-garage-carit>div:nth-child(3){
	width: 120px;
	/*text-align: center;*/
}
.car-garage-carit-sel>div:nth-child(3)>span{color: #f4ac00; text-transform: uppercase;}

.car-garage-carit-sel{
	background: #fffcf6 url(../img/carparts/arr-y-sel.png) no-repeat 0 50%;
	border: 1px solid #f5b211;
}

.car-garage-carit div:nth-of-type(3)>span { display: none; }
.car-garage-carit div:nth-of-type(3)>button { display: block; }
.car-garage-carit-sel div:nth-of-type(3) span { display: block; }
.car-garage-carit-sel div:nth-of-type(3) button { display: none; }

.car-garage-carit-tmp span { display: none; }
.car-garage-carit-tmp .nogaragelist-links { display: block; }

.car-garage-carit-tmp.car-garage-carit-sel span { display: block; }
.car-garage-carit-tmp.car-garage-carit-sel .nogaragelist-links { display: none; }

.car-garage-dop{
	text-align: center;
	padding: 14px 10px;
	font-size: 13px;
	color: #909090;
	height: 48px
}
.car-garage-dop .lft {
	float: left;
}
.car-garage-dop .rgt {
	float: right;
}
a.add-a{
	display: inline-block;
	padding-left: 20px;
	background: url(../img/carparts/ibtn-add-plus.png) no-repeat 0 1px;
	margin-left: 10px;
}
a.a-back{
	display: inline-block;
	padding-left: 16px;
	background: url(../img/carparts/a-back-sm.png) no-repeat 0 5px;
	color: #646464;
}
a.a-back:hover{color: #303030;}

a.btn-nogarage-sel-car, a.btn-nogarage-nosel-car{
	display: inline-block;
	font-size: 13px;
	line-height: 14px;
	border-radius: 4px;
	padding: 3px 10px;
	text-decoration: none;
}
a.btn-nogarage-sel-car{background-color: #fa9f10; color: #ffffff;}
a.btn-nogarage-sel-car:hover{background-color: #fbac30;}

a.btn-nogarage-nosel-car{background-color: #d0d0d0; color: #ffffff;}
a.btn-nogarage-nosel-car:hover{background-color: #b0b0b0;}

.car-garage-dop a.del-a{
	display: inline-block;
	background: url(../img/carparts/a-clear-sel.png) no-repeat 0 0;
	padding-left: 18px;
}


.add2gar{padding-top: 4px;}
.add2gar a.add-a{margin-left: 0; background-position: 0 2px;}

.car-garage-addfrm{
	border-top: 2px solid #e5e5e5;
}
.car-garage-addfrm:after{clear: both; content: ''; display: block;}
.car-garage-addr{
	float: right;
	width: 190px;
	padding: 8px 0 12px 0;
}
.car-garage-addl{
	float: left;
	width: calc(100% - 196px);
	box-sizing: border-box;
	background-color: #fafafa;
	min-height: 120px;
	border-right: 1px solid #e3e3e3;
}

.car-garage-back{
	padding: 12px 0 12px 20px;
	font-size: 13px;
	line-height: 16px;
}

.car-garage-addcarpic{
	padding: 10px 0;
}
.car-garage-addcarpic img{
	display: block;
	margin: auto;
	max-width: 96%;
	width: auto;
	height: auto;
}
.car-garage-addsave{
	font-size: 13px;
}
.car-garage-addcarname{
	text-align: center;
}
.car-garage-selother{
	text-align: center;
}

.car-garage-addfrm .car-sel-more{color: #44a53d;}
.car-garage-addfrm .car-sel-more>span{background-image: url(../img/carparts/a-drop-gr.png);}
.car-garage-addfrm .car-sel-more:hover{color: #58bc50;}

.car-garage-addfrm .car-sel-info{
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	color: red;
	padding: 4px 10px 8px;
}

/* popup with car models */
.carapply-model{
	clear: both; 
	padding: 8px 0 4px 0;
}
.carapply-modelit{
	/*cursor: pointer;*/
	color: #404040;	
	font-size: 17px;
}
.carapply-it>span{
	display: inline-block;
	/*border-bottom: 1px dotted #404040;*/
	padding-right: 15px;
	background: url(../img/carparts/a-drop.png) no-repeat 100% 7px;
}

.carapply-modellist{
	clear: both;
	padding: 4px 0 4px 20px;
}

.carapply-row{
	clear: both; 
	padding: 4px 0 4px 0;
}
.carapply-it{
	cursor: pointer;
	color: var(--color-Blue2);	
}
.carapply-it>span{
	display: inline-block;
	border-bottom: 1px dotted var(--color-Blue2);
	padding-right: 15px;
	background: url(../img/carparts/mm-arr-sub.png) no-repeat 100% 7px;
}
.carapply-it:hover{color: var(--color-DBlue-Hover);}
.carapply-row .car-sel-melist{margin-top: 6px; display: none;}
.carapply-row-open .car-sel-melist{display: table;}



/*-----------------------  adaptive  --------------------*/
@media only screen and (min-width: 1460px)
{		
	.car-sel-b{width: 12.19999%;}
	.car-sel-b:nth-child(7n+1){clear: none; margin-left: 0.29999%;}
	.car-sel-b:nth-child(8n+1){clear: left; margin-left: 0;}	
}

@media only screen and (max-width: 1200px)
{
	.car-sel-b{width: 16.29999%;}
	.car-sel-b:nth-child(7n+1){clear: none; margin-left: 0.29999%;}
	.car-sel-b:nth-child(6n+1){clear: left; margin-left: 0;}	
	.car-sel-m{width: 24.49999%;}	
}

@media only screen and (max-width: 1000px)
{	
	/* garage */
	.car-selector{background: linear-gradient(to right, #eff4fb 0%, #eff4fb 50%, #ffffff 65%, #ffffff 100% );}	
	.car-sel{width: auto; float: none;}
	.car-sel-hdr{padding: 2px 0;}
	.car-sel-hdr:after{display: none;}
	.car-cur{width: auto; float: none;}
	.car-cur-sel{flex-flow: row nowrap; justify-content: space-between; padding-top: 12px;}
	.car-garage-addr{width: 164px;}
	.car-garage-addl{width: calc(100% - 170px);}	
	.car-sel-b{width: 23.99999%; margin-left: 0.99999%;}
	.car-sel-b:nth-child(7n+1){margin-left: 0.99999%;}	
	.car-sel-b:nth-child(6n+1){clear: none; margin-left: 0.99999%;}
	.car-sel-b:nth-child(4n+1){clear: left; margin-left: 0;}	
	.car-sel-m{width: 32.79999%;}	
	.car-sel-mtd{width: 99.499999%;}
	.car-sel-mtd:nth-child(2n+1){margin-left: 0.49999%;}
}

@media only screen and (max-width: 800px)
{
	/* lamps filters */
	.tdoc-result-sectgroup ul.grouplist{
		flex-flow: row wrap;
		border-bottom: 0;
		padding: 0 0 8px 0;
		gap: 5px;
		justify-content: center;
	}
	.tdoc-result-sectgroup ul.grouplist li{width: auto;}
	.tdoc-result-sectgroup ul.grouplist li a{display: inline-block; border-radius: 4px; padding: 9px 10px;}
	
	/* garage */
	.ind-carselect{clear: both; width: auto; float: none;}
	.ind-carmodels{clear: both; width: auto; float: none; padding: 24px 0 20px 0;}		
	.ind-sect-col{width: 48.99999%; margin-left: 1.99999%;}
	.ind-sect-col:nth-child(2n+1){clear: left; margin-left: 0;}
	.car-sel-mtd{width: 49.499999%; margin-left: 0.99999%;}
	.car-sel-mtd:nth-child(2n+1){margin-left: 0;}
}

@media only screen and (max-width: 690px)
{
	/*garage*/
	.car-sel-m{width: 24.49999%;}
}

@media only screen and (max-width: 650px)
{
	/*garage*/
	.car-sel-inp{width: 49.99999%;}
	.car-garage-cartit{font-size: 14px;}
	.car-garage-dop{height: auto;}
	.car-garage-dop:after{clear: both; content: ''; display: block;}
	.car-garage-dop .lft{float: none; clear: both; text-align: center;}
	.car-garage-dop .rgt{float: none; clear: both; text-align: center; padding: 6px 0 8px 0;}
}

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

@media only screen and (max-width: 550px)
{
	.tdoc-car-tbl{ display: block; }
	.tdoc-car-tbl .tbl-tr{display: block;}
	.tdoc-car-tbl .tbl-tr:after{clear: both; content: ''; display: block;}
	.tdoc-car-tbl .tbl-tr>div{display: block; float: left; overflow: hidden; box-sizing: border-box; padding: 6px 0 6px 0;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(1){width: 23%; border-bottom: 0;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(2){width: 31%; border-bottom: 0;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(3){width: 15%; border-bottom: 0;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(4){width: 30.99999%; border-bottom: 0;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(5){width: 23%; clear: left;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(6){width: 31%;}
	.tdoc-car-tbl .tbl-tr>div:nth-child(7){width: 45.999999%;}
	.tbl-tr-car{}

	/* garage */
	.car-garage-addr{display: none;}
	.car-garage-addl{float: none; width: auto;}
	.car-sel-mtd{clear: both; width: auto; float: none; margin-left: 0;}		
}

@media only screen and (max-width: 500px)
{
	/*  garage */
	.car-sel-mtd{float: none; width: auto; margin-left: 0;}
}

@media only screen and (max-width: 450px)
{
	/*--------  garage adaptive  ----*/	
	.car-garage-addr{float: none; margin: 0 auto;}
	.car-garage-addl{float: none; width: auto; clear: both;}
	.car-garage-addcarpic{padding: 0 0 2px 0;}
	.car-garage-dop{line-height: 16px; height: auto; padding: 6px 6px;}
	.car-garage-choice{float: none; clear: both; border-top: 1px solid #f0f0f0; border-left: 0; width: 100%; padding-bottom: 6px;}
	.car-garage-car{float: none; width: auto; padding-bottom: 4px;}
	.car-garage-dop:after{clear: both; content: ''; display: block;}
	.car-garage-dop .lft{float: none;}
	.car-garage-dop .rft{float: none; padding: 6px;}
	.car-sel-list-short{max-height: 360px;}
	.car-sel-melist{display: block;}
	.car-sel-melist>div{display: flex; flex-direction: row; flex-wrap: wrap;}
	.car-sel-melist>div:nth-child(2n){background-color: #f4f4f4;}
	.car-sel-melist >div>div{display: block; box-sizing: border-box; border-top: 0;}
	.car-sel-melist >div>div.cse-type{width: 24.99999%; border-bottom: 1px solid #f0f0f0;}
	.car-sel-melist >div>div.cse-engine{width: 29.99999%; border-bottom: 1px solid #f0f0f0;}
	.car-sel-melist >div>div.cse-yy{width: 43.99999%; border-bottom: 1px solid #f0f0f0;}
	.car-sel-melist >div>div.cse-hp{width: 48.99999%; border-bottom: 2px solid #e0e0e0;}
	.car-sel-melist >div>div.cse-hp>span{border-left: 0;}
	.car-sel-melist >div>div.cse-drive{width: 49.99999%; border-bottom: 2px solid #e0e0e0;}
}

@media only screen and (max-width: 400px)
{
	
	/* garage */
	.car-sel-b{width: 23.99999%; margin-left: 0.99999%;}
	.car-sel-b:nth-child(7n+1){margin-left: 0.99999%;}
	.car-sel-b:nth-child(6n+1){margin-left: 0.99999%;}
	.car-sel-b:nth-child(5n+1){margin-left: 0.99999%; clear: none;}
	.car-sel-b:nth-child(4n+1){margin-left: 0; clear: left;}
	.car-sel-m{width: 48.99999%; margin-left: 0.99999%;}
}