body {margin: 0px 0px 0px 0px; background-color: #848683; font-family: Arial,Verdana,Tahoma; font-size: 75%; color: #5d728d;}
html {margin: 0; padding: 0;}
img {border: 0;}
td {vertical-align: top; text-align: left;}

#main {width: 1020px;}
#main P { margin-bottom:15px; }
#menu {width: 212px;}
#textContent {width: 595px; background-color: #ffffff; padding: 25px;}
#textArea {width: 1020px;}
#rightSection {background-image: url('Images/BG_RightSection_Gray.jpg'); background-repeat: no-repeat; background-position: top left; color: #ffffff; padding-left: 10px;}
#footer {font-size: 90%; color: #ffffff; text-align: center; line-height: 1.6em; clear: both; padding-top: 20px; padding-bottom: 50px;}
#footer a {color: #ffffff; text-decoration: none;}

.contentHeader {font-weight: bold; text-transform: uppercase; padding-top: 10px;}
.titleLink, .rightSectionHeader {font-weight: bold; padding-left: 17px; background: url('Images/Bullet.gif') no-repeat; text-decoration: none;}
.productLink {color: #b8292f;}
.category {font-size: 150%; color: #b8292f; font-weight: bold; padding-bottom: 10px;}
.subCategory {color: #195108;}
.txtReq {color:Red;}
.clear {clear:both;}

.blog {padding-top: 20px; padding-bottom: 20px;}
.blog .title {font-size: 130%; font-weight: bold; padding-bottom: 12px; border-bottom: solid 1px #aabbcf;}
.blog .title .date{font-size: 80%; font-weight: bold;}
.blog .author {font-size: 110%; font-weight: bold;}
.blog .link {font-size: 110%; font-weight: bold; padding-left: 17px; background: url('/Images/Bullet.gif') no-repeat; text-decoration: none; color: #195108;}

.rightSectionContent {padding-top: 20px; padding-bottom: 15px; border-bottom: solid 1px #ffffff; width: 200px;} 
.rightSectionContent b {color: #223f64;}
.rightSectionContent a {color: #b8292f; font-weight:bold;}
.rightSectionHeader {color: #ffffff; text-transform: uppercase;}

DIV.homeMain {background-image:url(/Images/home_main_bkg.jpg); background-repeat:no-repeat; position:relative; left:-2px;}
.homeTitle {font-size:26px; font-weight:bold; font-family:Arial, Verdana; color:#195108;}
.homeText {font-size:12px; font-weight:bold; font-family:Arial, Verdana; color:#223f64;}

DIV.featuredproduct {background-image:url(/Images/featured_bkg.gif); background-repeat:no-repeat; width:432px; height:250px;}
.featuredProductTitle {font-size:14px; font-weight:bold; font-family:Arial, Verdana; color:#b8292f;}
.featuredProductText {font-size:10px; font-family:Arial, Verdana; color:#000;}



DIV.homeTestimonials {background-image:url(/Images/home_testimonials_bkg.jpg); background-repeat:no-repeat; width:286px; height:178px;}
.homeTestimonialsText {font-size:11px; font-family:Arial, Verdana; color:#333;}


v\:* 
{
  behavior:url(#default#VML);
}
div.distrib
{
  float: left;
  width: 200px;
  margin-top: 5px;
  padding-bottom: 5px;
}
div.distrib h3, h4, p
{
  margin: 0px;
  font-family: sans-serif;
}
div.distrib h3
{
  font-size: 12px
}
div.distrib h4
{
  margin-left: 0px;
  font-size: 10px;
}
div.distrib p
{
  margin-left: 25px;
  margin-top: 5px;
  font-size: 8px;
}
div.distrib a
{
  color: blue;
  text-decoration: none;
  border-bottom: dashed 1px blue;
}
div.distrib a:hover
{
  border-bottom: solid 1px blue;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : lighter;
	margin : 0px;
	padding : 0px;
}

input.field 
{
	width: 204px;
	border-bottom : 1px solid #7F9DB9;
	border-left : 1px solid #7F9DB9;
	border-right : 1px solid #7F9DB9;
	border-top : 1px solid #7F9DB9;
	background-color : #eeeeee;
}

/*Grey Nav CSS*/
#nav {
	width:100%;
	height:auto;
	margin:60px 0 0 0;
}

.end {
	width:212px;
	height:12px;
	background:url(Images/nav-bg-grey.png) repeat-y;
}

#products { height:24px; background:url(Images/products-grey.png) no-repeat; }
#greenway { height:24px; background:url(Images/greenway-grey.png) no-repeat; }
#testimonials { height:24px; background:url(Images/testimonials-grey.png) no-repeat; }
#newsroom { height:24px; background:url(Images/newsroom-grey.png) no-repeat; }
#locator { height:24px; background:url(Images/locator-grey.png) no-repeat; }
#lubealert { height:24px; background:url(Images/lube-alert-grey.png) no-repeat; }
#contact-us { height:24px; background:url(Images/contact-us-grey.png) no-repeat; }

.subnav {
	background:url(Images/subnav-bg.png);
	padding:6px 0 6px 0;
	display:none;
}

.sub {
	height:20px;
	line-height:20px;
	text-indent:50px;
	cursor:pointer;
}

.sub:hover {
	background:url(Images/subnav-bg-over.png);
}

.subnav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

.subnav-active {
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#cc3333;
	line-height:20px;
	text-indent:50px;
	cursor:pointer;
	background:url(Images/subnav-bg-over.png);
}

/*LubeAlert CSS - Home*/
#lubealert-home-container {
	width:523px;
	height:auto;
	background:url(Images/lubealert-main-bg.gif) top no-repeat;
	padding:240px 30px 0 30px;
}

.blue-copy {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#003366;
}

.blue-copy a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#b8292f;
}

/*LubeAlert CSS - Confidence*/
#lubealert-container {
	width:588px;
	height:auto;
	background:url(Images/lubealert-bg.gif) top no-repeat;
	padding:140px 0 0 0;
}

.lubealert-bullet {
	background-image:url(Images/la-arrow.gif);
	background-repeat:no-repeat;
	background-position:4px 4px;
	padding:0 0 0 20px;
	margin:0 0 0 224px;
}

.lubealert-bullet a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#003366;
}

#lubealert-content {
	border-top:1px solid #ccd5de;
	padding:14px 0 0 0;
	margin:40px 0 0 0;
}

.section {font-size: 150%; color: #b8292f; font-weight: bold;}


.calc_main 
{
	width:639px;
	background-image: url(/images/calc/bkg.png);
	background-repeat:repeat-y;
}
.calc_main .toptext					{padding: 16px 0 0 35px;}
.calc_main .result_toptext			{padding: 23px 0 0 49px;}
.calc_main .result_text				{color:#000; font-weight:bold; margin-top:19px;}
.calc_main .result_text .left		{float:left; margin-left:59px;}
.calc_main .result_text .right		{float:right; margin-right:59px;}
.calc_main .result_text .companyname	{font-size:16px; text-align:center; width:100%; margin-bottom:7px;}

.calc_main .calculator 
{
	padding: 5px 0 0 35px;
}
.calc_main .calculator INPUT 
{
	border:0;
	font-size: 18px;
	width:180px;
}
.calc_main .calculator INPUT.empty 
{
	font-size:12px;
	color:#666666;
	font-style:italic;
	padding-top:5px;
}

.calc_main .calculator .submit					{position:absolute; top:1082px; left:384px; cursor:pointer;}
.calc_main .calculator .submit A.sub			{width:283px; height:78px; background-color:Transparent; cursor:pointer;}
.calc_main .calculator .inputUnits				{position:absolute; top:670px; left:295px;}
.calc_main .calculator .inputPerGallon			{position:absolute; top:844px; left:345px;}
.calc_main .calculator .inputPerGallonError		{position:absolute; top:964px; left:305px;}
.calc_main .calculator .inputPerGallon INPUT	{width:75px;}
.calc_main .calculator .inputAvgMiles			{position:absolute; top:828px; left:590px;}
.calc_main .calculator .inputAvgMilesError		{position:absolute; top:897px; left:520px;}
.calc_main .calculator .inputAvgMiles INPUT		{width:120px;}
.calc_main .calculator .inputAvgMPG				{position:absolute; top:976px; left:590px;}
.calc_main .calculator .inputAvgMPGError		{position:absolute; top:1046px; left:520px;}
.calc_main .calculator .inputAvgMPG INPUT		{width:120px;}
.calc_main .calculator .error					{padding-top:15px;}

.calc_main .result {padding:18px 0 0 49px; color:#5a9337; font-size:36px;}
.calc_main .result .engineperf			{position:absolute; top:604px; left:304px; width:200px; text-align:center;}
.calc_main .result .fuelconsumption		{position:absolute; top:605px; left:542px; width:200px; text-align:center;}
.calc_main .result .monthlysavings		{position:absolute; top:834px; left:298px; width:200px; text-align:center;}
.calc_main .result .yearlysavings		{position:absolute; top:822px; left:549px; width:200px; text-align:center;}

.calc_main .result .getPDF				{position:absolute; top:1019px; left:287px; cursor:pointer;}
.calc_main .result .getPDF INPUT		{width:125px; height:30px; background-image:url(/Images/calc/getPDF.png); background-color:Transparent; cursor:pointer; border:0;}

.calc_main .result .startOver			{position:absolute; top:1019px; left:678px; cursor:pointer;}
.calc_main .result .startOver INPUT		{width:106px; height:30px; background-image:url(/Images/calc/startOver.png); background-color:Transparent; cursor:pointer; border:0;}

.calc_main .result .disclaimer          {position:absolute; top:1083px; left:305px; font-size:8px; color:#000;}


.calc_main .result .contactUs			{margin-top:10px; margin-left:27px;}


#dlgContactUs .container {margin-left:30px; font-size:12px; color:#999999;}
#dlgContactUs .container .header {margin-bottom:20px;}
#dlgContactUs .container .input {margin-bottom:11px; min-height:25px;}
#dlgContactUs .container .input INPUT.empty  {color:#999;}
#dlgContactUs .container .input INPUT {color:#111;}
#dlgContactUs .container .input .full INPUT {width:459px;}
#dlgContactUs .container .input .left {float:left;}
#dlgContactUs .container .input .left INPUT {width:225px;}
#dlgContactUs .container .input .right {float:left; margin-left:5px;}
#dlgContactUs .container .input .right INPUT {width:225px;}

#dlgContactUs .container .signup {padding-top:25px;}
#dlgContactUs .container .signup .left {float:left; margin-top:20px;}
#dlgContactUs .container .signup .right {float:left; margin-left:20px;}

#dlgContactUs .container .continue {float:right; margin:25px 20px 0 0;}
#dlgContactUs .container .continue_error {float:left; margin: 5px 10px 0 0; width:320px;}

.metalcalc {background-image:url(/Images/calc/metal_bkg.png); background-repeat:no-repeat; width:436px; height:326px;}
.metalcalc INPUT {border:0;	font-size: 16px; width:130px; background-color:Transparent; color:#fff; padding-top:1px;}

.metalcalc .companyname				{position:absolute; top:356px; left:85px; width:200px; text-align:left;}
.metalcalc .companyname INPUT		{width: 302px !important;}
.metalcalc .companyname INPUT.empty	{color:#ccc;}
.metalcalc .fleetsize				{position:absolute; top:392px; left:85px; width:200px; text-align:left;}
.metalcalc .fleetsize INPUT.empty	{color:#ccc;}
.metalcalc .fuelcost				{position:absolute; top:427px; left:85px; width:200px; text-align:left;}
.metalcalc .fuelcost INPUT.empty	{color:#ccc;}
.metalcalc .avgmiles				{position:absolute; top:462px; left:85px; width:200px; text-align:left;}
.metalcalc .avgmiles INPUT.empty	{color:#ccc;}
.metalcalc .avgmpg					{position:absolute; top:497px; left:85px; width:200px; text-align:left;}
.metalcalc .avgmpg INPUT.empty		{color:#ccc;}
.metalcalc .submit					{position:absolute; top:541px; left:150px; width:178px; height:40px; border:0}
.metalcalc .submit INPUT			{background-color:Transparent; width:178px; height:40px; }



/* Calendar
----------------------------------------------- */
.picker {background-color: #FFFFFF; border: 1px gray solid; font-size: 12px; font-weight: bold; font-family: "Verdana",monospace; padding: 2px; cursor: pointer; height:22px;}
.calendar_button {border:none;cursor:pointer;width:25px;height:22px;}
.calendar td {font-size:11px;}
.title {font-weight:bold;background-color:#D7D7E5;}
.day {width:25px; cursor:pointer; text-align:center; border-width:1px; border-color:#F6F6F6; border-style:solid;}
.dayhover {width:25px; cursor:pointer; text-align:center; text-decoration:underline; border-width:1px; border-color:#F6F6F6; border-style:solid;}
.dayheader {width:25px; text-align:center; border-width:1px; border-color:white; border-style:solid; font-weight:bold; background-color:#FFFFFF;}
.othermonthday {color:#999999;}
.outofrangeday {visibility:hidden;}
.selectedday {width:25px; background-color:#FBE694; color:#000000; border-width:1px; border-color:#BB5503 !important; border-style:solid; font-weight:bold;}
.calendar {border-style:solid; border-width:1px; border-color:Black; border-collapse:collapse; background-color:#FFFFFF; cursor:default;}
.month {background-color:#F6F6F6; margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:0px;}
.nextprev {cursor:pointer; height:25px; vertical-align:center; padding:0px 5px 0px 5px;}
.selector {width:14px; cursor:pointer; text-align:left; vertical-align:center; background-color:#FFFFFF;}