
/*#truck_detective H1{
	background-image: linear-gradient(to right, #fff, #caf200);
	color: #999;
	text-align: center;
	padding: .75em 1em;
	text-align: left;
	font-size: 2.25em;
	line-height:2em;
	border-bottom: solid 4px #caf200;
	margin-top: 2em;
}*/

#tdPlistWrapper{display:flex;}

#tdLeftWrap{
	float:left;
	width:58%;
}
#tdRightWrap{
	float:right;
	/*width:40%;*/
	/*margin-top: -7.8em;
	margin-right: 1em;*/
}
#ymmSlectorWrapper{
	list-style:none;
	position:relative;	
}

form#truck_select_form{
	font-size:1.25em;
	width: 80%;
	max-width: 350px;
	position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#ymm_selectors_wrapper{
	list-style:none;
	padding:0px;
	margin:0px;
	}
	
#makeWrapper, #modelWrapper{
	margin-bottom: .5em;
	}

#makeWrapper{
	border:solid 2px #CCC;
	border-radius:4px 4px 0px 0px;
}

#modelWrapper{
	border:solid 2px #CCC;
}

#yearWrapper{
	border:solid 2px #CCC;
	border-radius: 0px 0px 4px 4px;
}

select.ymm_selector{
	padding:.5em;
	text-align:center;
	width: 100% !important;
	margin-left: 0px;
}

#td_ymm_submit_wrapper{text-align:center;}
#td_ymm_submit_wrapper input{
	height: auto;
	font-size: 1.25em;
	width: 60%;
	transform: skew(-17deg, 0deg);
	letter-spacing: 4px;
}

.navcssButton:hover{
	background-color:#F6963E;
}

.tdHarnProdWrapper {float:left; width:32%; padding:4px; margin:0px 4px 0px 0px; text-align:center;border: solid 1px #caf200;
border-radius: 4px;}
.tdProdBottomWrapper{display:inline-flex;width:100%;}
.tdProdName {font-size: 1.25em;line-height: 1.25em;}
.tdProdName a{text-decoration:none; color:#000;}
.tdProdName:hover a{text-decoration:none; color:#CCC;}
.tdProdDataWrapper{font-size:12px;}
.tdProdDataWrapper, .tdProdListAddBlock{width:50%}
.tdProdDataWrapper{text-align:left;padding-left:4px;}
.tdProdListAddBlock{text-align:right;padding-right:4px;}

@media (min-width:801px){
	#ymmSlectorWrapper{
		/*float:right;
		border-radius: 50%;*/
		border-radius: 3px;
		height: 340px;
		/*width: 340px;*/
		border: solid 1px #777;
		/*background: linear-gradient(10deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(0, 212, 255) 100%);
		box-shadow: 14px 14px 5px rgba(0,0,0,0.20);*/
		
	}

}
@media (max-width:800px){
	#truck_detective H1{
		padding: .5em .5em;
		font-size: 1.75em;
		border-bottom: solid 4px #caf200;
		margin-top: 2em;
		line-height: 2em;
	}
	#tdLeftWrap, #tdRightWrap{
		float:none;
		display:block;
		width:100%;
	}
	#tdRightWrap{
		margin:1em 0px 0px 0px;
	}
	#ymmSlectorWrapper{
		float:none;
	}
	
	#ymmSlectorWrapper{
		height: 340px;
		width: 100%;
		/*background: linear-gradient(10deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(0, 212, 255) 100%);*/
		
	}
	
}