@font-face {
	font-family: "GillSans";
	font-style: normal;
	font-weight: normal;
	src: url("gillsans.eot?#iefix") format("embedded-opentype"), url("gillsans.woff") format("woff"), url("gillsans.ttf") format("truetype"), url("gillsans.svg#gillsans") format("svg");
}

body {
	background-color: #F2F2F2;
}

body, input, select, option {
	font-family: GillSans, sans-serif;
}

.clsCentrePanelAutoMargin {
	max-width: none;
	margin-left: 0px;
	margin-right: 0px;
}

#idPanel1WithLogo {
	background: black url(../Images/HeaderBackground.jpg) repeat-x;
	padding-left: 0px;
	padding-right: 0px;
}

#idPanel1WithLogo > * {
	margin-top: 0px;
}

#idPanel1WithLogo > a {
	float: none;
	margin-left: 0px;
}

.clsPanel2 > a {
	float: right;
	margin-left: 80px;
	margin-bottom: 20px;
}

.clsPanel2 > a > img {
	width: 100%;
	max-width: 117px;
}

@media (max-width: 431px) {
	.clsPanel2 > a {
		margin-top: 20px;
	}
}

#idPanel1Child {
	margin-left: 0px;
	background: url(../Images/LogoBackground.jpg) no-repeat center top;
	text-align: center;
	display: block;
}

#idPanel1Child img {
	max-width: 258px;
	margin-top: 5px;
	margin-bottom: 14px;
}

.clsPanel2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

@media (max-width: 231px) {
	.clsPanel2 {
		font-size: 1em;
	}
}

@media (max-width: 178px) {
	.clsPanel2 > a {
		margin-left: 10%;
	}
}

.clsPanel2,
.clsIframeContainer {
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
	clear: right;
}

form {
	background: white;
	border-top: 3px solid #FFD100;
	padding-top: 1em;
	padding-left: 15px; /* 1em */
	padding-right: 15px;
}

input[type="submit"] {
	background: #FFD100;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffce0b+0,fff3c5+100 */
background: #ffce0b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffce0b 0%, #fff3c5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffce0b 0%,#fff3c5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffce0b 0%,#fff3c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce0b', endColorstr='#fff3c5',GradientType=0 ); /* IE6-9 */


	border: 1px solid #FFD100;
	padding: 0.7em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-weight: bold;
}

.clsCompartment1,
.clsCompartment0 {
	border-top: 1px solid #CECECE;
	border-left: 1px solid #CECECE;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
}

.clsCompartment1 {
	background-color: #EFEFEF;
}

.clsCompartment0 {
	background-color: #F5F5F5;
}

.clsLubeProductName {
	color: #B5A34A;
	font-weight: bold;
}

.clsNotesInlineWithCompartmentContainer {
	border-color: #B5A34A;
	border-width: 1px;
}

.clsFooter {
	border-top-color: #CECECE;
}