@font-face {
	font-family:"JD Sans Bold";
	src: url("JDSansBd.eot");
	src: url("JDSansBd.eot?#iefix") format("embedded-opentype"),
		url("JDSansBd.ttf") format("truetype"),
		url("JDSansBd.woff") format("woff"),
		url("JDSansBd.svg#JDSansBd") format("svg");
	font-weight: bold;
}

body {
	font-family: sans-serif;
	font-size: 12px;
}

#idIframeExampleBody,
#idBodyNotInIframe {
	background-color: #EFEFEF;
}

.clsCentrePanelAutoMargin {
	max-width: 992px; /* 994-2px border */
	background-color: white;
	padding-left: 0px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top-style: none;
	border-bottom: 1px solid #e5e5e5;
}

#idPanel1WithLogo {
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

#idPanel1Child {
	display: inline-block;
	width: 203px; /* Matches img */
	max-width: 80%;
	margin-top: 26px;
	margin-left: 24px;
	margin-bottom: 24px;
}

.clsPanel2 {
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	padding-bottom: 0.65em;
}

.clsPanel2 div:first-child {
	height: 15px;
	background-color: #298232;
}

.clsPanel2 div:last-child {
	height: 6px;
	background-color: #EDC107;
}

#idPanel1Child a,
#idPanel1Child a img {
	width: 100%;
}

.clsIframeContainer {
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

#idDivInner {
	padding-left: 1em;
}

.clsResetAndChoose > div:first-child {
	margin-bottom: 1em;
}

.clsFieldsetDiv {
	background-color: #F1F1F1;
	padding-left: 1em;
	padding-right: 1em;
}

.clsFieldsetDivQuickSearch {
	padding-top: 1em; 
}

#idContentBetweenFieldSets + .clsFieldsetDiv {
	padding-bottom: 1em;
}

.clsModelDesc, .clsMakeDesc, .clsCompartmentType {
	font-size: 100%; /* Override Default.css */
}

.clsResetAndChoose > div:first-child,
legend,
.clsEquipmentMakeModelContainer,
.clsCompartmentType {
	font-family: "JD Sans Bold", sans-serif;
	font-size: 20px;
	color: black; /* IE8 legend */
}

.clsEquipmentDesc {
	font-size: 80%;
}

.clsResetDiv input {
	border-radius: 3px;
}

input[type="text"] {
	border-left: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-right-style: none;
	height: 21px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

input[type="submit"] {
	border: 1px solid #e1e1e1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1ff06+0,fed600+100 */
	background: #F2C905; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1ff06 0%, #fed600 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f1ff06 0%,#fed600 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f1ff06 0%,#fed600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	xxxfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ff06', endColorstr='#fed600',GradientType=0 ); /* IE6-9 */
	height: 23px;
}

#cmdOkSearch {
	color: #F2C905;
	color: rgba(242, 201, 5, 0);
	border-left-style: none;
	margin-left: 0px;
	height: 23px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1ff06+0,fed600+100 */
	background: #F2C905; /* Old browsers */
	background-image: url(../Images/MagnifyingGlass.png);
	background-repeat: no-repeat;
	background-position: center;
	background: url(../Images/MagnifyingGlass.png) no-repeat center, -moz-linear-gradient(top,  #f1ff06 0%, #fed600 100%); /* FF3.6-15 */
	background: url(../Images/MagnifyingGlass.png) no-repeat center, -webkit-linear-gradient(top,  #f1ff06 0%,#fed600 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../Images/MagnifyingGlass.png) no-repeat center, linear-gradient(to bottom,  #f1ff06 0%,#fed600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

select {
	border: 1px solid #e1e1e1;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.clsEquipmentMakeModelContainer {
	background-image: none;
	padding-left: 0px;
	min-height: 0px;
	margin-top: 1em;
}

.clsCompartment0,
.clsCompartment1 {
	border-top: 1px dotted #e7e7e7;
}

.clsCompartment0 {
	background-color: #FDFDFD;
}

.clsCompartment1 {
	background-color: transparent;
}

.clsCompartmentType {
	margin-bottom: 0.5em;
}

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

.clsProductOr.clsProductHasImage {
	width: 192px; /* 180px + width of "or" */
	max-width: 30%;
	text-align: right;
	margin-left: 20px;
}

.clsLubeImage {
	width: 180px;
	max-width: 30%;
	margin-right: 20px;
}

.clsLubeImage img {
	width: 100%;
}

a {
	color: #367c2b;
}