*
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

body
{
	font-family: Helvetica, Verdana, Arial;
	font-size: 10pt;
}

form, select, option, input
{
	font-family: "Arial Narrow", Helvetica, Verdana, Arial;
	font-size: 10pt;
}

input[type=text] /*#txtFragmentModelDesc*/
{
	font-size: larger;
}

fieldset
{
	border-style: none;
}

legend
{
	font-family: "Arial Narrow", Helvetica, Verdana, Arial;
	font-size: x-large; /* x-large = 145% in Firefox. */
	font-weight: bold;
	padding-top: 0.5em;
}

label
{
	xxxpadding-left: 0.8em;
	xxxfont-size: 70%;
	xxxheight: 24px;
}

select
{
	border-style: none; /* Works in Firefox, not in IE. */
}

.clsFooter
{
	background: url('../Images/GraduatedShimLightDark.jpg') bottom left repeat-x;
	border: 1px solid #b3b3b3;
	border-top-color: #dcdcdc;
	font-size: 80%;
}

.clsFooter * li
{
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
	background: url('../Images/VerticalBar.jpg') right center no-repeat;
}

.clsFooter > ul
{
	list-style-type: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: center; /* Centre the Infomedia parts. The Castrol and "Back to top" parts are floated left and right respectively */
}

.clsFooterItemFloatedLeft
{
	float: left;
}

#idFooterItemFloatedRight /* Have to use an id. Using a class doesn't remove the background image for some reason. */
{
	background-image: none; /* Remove the right hand vertical bar for the last list item. */
	float: right;
}

A
{
	text-decoration: none; /* This removes the underline that normally appears under hyperlinks. */
}

.clsFooter * A
{
	color: #007b32; /* Castrol's green */
}

.clsMakeModel
{
	padding-top: 1em;
	margin-right: 10px;
}

.clsEquipmentHeader
{
	font-size: 110%;
}

.clsMakeHeader
{
	font-size: x-large;
	font-weight: bold;
	color: #007b32; /* Castrol's green */
}

.clsModelHeader
{
	font-size: x-large;
	font-weight: bold;
	color: black;
}

.clsInputSubmit
{
	font-weight: bold;
}

.clsLegend
{
	font-family: "Arial Narrow", Helvetica, Verdana, Arial;
	font-size: x-large; /* x-large = 145% in Firefox. */
	font-weight: bold;
}

.clsCompartmentType
{
	clear: left; /* Clear the float of the image in the previous compartment, if any. */
	color: red;
	font-weight: bold;
	font-size: larger;
	margin-top: 2.1em;
	background: url(../Images/BorderWithGraduation.JPG) top left repeat-x;
	padding-top: 0.9em;
	margin-right: 10px;
}

.clsLubeProductName
{
	font-weight: bold;
	color: #007b32; /* Castrol's green */
}

.clsLubeQuantity
{
	font-weight: bold;
}

.clsLubeQuantity > A
{
	color: black;
}

.clsNoteTextAndNumber
{
	padding-bottom: 1em;
}

.clsNoteText
{
	margin-left: 3.5em; /* = 2.5em for the note number + 1em of space. */
	margin-right: 10px;
}

.clsNoteNumber
{
	text-align: right;
	width: 2.5em; /* Needed for the "text-align: right" to have an effect. */
	float: left;
	font-weight: bold;
}

.NoMatch
{
	padding-bottom: 2em;
}