body, select, option, input, button {
	font-family: Arial, sans-serif;
}

body,
a {
	color: #404040;
}

h3 {
	font-size: 1em;
}

h5,
h6 {
	font-weight: normal;
	font-size: 1em;
}

#idPanel1Child img {
	margin-top: 26px;
	/* =74/2 - 3 - 2 - 6.
	Pecten height=74. Need 74/2=37.
	3px whitespace within top of image,
	2px red/transparent focus border,
	6px margin around the focus border (#idPanel1Child a).
	*/

	margin-bottom: 28px;
	/* =74/2 - 1 - 2 - 6.
	1px whitespace within bottom of image. */

	margin-left: 30px;
	/* =78/2 - 1 - 2 - 6.
	Pecten width=78. Need 78/2=39.
	1px whitespace within left of image.
	2px red/transparent focus border,
	6px margin around the focus border (#idPanel1Child a).
	*/

	margin-right: 30px;
	/* =78/2 - 1 - 2 - 6.
	1px whitespace within right of image.
	*/
}

.clsCentrePanelAutoMargin {
	max-width: none;
	margin-left: 0px;
	margin-right: 0px;
	border-style: none;
	padding-left: 0em;
}

#idIframeExampleBody .clsCentrePanelAutoMargin {
	padding-right: 5%;
	padding-left: 5%;
}

#idIframeExampleBody .clsPanel2 {
	margin-bottom: 1em;
}

#idIframeExampleBody .clsIframeContainer {
	border: 2px dashed #888888;
	box-shadow: 10px 10px 10px 0px #dddddd;
}

#idDivInner {
	padding-left: 1em;
	padding-top: 1em;
}

form {
	background-color: #F7F7F7;
	padding: 1em;
	margin-bottom: 2em;
	border-bottom: 3px solid #dd1d21;
}

.clsProductHyperlinkExtra > span { /* Undo Default.css style */
	border-style: none;
	border-radius: 0px;
	padding: 0px;
}

input[type="submit"],
button,
.clsProductHyperlinkExtra > span > a {
	background-color: #dd1d21;
	border-radius: 0px; /* must for iPhone */
	border-style: none;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	font-weight: bold;

	-webkit-appearance: none; /* must for iPhone */
}

input[type="submit"]:hover,
button:hover {
	cursor: pointer;
}

.clsImageAnchor,
.clsLubeImageChild > a {
	display: inline-block; /* For an <a> containing an <img>, this makes the <a> the same size and position as the <img>. */
}

a,
input[type="submit"],
button {
	border: 2px solid transparent;
}

#idPanel1Child a {
	margin: 6px; /* To make room for focus box-shadow blur. */
}

.clsProductContainer {
	padding-top: 6px; /* To make room for focus box-shadow blur. */
}

a,
input[type="submit"],
xxxinput[type="text"],
select,
button,
.clsProductHyperlinkExtra > span > a {
	border: 2px solid transparent;
}

input[type="text"] {
	border: 1px solid #404040;
}

a:focus,
input[type="submit"]:focus,
select:focus,
button:focus,
.clsProductHyperlinkExtra > span > a:focus,
a:hover,
input[type="submit"]:hover,
select:hover,
button:hover,
.clsProductHyperlinkExtra > span > a:hover {
	border: 2px solid #dd1d21;
}

input[type="submit"]:focus,
button:focus,
.clsProductHyperlinkExtra > span > a:focus,
input[type="submit"]:hover,
button:hover,
.clsProductHyperlinkExtra > span > a:hover {
	background-color: white;
	color: #dd1d21;
}

.clsEquipmentMakeModelContainer {
	background-image: none; /* Undo Default.css's value. */
	padding-left: 1em; /* Undo Default.css's value. */
	min-height: 0px; /* Undo Default.css's value. */
}

.clsCompartment1 {
	background-color: #F7F7F7;
}

.clsCompartment0 {
	background-color: transparent;
}

.clsLubeProductName {
	color: #DD1D21;
	font-weight: bold;
	font-size: 14pt;
}

.clsNotesInlineWithCompartmentContainer {
	border-color:  #FBCE07; /*Shell yellow*/
	border-width: 1px;

	border-radius: 0px;
}

.clsCompartmentType {
	margin-bottom: 1em;
}

.clsFooter {
	border-top: 3px solid #FBCE07; /*Shell yellow*/
}

.clsResetAndChoose > span:first-child {
	display: none;
}

#idSearchMenu {
	display: inline-block;
	margin-bottom: 1em;
	padding: 0.5em;
	background-color: rgba(255, 255, 255, 0.2);
}

#idSearchMenu > input {
	float: left
}

#idSearchMenu label {
	display: block;
	margin-left: 1.4em;
	position: relative;
	top: -4px;
}

#idSearchMenu > div:first-child {
	margin-bottom: 1em;
}

#idSearchMenu {
	border: 2px solid transparent;
}

.clsPanel2 {
	border-top: 1px solid #404040;
	text-align: center;
}

.clsPanel2 h1 {
	display: inline-block;
	border-bottom: 3px solid #dd1d21;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
}

#idPagePrint {
	float: right;
	font-size: 1em;
	margin-left: 0.3em;
}

.clsDrilldownListContainer {
	margin-top: 0.5em;
}

.clsFooter3 a:first-child span,
.clsLubeProductNameDiv a span:nth-child(2),
.clsLubeImageChild a span,
#idPanel1Child a span,
.clsProductHyperlinkExtra a span {
	position: absolute;
	left: -9000px;
	width: 0px;
	overflow: hidden;
}

.clsFooter3 a:first-child:hover span,
.clsFooter3 a:first-child:focus span,
.clsFooter3 a:first-child:active span,
.clsLubeProductNameDiv a:hover span:nth-child(2),
.clsLubeProductNameDiv a:focus span:nth-child(2),
.clsLubeProductNameDiv a:active span:nth-child(2),
.clsProductHyperlinkExtra a:hover span,
.clsProductHyperlinkExtra a:focus span,
.clsProductHyperlinkExtra a:active span {
	position: static;
	color: #404040;
	font-size: 80%;
}

.clsLubeImageChild {
	position: relative; left: 0px; /* So that the child span can be positioned absolutely, taking it out of flow. */
}

.clsLubeImageChild a:hover span,
.clsLubeImageChild a:focus span,
.clsLubeImageChild a:active span,
#idPanel1Child a:hover span,
#idPanel1Child a:focus span,
#idPanel1Child a:active span {
	display: block;
	xposition: static;
	xleft: auto;
	width: auto;
	color: #404040;

	position: absolute;
	left: 10px;
	top: 10px;
	background-color: rgba(255, 255, 255, 0.7);
}

#idPanel1Child a:hover span,
#idPanel1Child a:focus span,
#idPanel1Child a:active span {
	font-size: 7.8pt;
}

.xxxclsProductHyperlinkExtra1 {
	display: none;
}
