﻿html,body { 
	margin: 0px; padding: 0px; background-color: #000000;
	color: #FFFFFF; font-family: Arial, Verdana, Tahoma;
	font-size: 90%;
}

.FloatLeft  { float: left; }
.FloatRight { float: right; }

img { border: 0px; }

form { margin:0px; }

input { background-color: #333333; border: solid 1px #1f1b18; color: #FFFFFF; font-family: Arial, Verdana, Tahoma; }

textarea { background-color: #333333; border: solid 1px #1f1b18;  color: #FFFFFF; font-family: Arial, Verdana, Tahoma;  }
	
a { color: #FFFFFF; text-decoration: none; }

#siteContainer {
	width: 856px;
	position: relative;
	left: 50%; margin-left: -428px;
	padding: 0px; overflow: hidden;
	color: inherit;
}

.txtContainer {
	padding: 0px;
}

.footer {
	padding: 25px 0px; color: #FFFFFF; font-size: 80%; border-top: #975E02 1px solid;
}

a.tweb:visited { color: #D78603; text-decoration: underline; }
a.tweb:link    { color: #D78603; text-decoration: underline; }
a.tweb:hover   { color: #D78603; text-decoration: none; }

.backtoTop {
	float: right;
	margin-top: -15px;
	margin-right: 20px;
}	

h1 {
	font-size: 400%;
}

h2 {
	font-size: 190%;
}

h3 {
	font-size: 160%;
}

.content {
	padding: 20px 0px 20px 0px;
	line-height:130%;
}

.menu-container {
	text-align:right; float: right;
}

.menu-navbar
{
    height: 28px;
    background-image: url(../../../Images/nav-link-bg.gif); background-repeat: repeat-x;    
}

.menu-table {
	width:100%; 
}

.menu-table .menu-table-first {
	width:9px;
}

.menu-table .menu-table-last {
	width:9px;
}

ul { padding: 0px 0px 0px 0px; margin: 13px 0px 13px 0px; list-style: none; }
li { padding: 0px 0px 5px 15px; margin: 0px 0px 0px 0px; background-image: url(../../../Images/arrow.gif); background-repeat: no-repeat; background-position: left 6px; }

.HeaderBG { height: 395px; text-decoration: none; }

html>body .Logo 
{ 
    background:url(../../../Images/logo.png); position:absolute; width:137px; height:111px; top:15px; left:5px; z-index: 999999; 
}

* html .Logo  
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../Images/logo.png',sizingMethod='scale');
    position:absolute; width:137px; height:111px; top:15px; left:5px; z-index: 999999;
}

.TitleBG { height: 38px; padding-top:20px; padding-bottom:3px; margin-bottom: 20px; background-image: url(../../../Images/line.gif); background-position: left bottom; background-repeat: no-repeat; }
.EditableTitleBG { height: 38px; padding-top:30px; padding-bottom:3px; margin-bottom: 20px; background-image: url(../../../Images/line.gif); background-position: left bottom; background-repeat: no-repeat; }

.YellowText    { color: #D78603; text-decoration: none; }
.YellowText-1  { color: #D78603; text-decoration: none; font-size: 110%; }
.WhiteText 	   { color: #FFFFFF; text-decoration: none; }
.WhiteDarkText { color: #E0DED2; text-decoration: none; }
.BlackText 	   { color: #000000; text-decoration: none; }

.MidleBoxBG    { min-height: 127px; _height: 127px; text-decoration: none; background-color: #1F1F1F; line-height: 20px; margin-bottom: 24px; }
.MidleBoxRightBG { float: right; width: 260px; text-decoration: none; }
.MidleBoxLeftBG  { margin-right: 260px; font-size: 90%; color: #E0DED2; padding: 22px 24px 18px 24px; text-align: justify; }

.MidleBoxBGLrage { min-height: 127px; _height: 127px; text-decoration: none; background-color: #1F1F1F; margin-bottom: 7px; line-height: 19px; }
.MidleBoxRightBGLrage { float: right; width: 296px; text-decoration: none; _margin-left: -3px; }
.MidleBoxLeftBGLrage  { margin-right: 296px; _margin-right: 293px; font-size: 90%; color: #E0DED2; padding: 22px 0px 15px 24px; text-align: justify; border-bottom: 17px #000000 solid; }

.MidleBoxBotBG { min-height: 127px; _height: 127px; text-decoration: none; background-color: #1F1F1F; line-height: 18px; }
.MidleBoxRightBGBot { float: right; width: 260px; text-decoration: none; }
.MidleBoxLeftBGBot  { margin-right: 260px; font-size: 90%; color: #E0DED2; padding: 22px 24px 26px 24px; text-align: justify; }

.MidleBoxTitleBG 	  { color: #D78603; font-size: 180%; font-weight: normal; font-family: "Myriad Pro", Arial, Verdana, Tahoma; text-decoration: none; height: 36px; }
.MidleBoxTitleBGMidle { color: #D78603; font-size: 180%; font-weight: normal; font-family: "Myriad Pro", Arial, Verdana, Tahoma; text-decoration: none; height: 27px; }
.MidleBoxTitleTopBG   { color: #D78603; font-size: 180%; font-weight: normal; font-family: "Myriad Pro", Arial, Verdana, Tahoma; text-decoration: none; height: 27px; margin-top: 20px; }

.MidleBoxBotYellowBelt { background-color: #F89B03; color: #FFFFFF; height: 30px; padding: 12px 0px 0px 10px; margin-top: 16px; font-size: 160%; font-weight: normal; }

.BotYellowText { color: #D78603; text-decoration: none; margin-top: 10px; }

.ContactMidleBG { min-height: 490px; _height: 490px; padding-bottom: 30px; text-decoration: none; }

.ContactMidleLeftBG  { margin-right: 320px; text-decoration: none; }
.ContactMidleRightBG { float: right; width: 281px; text-decoration: none; }

.ContactMidleTitleBG { height: 47px; text-decoration: none; }

.ContactRightTextBoxBG { background-color: #F89B03; color: #000000; line-height: 15px; padding: 20px 0px 15px 20px; margin-top: 30px; }

.ContactLargeText { font-size: 180%; font-weight: bold; text-decoration: none; padding-bottom: 4px; }

.ContactWhiteText { font-size: 90%; color: #FFFFFF; text-decoration: none; }
.ContactWhiteTextLine { font-size: 90%; color: #FFFFFF; text-decoration: underline; margin-top: 8px; }

.ContactMidleTopTextBG { font-size: 120%; text-decoration: none; margin-top: -3px; height: 58px; }

.ContactBoxBG { height: 445px; text-decoration: none; font-size: 90%; }

.ContactBoxLeftBG { float: left; padding-right: 10px; }

.TextBoxBG { border: #1F1B18 1px solid; background-color: #333333; color: #FFFFFF; padding: 3px 0px; margin-top: 4px; }
.TextBoxBGLarge {
	margin-top: 4px; width: 505px; _width: 502px; height: 173px;
	border: #1F1B18 1px solid; background-color: #333333; color: #FFFFFF;
}

.GasOilMidleBG { min-height: 480px; _height: 480px; margin-bottom: 20px; text-decoration: none; }

.GasOilMidleLeftBG  { margin-right: 320px; text-decoration: none; line-height: 18px; text-align: justify; }
.GasOilMidleRightBG { float: right; width: 285px; text-decoration: none; }

.GasBotBoxBG { min-height: 265px; _height: 265px; text-decoration: none; }

.GasBotBoxRightBG  { margin-left: 151px; text-decoration: none; line-height: 21px; padding-top: 10px; }
.GasBotBoxLeftBG   { float: left; width: 151px; text-decoration: none; }

.GasBotLeftImage { position: absolute; z-index: 1000; margin-left: -7px; }

.GasMidleTitleBG { padding-left: 10px; }

.GasMidleTextBG { height: 153px; text-decoration: none; }

.GasMidleTextBG ul { padding: 0px 0px 0px 0px; margin: 10px 0px 13px 10px; list-style: none; font-size: 90%; }
.GasMidleTextBG li { padding: 0px 0px 5px 15px; margin: 0px 0px 0px 0px; background-image: url(../../../Images/arrow-text.gif); background-repeat: no-repeat; background-position: left 6px; }

.GasMidleTextBGOne   { width: 122px; float: left; text-decoration: none; }
.GasMidleTextBGTwo   { width: 110px; float: left; text-decoration: none; }
.GasMidleTextBGThree { width: 167px; float: left; text-decoration: none; }
.GasMidleTextBGFour  { width: 177px; float: left; text-decoration: none; }
.GasMidleTextBGFive  { float: left; text-decoration: none; }

.GasMidleYellowBG { background-color: #F89B03; text-decoration: none; padding: 6px 0px 0px 0px; height: 27px; color: #000000; text-decoration: none; font-size: 120%; }

.GasMidleGrayBoxBG { background-color: #333333; padding: 12px 15px 15px 15px; text-decoration: none; font-size: 90%; line-height: 19px; }

.LubricantsBoxTitleBG { height: 30px; padding-top: 15px; color: #D78603; font-size: 180%; font-weight: normal; font-family: "Myriad Pro", Arial, Verdana, Tahoma; text-decoration: none; }

.LubricantsBoxBG { height: 150px; margin-bottom: 35px; text-decoration: none; font-size: 90%; background-color: #1F1F1F; width: 550px; }

.LubricantsBoxLeftBG  { float: left; width: 241px; text-decoration: none; }
.LubricantsBoxRightBG { margin-left: 241px; text-decoration: none; padding-left: 20px; }

.LubricantsMidleBG { min-height: 770px; _height: 770px; text-decoration: none; }

.LubricantsMidleLeftBG  { margin-right: 290px; text-decoration: none; line-height: 21px; }
.LubricantsMidleRightBG { float: right; width: 255px; text-decoration: none; text-align: justify; font-size: 90%; line-height: 13px; }

.LubricantsBoxRightBG ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; line-height: 180%; font-size: 90%; }
.LubricantsBoxRightBG li { padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; background-image: url(../../../Images/arrow.gif); background-repeat: no-repeat; background-position: left 6px; }

.LubricantsBotBoxBG { min-height: 265px; _height: 265px; text-decoration: none; }

.LubricantsBotBoxRightBG  { margin-left: 197px; _margin-left: 194px; text-decoration: none; line-height: 21px; }
.LubricantsBotBoxLeftBG   { float: left; width: 197px; text-decoration: none; _margin-right: -3px; padding-top: 10px;  }

.LubricantsMidleTextBG { text-decoration: none; height:119px; padding-top:1px; }

.LubricantsMidleTextBG ul { padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; list-style: none; line-height:normal; }
.LubricantsMidleTextBG li { padding: 0px 0px 5px 15px; margin: 0px 0px 0px 0px; width: 200px; float: left; background-image: url(../../../Images/arrow-text.gif); background-repeat: no-repeat; background-position: left 6px; }

.LubricantsBotBoxTitleBG { height: 22px; padding-top: 5px; color: #D78603; font-size: 180%; font-weight: normal; font-family: "Myriad Pro", Arial, Verdana, Tahoma; text-decoration: none; }

.TexacoTitleBG { height: 58px; margin-bottom: 35px; background-image: url(../../../Images/line.gif); background-position: left bottom; background-repeat: no-repeat; }

.TexacoBotImageBG { margin: 35px 0px; text-decoration: none; }

.MidleBG { padding: 0px 0px 0px 30px; text-align: justify; text-decoration: none; }

.SubPageHeaderBG { height: 175px; text-decoration: none; }

.BackButBG { float: right; margin-top: 12px; }

a.BackLink:visited { color: #E99203; text-decoration: none; font-size: 120%; }
a.BackLink:link    { color: #E99203; text-decoration: none; font-size: 120%; }
a.BackLink:hover   { color: #FFFFFF; text-decoration: none; font-size: 120%; }

.ProductBoxBG { min-height: 152px; _height: 152px; padding-bottom: 25px; margin-bottom: 20px; background-image: url(../../../Images/line.gif); background-position: left bottom; background-repeat: no-repeat;  }

.ProductBoxLeftBG  { float: left; width: 235px; text-decoration: none; }
.ProductBoxRightBG { margin-left: 268px; font-size: 90%; text-align: justify; }

.ProductBoxBotBG { min-height: 152px; _height: 152px; padding-bottom: 25px; text-decoration: none; }

.DefaultHeaderBG {  }
.DefaultHeader { padding-bottom:20px; background-image: url(../../../Images/line.gif); background-position: left bottom; background-repeat: no-repeat; }
.DefaultReadBG { position: absolute; z-index: 1000; font-size: 80%; right: 25px; margin-top: -12px; }

a.ReadLink:visited { color: #FFFFFF; text-decoration: none; }
a.ReadLink:link    { color: #FFFFFF; text-decoration: none; }
a.ReadLink:hover   { color: #E99203; text-decoration: none; }

a.RedLink:visited { color: #FF0000; text-decoration: none; }
a.RedLink:link    { color: #FF0000; text-decoration: none; }
a.RedLink:hover   { color: #E99203; text-decoration: none; }

.DefaultMidleBG { min-height: 475px; _height: 475px; padding-bottom: 20px; text-decoration: none; font-size: 90%; }

.DefaultMidleLeftBG   { float: left; width: 298px; text-decoration: none; }
.DefaultMidleCenterBG { margin-left: 298px; margin-right: 250px; }
.DefaultMidleRightBG  { float: right; width: 250px; text-decoration: none; text-align: justify; }

.DefaultMidleTitleBG { height: 36px; text-decoration: none; }

.DefaultLeftImageBG { margin: 15px 0px; text-decoration: none; }

.DefaultLeftTextIcon ul { padding: 0px 50px 10px 0px; margin: 0px 0px 0px 0px; list-style: none; line-height:normal; font-size:12px;}
.DefaultLeftTextIcon li { padding: 0px 0px 5px 15px; margin: 0px 0px 0px 0px; background-image: url(../../../Images/arrow-text.gif); background-repeat: no-repeat; background-position: left 6px; }

.DefaultLeftTextBotIcon ul { padding: 0px 0px 0px 0px; margin: 10px 0px 10px 0px; list-style: none; color: #DE8B03; font-size:12px; }
.DefaultLeftTextBotIcon li { padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; background-image: url(../../../Images/arrow-text-white.gif); background-repeat: no-repeat; background-position: left 5px; }

.FreePhone { padding:20px 0px 10px 0px; text-align:right;}
.PageTitle { font-size:26px; color:#F89B03; padding-top:5px;}

.ContainerRegion
{
    width: 100%;   
}

.LeftRegion
{
    float: left; border: solid 1px #FFFFFF;
    position: relative;   
}

.RightRegion
{
    float: right;  border: solid 1px #FFFFFF; 
    margin-left: 30px;
}

.BottomRegion
{
    width: 100%; border: solid 1px #FFFFFF; 
    margin-top: 30px; 
}

.ContactForm
{
    border: solid 1px #FFFFFF; width: 560px;
}

.formItem
{
    float: left; border: solid 1px #FFFFFF;
    margin-right: 10px; position: relative;
}