@font-face {
	font-family:Roboto Condensed;
	font-style:normal;
	font-weight:400;
	src:url(RobotoCondensed/261dc3f135d2ba91fb0a.eot);
	src:local(""),
	url(RobotoCondensed/261dc3f135d2ba91fb0a.eot?#iefix) format("embedded-opentype"),
	url(RobotoCondensed/RobotoCondensedWoff2.bin) format("woff2"), /* Renamed from bb7a4e73944870e385e1.woff2 to avoid 404 not found. */
	url(RobotoCondensed/6edcf4aeb769818e21aa.woff) format("woff"),
	url(RobotoCondensed/0d0e892d77350387cadd.ttf) format("truetype"),
	url(RobotoCondensed/e6681b6a68e0a84b07a9.svg#RobotoCondensed) format("svg")
}

body,
select,
input,
option {
	font-family: "Roboto Condensed", sans-serif;
}

option {
	font-family: "Trebuchet MS", sans-serif;
}

body,
.clsCompartment0,
.clsCompartment1 {
	background-color: #212121;
	color: white;
	margin-top: 4em;
}

.clsCompartment0 {
	background-color: #3C3C3C;
}

select,
input,
option {
	color: #0e0e2c;
}

.clsLubeImageChild {
	margin: 20px;
}

.clsLubeImage img {
	box-shadow: 0px 0px 20px 4px black;
}

@media (min-width: 900px) {
	.cls3OrMoreProducts,
	.cls2Products:not(.clsProductDescriptionUnder) {
		width: 50%;
		display: inline-block;
		vertical-align: top;
	}

	.clsProductDescriptionUnder .clsLubeImage {
		float: none;
	}

	.clsProductDescriptionUnder .clsLubeImage ~ .clsLubeProductNameDiv,
	.clsProductDescriptionUnder .clsLubeImage ~ .clsVerboseProductDescription,
	.clsProductDescriptionUnder .clsProductHasImage,
	.clsProductDescriptionUnder .clsLubeImage ~ .clsProductHyperlinkExtra {
		padding-left: 0px; /* To make space for the left-floated product image... */
	}

	.clsProductDescriptionUnder {
		width: 32%;
	}
}

.clsProductHyperlinkExtra span {
	padding-left: 1.5em;
	text-transform: uppercase;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ebebeb+50,dddddd+51,cfcfcf+100 */
	background: url(../Images/RightArrowhead.png) no-repeat 5px center;
	background: url(../Images/RightArrowhead.png) no-repeat 5px center #f2f2f2; /* Old browsers */
	background: url(../Images/RightArrowhead.png) no-repeat 5px center, -moz-linear-gradient(top,  #f2f2f2 0%, #ebebeb 50%, #dddddd 51%, #cfcfcf 100%); /* FF3.6+ */
	background: url(../Images/RightArrowhead.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(50%,#ebebeb), color-stop(51%,#dddddd), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
	background: url(../Images/RightArrowhead.png) no-repeat 5px center, -webkit-linear-gradient(top,  #f2f2f2 0%,#ebebeb 50%,#dddddd 51%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
	background: url(../Images/RightArrowhead.png) no-repeat 5px center, -o-linear-gradient(top,  #f2f2f2 0%,#ebebeb 50%,#dddddd 51%,#cfcfcf 100%); /* Opera 11.10+ */
	background: url(../Images/RightArrowhead.png) no-repeat 5px center, -ms-linear-gradient(top,  #f2f2f2 0%,#ebebeb 50%,#dddddd 51%,#cfcfcf 100%); /* IE10+ */
	background: url(../Images/RightArrowhead.png) no-repeat 5px center, linear-gradient(to bottom,  #f2f2f2 0%,#ebebeb 50%,#dddddd 51%,#cfcfcf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
}

.clsEquipmentMakeModelContainer {
	background-image: none;
	padding-left: 0px;
}

.clsGBBBeforeImage {
	display: block;
}

.clsProductOr {
	display: none;
}

.clsLubeQuantity {
	background-color: #468847;
	border-radius: 3px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	display: inline-block;
}

.clsNotesInlineWithCompartmentContainer {
	border-color: #b94a48;
}

.clsModelDesc,
.clsMakeDesc,
.clsCompartmentType {
	font-size: 100%; /* Reset from default 130% before again changing it further down. */
}

.clsModelDesc,
.clsMakeDesc,
.clsCompartmentType,
.clsLubeProductNameDiv {
	font-size: 1.7em;
}

.clsLubeProductNameDiv a {
	color: white;
	text-shadow: 1px 1px 0px #C92127;
}

.clsFooter a {
	color: white;
}

a:visited {
	color: #CACACA;
}

#idPanel1Child img,
.clsPanel2 {
	width: 100%;
}

#idPanel1Child img,
.clsPanel2 {
	max-width: 300px;
}

#idPanel1WithLogo {
	margin-top: 2em;
	margin-bottom: 3em;
}

@media (max-width: 664px) {
	.clsModelDesc,
	.clsMakeDesc,
	.clsCompartmentType,
	.clsLubeProductNameDiv {
		font-size: 1.3em;
	}

	.clsLubeImage img {
		box-shadow: 0px 0px 10px 2px black;
	}
}

.clsGBBBeforeImage {
	margin-left: 20px;
	font-style: italic;
}

.clsCompartmentType {
	margin-bottom: 1em;
}

.clsProductContainer {
	margin-top: 2em;
}

.clsNotesInlineWithCompartmentContainer {
	margin-top: 2em;
}

#frmModelSelection {
	margin-bottom: 2em;
}

.clsLegendDiv,
.clsDrilldownListContainer {
	margin-bottom: 1em;
}

legend {
	color: #C92127;
	letter-spacing: 0.05em;
}

.clsLubeProductNameDiv {
	margin-bottom: 0.5em;
}

.clsPanel2 {
	margin-bottom: 2em;
	font-style: italic;
	font-size: 2em;
	text-align: center;
}

#cmdOkSearch {
	background-color: #468847;
	border-style: none;
	border-radius: 3px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	color: white;
}

.clsResetDiv input {
	border-style: none;
	border-radius: 3px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #DEB156;
}

.clsEquipmentMakeModelContainer {
	padding-bottom: 0px;
}