* {
	margin: 0px;
	padding: 0px;
}

body, select, option, input {
	font-family: Helvetica, Verdana, Arial;
	font-size: 1em;
}

a img {
	border-style: none;
}

.clsImageAnchor {
	outline-style: none; /* This removes the dotted line that would appear around anchors upon clicking. */
}

fieldset {
	border-style: none;
}

.clsLegendDiv {
	display: block;
}

input[type="submit"] {
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#idModelSearchContainer {
	margin-top: 1em;
}

select { /* Zeta */
	width: 100%;
}

.clsDrilldownListSpan,
#idLstModelWildcardWrapper { /* Zeta */
	display: inline-block;
	max-width: 99.9%;
}

.clsCentrePanelAutoMargin {
	max-width: 65em;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1em;
border: 1px solid red;
}

#idIframeExampleBody .clsIframeContainer {
	border: 5px dashed blue; /* For the example, make the iframe obvious. */
}

#idIframeExample {
	height: 560px;
	width: 100%; /* To allow for long Earth make desc + make label on one line. 99% not 100% due to 5px border. */
	border-style: none;
}

#idDivInner {
	padding-right: 1em; /* So that text is not bang up against the righthand scrollbar. */
}

form {
	padding-bottom: 1em;
}

.clsHidden {
	display: none; /* Leaves NO space for the element. */
}

.clsResetDiv {
	float: right;
}

.clsResetAndChoose {
	padding-bottom: 1em;
}

.clsFieldsetDiv {
	clear: right; /* Set this div lower than the floating Reset button. */
	padding-bottom: 1em;
}

legend {
	font-size: 130%;
	font-weight: bold;
}

.clsDrilldownListContainer {
	display: block;
}

.clsFieldIcon {
	display: none;
}

#txtFragmentModelDesc {
	width: 60%;
	padding-left: 0.2em;
}

.clsDrilldownListContainer label {
	width: 7em;
	display: inline-block;
}

.clsMakeDesc {
	display: block;
}

.clsModelDesc, .clsMakeDesc, .clsCompartmentType {
	font-size: 130%;
	font-weight: bold;
}

.clsEquipmentMakeModelContainer {
	background: url(../Images/Logo.jpg) no-repeat left top;
	padding-left: 120px; /* = logo width + 20px. */
	min-height: 100px; /* = logo height. */
	padding-bottom: 1em;
}

.clsCompartment0, .clsCompartment1 {
	padding: 1em;
}

.clsCompartment0 {
	background-color: #e5e5cc;
}

.clsCompartment1 {
	background-color: #f3f3e9;
}

.clsProductContainer, .clsCompartment0, .clsCompartment1 {
	clear: left; /* Escape the left-floated product image. */
	height: 1%; overflow: hidden; /* To expand below any product image overflowing downwards. */
}

.clsLubeQuantityAndNoteReferences {
	padding-bottom: 1em;
}

.clsLubeQuantityAndNoteReferences:last-child {
	padding-bottom: 0em;
}

.clsProductOr {
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
}

.clsLubeImage {
	float: left;
}

.clsLubeImage ~ .clsLubeProductNameDiv,
.clsLubeImage ~ .clsVerboseProductDescription,
.clsProductHasImage,
.clsLubeImage ~ .clsProductHyperlinkExtra {
	padding-left: 100px; /* To make space for the left-floated product image... */
	margin-left: 1em; /* + 1em of space. */
}

.clsVerboseProductDescription ul {
	list-style-position: inside;
}

.clsVerboseProductDescription li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	overflow: hidden; /* Keeps the bullets out of the image in IE. */
}

.clsNoteTextAndNumber {
	margin-bottom: 1em;
}

.clsNoteTextAndNumber:last-child {
	margin-bottom: 0em;
}

.clsNoteText {
	margin-left: 3.5em;
}

.clsNoteNumber {
	width: 2.5em;
	text-align: right;
	float: left;
}

.clsFooter {
	margin-top: 1em;
	font-size: 80%;
	color: grey;
	border-top: 1px solid grey;
	padding-top: 1em;
	padding-bottom: 1em;
}

.clsFooter1, .clsFooter2 {
	margin-bottom: 1em;
}

.clsDisclamerLink {
	float: right;
	margin-left: 1em;
}

a:hover { /* This has to come after all anchor(A)-related stuff, otherwise it doesn't work.*/
	text-decoration: none; /* This removes the underline that normally appears under hyperlinks. */
}

.clsProductHyperlinkExtra {
	margin-top: 1.3em;
	margin-bottom: 0.4em
}

.clsProductHyperlinkExtra > span {
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid grey;
	border-bottom: 1px solid grey;
	border-radius: 4px;
	padding: 0.3em;
}

.clsProductHyperlinkExtra a {
	text-decoration: none;
}

.clsPreferredBeforeImage,
.clsPreferenceOrderBeforeImage,
.clsGBBBeforeImage,
.clsPreferredAfterImage,
.clsPreferenceOrderAfterImage,
.clsGBBAfterImage,
#idLegendRequiredInformation,
#idLegendRequiredInformation img,
label img,
.clsProductHyperlinkExtraNoLink {
	display: none;
}

.clsFooter3 {
	overflow: hidden;
}

.clsFooter3 a {
	display: inline-block;
}

.clsProductColumn1,
.clsProductColumn2,
.clsProductColumn3 {
	display: inline-block;
	vertical-align: top;
}

.clsItemSelected {
	display: none;
}

#cmdOkSearch {
	margin-left: 0.25em;
}

.clsLubeImageChild {
	display: inline-block;
}

.clsLubeImage img {
	font-size: 70%; /* For Alt text */
}
