body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px;
}
a:link, a:visited{color:#004990;}
a:hover{color: #cc0066;}
#wrapper{width: 800px; margin: 0 auto; text-align:center;}
#outline{border: solid 1px #6699CC; width: 800px; clear:both;}
#container{}
#copyright{font-size: 10px; color: #666666; padding-top: 5px; width: 780px;}

.rnb{float:right;}
.rnb a:link, .rnb a:visited{ color: #666666;}
.rnb a:hover{color: #B01175;}
.fleft{float:left;}

.clearing{margin:0; padding:0; clear:both;}
.flash{padding-top:10px;  padding-bottom:10px;}

.underlined{ text-decoration: underline;}
.ital{ font-style:italic;}

/**** HOME TOP NAV STYLES ****/

.navInlineContainer{
float:left;
margin-left:56px;
margin-bottom:15px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(/images/top_nav_bg.gif);
height:33px;
overflow:hidden; display: inline; 
}
.navInline{
display: block;
float:left;
border-right: dotted 1px #FFFFFF;
margin: 0;
padding: 0px;
}
.navInline a{
display: block;
vertical-align: middle;
margin: 0;
padding: 11px 7px 10px 7px;
}
.navInline a:link,
.navInline a:visited {
margin:0;
vertical-align: middle;
text-decoration: none;
color: #004990;
}

.navInline a:hover{
background-image: url(/images/over1.gif);
    }
.navInlineXLong{
display: block;
padding:0;
line-height:12px;
margin:0;
float:left;
vertical-align: middle;
border-right: dotted 1px #FFFFFF;
padding-top:4px;
padding-bottom:6px;
width: 155px;
}

.navInlineXLong a:link,
.navInlineXLong a:visited{
padding:0;
margin:0;
vertical-align: middle;
text-decoration: none;
color: #004990;
}

.navInlineXLong a:hover{
background-image: url(/images/over1.gif);
background-position: 7px;
margin-left:9px;
margin-right:9px;
    }
   
.navInlineEndd{
display: block;
float:left;
padding:0;
margin:0;
vertical-align: middle;
border-right: dotted 1px #FFFFFF;
background-image: url(/images/top_nav_bC.gif);
}
.navInlineEnd{
display: block;
padding:0;
margin:0;
float:left;
vertical-align: middle;
background-image: url(/images/top_nav_bC.gif);
}

/**** HOME TEXT STYLES ********/
.homeCopy{ margin: 10px 60px 0px 60px; text-align: left; font-size: 11px;}

/**** TEXT STYLES ********/
.note{ font-size:9px;}
sup{ font-size:8px;}
.bold{ font-weight: bold;}
.req{ color: #ff0000; font-weight: bold; font-size: 9px;}

.reqLrg{ color: #000000; font-weight: bold; font-size: 10px;}

.std{ font-size: 11px;}

/**** HOME MARGIN STYLES */

#homeLeftMargin{ float:left; display: inline; width:145px; margin-left:58px; text-align: left;  }
#homeRightMargin{ float:left; display: inline; margin-left:20px; text-align: left; width:350px;  }
#homeCenterMargin{ float:left; display: inline; margin-left:20px; margin-bottom:20px; text-align: left; clear: right;}
.homeArticle { font-size: 11px; text-decoration: none; padding-top: 8px; padding-bottom: 8px; border-bottom: dotted 1px #cccccc; }
.homeArticle a:link, .homeArticle a:visited { font-size: 11px; text-decoration: none; color: #004990; }
.homeArticle a:hover { color: #CC0066; }
#homeBot{ margin-right:auto; margin-left:auto; }

/* HEAD STYLES */
h1{
    font-size: 22px;
    color:#004990;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right:0;
    padding-bottom:10px;
    padding-right:0;
    float:right;}
h2{
    border-bottom: solid 1px #004990;
    font-size: 16px;
    color:#004990;
    margin-bottom: 2px;}

h3{
    font-size: 12px;
    color:#000000;
    margin-bottom: 2px;}

/**** SECOND PAGE   TOP NAV   STYLES     ID *****/
#topNavContainer ul { padding-left: 0; margin-left: 0; background-image: url(/images/top_nav_bg.gif); color: #004990; float: left; width: 100%; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; }
#topNavContainer ul li { display: inline; }
#topNavContainer ul li a { padding: 0.2em 1em; background-image: url(/images/top_nav_bg.gif); color: #004990; text-decoration: none; float: left; border-right: 1px solid #FFFFFF; }
#topNavContainer ul li a:hover { background-image: url(/images/over2.gif); background-position: 0px 25px; color: #004990; }

/**** SECOND PAGE   TOP NAV   STYLES     CLASS *****/
.topNavContainer ul{ padding-left: 0; margin-left: 0; background-image: url(/images/over3.gif); background-position: 0px -5px; color: #004990; float: left; width: 100%; font-family: arial, helvetica, sans-serif; font-size: 11px; }
.topNavContainer ul li { display: inline; }
.topNavContainer ul li a:link, .topNavContainer ul li a:visited {padding: 4px 11px;color: #004990;text-decoration: none;float: left; border-right: 1px dotted #ffffff;  }

.topNavContainer ul li a:link#active,
.topNavContainer ul li a:visited#active
{ background-image: url(/images/over4.gif); background-position: 0px -6px; color: #004990; }

.topNavContainer ul li a:hover{ background-image: url(/images/over4.gif); background-position: 0px -6px; color: #004990;}
.navList{ margin:0; padding:0; clear: both; }
    
.topNavContainer li a#ender{ border-right:none;}
.topNavContainer a:ender{ margin:0;}

/**** LEFT NAV STYLES ****/
.leftLinks{ margin:0; padding:0;list-style-type: none;}
.leftLinks ul{ margin:0; padding:0; list-style-type: none;}
.leftLinks li{ margin:0; text-decoration:none; font-size: 11px; }
.leftLinks li a { display: block; padding: 5px 0px 7px 5px; width: 141px;}
.leftLinks li a:link, .leftLinks li a:visited{ text-decoration:none; color: #004990;  border-bottom: dotted 1px #004990; }
.leftLinks li a:hover{ color: #004990; background-image: url(/images/over2.gif); }

.leftLinks li a#lactive{}
#lactive{ color: #004990; background-color:#a2c5e5; background-image: url(/images/sub/grad_blue-grey_1.gif);}
#lactive a:link, #lactive a:visited{ color: #004990; background-image: url(/images/sub/grad_blue-grey_1.gif);}
#lactive a:hover{ color:#004990; background-image: url(/images/sub/grad_white-grey_1.gif);}

.lactive{font-weight: bold;}
/*
.leftLinks li .head {color: #ffffff; font-weight:bold; }
.head a:link, .head a:visited {font-weight:bold; color:#ffffff; }
.head a:hover {font-weight:bold; }
*/
.leftLinks ul .subs {background-color:#ffffff;list-style-type: none;}
.leftLinks li a#sactive { font-weight: bold;}

.subs { background-color:#ffffff;}
.subs ul{ font-weight: normal;list-style-type: none;}
.leftLinks li a.subs { background-color:#ffffff;}
.subs a:link, .subs a:visited { background-image: url(/images/sub/grad_blue-grey_1.gif); color:#004990;}
.subs a:hover { color:#004990; background-image: url(/images/sub/grad_white-grey_1.gif);}

.leftMarginPush{width: 167px; float:left;}

/* MARGIN STYLES */

#leftMargin{ float:left; width:147px; margin-top:77px; margin-left:0px; padding:0; text-align: left;}
.leftMarginLines{   border-top: solid 1px #004990; border-right: dotted 1px #004990;  }
#rightMargin{
    float:right;
    margin:0;
    padding: 0 0 20px 0;
    text-align: left;
    width:633px; }
#rightMarginContent{
    margin-right: 20px;
    font-size: 12px;
    text-align: left; }    
#centerMargin{
    float:left;
    margin-left:20px;
    text-align: left;
    clear: both;  }
    
#fullMargin{float:left; margin-left:20px; padding-right:0px; padding-bottom:20px; text-align:left;}

/**** BREADCRUMB STYLES ********/
.breadcrumb { font-size: 9px; color: #999999;}
.breadcrumbsNoLMar{ padding-left: 147px;}
.breadcrumbup { font-size: 9px; color: #999999;}
.breadcrumbactive { font-size: 9px; color: #CC3399;}
.breadcrumb a:link,.breadcrumb a:visited  { font-size: 9px;color: #999999;}
.breadcrumb a:hover { font-size: 9px;color: #CC0066;}

/**** LIST STYLES ********/
llContainer{ margin-top: 20px; margin-left: 20px; border-top: solid 2px #004990; width: 141px;}
.listLinks{margin:0; padding:0; list-style-type: none; }
.listLinks ul{ margin: 0; padding: 0; list-style-type: none;    }
.listLinks li{ margin:0; text-decoration:none; font-size: 11px; }
.listLinks a { display: block; padding: 5px 5px 7px 5px; /*width: 141px;*/ border-bottom: dotted 1px #004990;    }

.listLinks a:link, .listLinks a:visited{text-decoration:none; color: #004990; }

.listLinks a:hover{ color: #004990; background-image: url(/images/over2.gif); }
.listLinks li a#active{ border-right:none; color: #004990; background-image: url(/images/over2.gif);}
.listLinks #llFirst{border-top: solid 2px #004990; }
/* top, right, bot, lft*/ 


/**** LIST *********/
.llFree{
margin:0;
padding:0;
list-style-type: none;
    }
.llFree ul{
margin: 0;
padding: 0;
list-style-type: none;
    }
.llFree li{
margin:0;
text-decoration:none;
font-size: 11px; 
    }
.llFree a {
display: block;
padding: 5px 0px 7px 5px; /* top, right, bot, lft*/
border-bottom: dotted 1px #004990;    }

.llFree a:link, .llFree a:visited{
text-decoration:none; 
color: #004990; }

.llFree a:hover{ color: #004990; background-image: url(/images/over2.gif); }
.llFree li a#active{ border-right:none; color: #004990; background-image: url(/images/over2.gif);}
.llFree li a#top{ border-top: solid 1px #004990; }
.llFree .noLink{ display: block; padding: 5px 0px 7px 5px; border-bottom: dotted 1px #004990;  }
.noLink a:link,.noLink a:visited { display: inline; border:none; margin:0; padding:0;}
.noLink a:hover { display: inline; border:none; color: #B01175; background-image: none; }
.w250px{ width: 250px; float: left; margin: 20px 20px 0px 0px;}


/*** PRODUCT LIST STYLES ***/
.productList{ margin:20px 0px 20px 20px; padding:0; text-decoration:none; font-size: 11px;  list-style-type: none;}
.productList ul{ margin:0; padding:0;}
.productList li li { margin: 0 0 3px 0; }
.productList a { display: block; padding: 4px 2px 4px 24px; border-bottom: dotted 1px #cccccc; width: 140px; background-color: #ffffff; background-image: url(images/l1_down.gif); }
.productList a:link, .productList a:visited { text-decoration:none; color: #004990; }
.productList a:hover{  color: #004990; background-image: url(/images/over2.gif); }


/*** TABLE STYLES ***/
table#tTight{ padding:2px;}
table.tMed{ padding: 4px;}
#pTable{}

td {font-family: Arial, Helvetica, sans-serif; font-size:10px; vertical-align: top;padding: 4px;}
td.center{text-align:center;vertical-align:middle;}
.tdOdd{    background-color: #DFEFFF;padding: 6px;	}
.tdEven{	background-color: #9BCDFF;padding: 6px;}

.trOdd{    background-color: #DFEFFF;padding: 6px;	}
.trEven{	background-color: #9BCDFF;padding: 6px;}
.trOddLt{    background-color: #DFEFFF;padding: 2px;}
.trEvenLt{	background-color: #9BCDFF;padding: 2px;}
th { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color:#004990; color: #ffffff; vertical-align: bottom; padding: 6px; }
th.center{
	text-align: center;}
th.vTop
{
    vertical-align:top;}
th.top{
    vertical-align:top;}
	
th a:link{color:#ffffff;}
th a:hover{color:#ff0066;}

#oilTable{
    padding-right: 10px;
    margin-top:10px;}
#oilTable td{
    padding-right: 10px;}

.tc100px{width:100px; padding:0; margin:0;}
.tcw100{width:100px; padding-bottom:5px; margin:0;}
.tcw80{width:100px; padding-bottom:5px; margin:0;}
.tcw30{width:30px; padding-bottom:5px; margin:0;}
.trCompHead{font-weight: bold; }

/**** PRODUCT LINKS ****/

.plContainer{
float:left;
margin-top:10px;
margin-right:10px; 
font-size:11px; }

.plContainer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.plContainer a{
display: block;
padding: 5px;
border-bottom: dotted 1px #004990;
}

.plContainer a:link, .plList a:visited{
color: #004990;
text-decoration: none;
}

.plContainer a:hover{
background-image: url(/images/over3.gif);
color: #004990;
}

.plContainer li .head {
background-color:#004990; 
color: #ffffff; 
font-weight:bold; }

.head a:link, .head a:visited { font-weight:bold; background-color:#004990; color:#ffffff; }
.head a:hover { color:#004990; font-weight:bold; background-image: url(/images/over2.gif);}


/*** WELDED vs. SEAMLESS LIST STYLES **********/
.letListItem{ padding-left:15px; padding-bottom: 2px;}
.numListItem{ padding-bottom : 2px; font-weight: bold;}

/*** FORM FIELD STYLES *********/
.formTitle{
    float:left;
    width: 100px;
    text-align:right;
    vertical-align:middle;
    padding: 3px;}
.formField{  float:left;}

/*** REGION PAGE STYLES *********/
td.name{ width: 150px; font-size: 11px; font-weight: bold; background-color: #cccccc; padding: 5px;}   
td.title{
    width: 280px;
     font-size: 11px;
     font-style: italic;
     background-color: #cccccc;
     padding: 5px;}
td.tel{ width: 150px; font-size: 11px; background-color: #cccccc; padding: 5px; }

.addressCol1{ width:195px ;float:left;padding: 20px 8px 8px 0; font-size: 11px; }
.addressCol2{ width:195px;float:left;padding: 20px 8px 8px 0; font-size: 11px; }
.addressCol3{ width:195px;float:left;padding: 20px 8px 8px 0; font-size: 11px; }

.def{margin-top: 0;}

/**** CONTACT US STYLES ********/
.map{border: solid 1px #000000;}

/**** FINANCIAL PR STYLES ********/
.fprContainer{ float:left; width:100%; background-color:#bcdcfd; border-top: solid 1px #ffffff; margin-bottom: 5px; clear:both;}
.fprLink{ float:right; width: 65px;  padding:5px; text-align:center; }
.fprDate{ float:left; width: 100px; display: block; padding:5px; }
.fprDescript{ float:left; display: block; width: 410px;  padding:5px; border-left: solid 2px #ffffff;  border-right: solid 2px #ffffff; }


/**** ********/
.aaLink{ border: solid 1px #ffffff; outline: #ffffff solid 1px; padding: 5px; }
.sideBarCopy{ padding: 6px; font-size:10px; }

/**** NEWS STYLES ********/
.prContainer{ float:left; width:100%; font-size:10px; background-color:#bcdcfd; border-top: solid 1px #ffffff; margin-bottom: 5px; clear:both;}
.prDate{ float:left; width: 100px; display: block; padding:5px; font-weight:bold;}
.prDescript{ float:left; display: block; width: 410px;  padding:5px; border-left: solid 2px #ffffff;  border-right: solid 2px #ffffff; }
.prLink{ float:right; width: 68px;  padding:5px; text-align:center; font-weight:bold;}

.ueContainer{ float:left; width:100%; font-size:10px; background-color:#bcdcfd; border-top: solid 1px #ffffff; margin-bottom: 5px; clear:both;}
.ueDate{ float:left; width: 130px; display: block; padding:5px; font-weight:bold;}
.ueDateNoLink{ float:left; width: 100px; display: block; padding:5px;}
.ueDescript{ float:left; display: block; width: 380px; padding:5px; border-left: solid 2px #ffffff;  border-right: solid 2px #ffffff; }
.ueDescriptNoLink{ float:left; display: block; width: 410px; padding:5px; border-left: solid 2px #ffffff;  border-right: solid 2px #ffffff; }
.ueLink{ float:right; width: 65px;  padding:5px; text-align:center; font-weight:bold;}
.euHead{ font-weight: bold;}
.euSubInfo{ font-size: 10px;}

.conContainer{ float:left; width:100%; font-size:10px; background-color:#bcdcfd; border-top: solid 1px #ffffff; margin-bottom: 5px; clear:both;}
.conDate{ float:left; display: block; padding:5px; font-weight:bold;}
.conDescript{ float:left; display: block; width: 410px;  padding:5px; border-left: solid 2px #ffffff;  border-right: solid 2px #ffffff; }
.conLink{ float:right; width: 68px;  padding:5px; text-align:center; font-weight:bold;  padding:5px; border-left: solid 2px #ffffff;}

/**** DOWNLOAD STYLES ********/

.diContainer{
float:left;
padding: 10px;
margin-right: 10px;
margin-bottom: 10px;
border-top: dotted 1px #004990;
    }
.downloadImg{
float:left;
margin-right: 10px;
border: solid 1px #004990;
padding:0;
width: auto;
    }
.downloadDes{
float:left;
width: 380px;
display: block;
margin-right: 10px;}


.downloadLink{
float:left;
width: 100px;
display: block;
color: #9395b1;
font-weight: bold;
}
.downloadLink h3{ padding: 7px 25px 7px 25px; }
.downloadLink a:link, .downloadLink a:visited {
    display: block;
    background-image: url(/images/common/pdf_icon.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-color: #ffffff;
    padding: 7px 0px 7px 25px;
    overflow: hidden;
}

.downloadLink a:hover {
    display: block;
    background-image: url(/images/common/btn_download.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    text-decoration: none;
    overflow: hidden;
}



.bttContainer{ float:right; width: 610px; text-align:right; margin-top: 20px;}

.btt{
display: block;
float:right;
color: #9395b1;
font-size: 10px;
font-weight: bold;
padding-top: 10px;
overflow:hidden;
}
.btt h3{ padding: 7px 25px 7px 20px; }
.btt a:link, .btt a:visited {
    display: block;
    background-image: url(/images/common/btn_arrow_up_off.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    padding: 7px 0px 7px 20px;
}

.btt a:hover {
    display: block;
    background-image: url(/images/common/btn_arrow_up_on.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    text-decoration: none;
}


.bttFull{
display: block;
float:right;width: 610px;
color: #9395b1;
font-weight: bold;
padding-top: 10px; 
text-align:right; 
}
.bttFull h3{ padding: 7px 25px 7px 20px; }
.bttFull a:link, .bttFull a:visited {
    display: block;
    background-image: url(/images/common/btn_arrow_up_off.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    padding: 7px 0px 7px 20px;
}

.bttFull a:hover {
    display: block;
    background-image: url(/images/common/btn_arrow_up_on.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    text-decoration: none;
}


.back{
display: block;
float:right;
margin-top: 7px;
color: #9395b1;
font-size: 10px;
font-weight: bold;
padding-top: 10px;
}
.back h3{ padding: 7px 25px 7px 25px; }
.back a:link, .back a:visited {
    display: block;
    background-image: url(/images/common/btn_arrow_back_off.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    padding: 0px 25px 7px 25px;
}

.back a:hover {
    display: block;
    background-image: url(/images/common/btn_arrow_back_on.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    text-decoration: none;
}


.printer{
display: block;
float:right;
color: #9395b1;
font-weight: bold;
padding-top: 10px;
overflow:hidden;
}
.printer h3{ padding: 7px 25px 7px 20px; }
.printer a:link, .printer a:visited {
    display: block;
    background-image: url(/images/common/printer_off.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    padding: 7px 0px 7px 20px;
}

.printer a:hover {
    display: block;
    background-image: url(/images/common/printer_on.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    text-decoration: none;
}

/* BARLOWS CHART STYLES */

.bal /*Bold Align Left */ { text-align: left; font-weight: bold;}
.bar /*Bold Align Right */ { text-align: right; font-weight: bold;}
.colorBlue{ background-color: #3366FF;}
.colorBlueCtr{ background-color: #3366FF; text-align: center;}
.colorGrnCtr{ background-color: #009933; text-align: center;}
.colorRedCtr{ background-color: #ff0000; text-align: center;}
.colorRedCtrB{ background-color: #CC0000; text-align: center;}
.alignRt{ text-align: right;}
.alignCtr{ text-align: center;}

/* U-BEND GUIDELINES TABLE */
#ubendTable{}
#ubendTable th{ color: #ffffff; background-color: #004990; }
#ubendTable td{ border-bottom: solid 1px #004990; }
#ubendTable .rowColor{ background-color: #DFEFFF; text-align: center; }
#ubendTable .rowNoColor{ text-align: center; }

/**** HISTORY STYLES ****/
.histDescrpt{float:left; width: 450px; margin-bottom: 10px; border-top: dotted 1px #6699cc; padding-top: 3px;}
.histDate{float:left; width: 150px; font-weight:bold; font-size: 15px; border-top: dotted 1px #6699cc; padding-top: 3px;}


.languageLined{ border-bottom: solid 1px #6699CC; width:797px; text-align:right; padding:2px; font-size: 10px; font-weight: bold; text-decoration: none;}
.languageLined .active{ color:#cc0066;}

.fNewsContainer{ float:left; width: 500px; border-bottom: dotted 1px #cccccc; margin-top: 5px; padding-bottom: 5px;}
.fNewsDate{ font-weight: bold; width: 75px; float: left;}
.fNewsHeadline{ float: left; width: 300px;}
.fNewsLink{ float: left; width: 100px;}


/**** SWAGELOK STYLES ****/
#rightLeftContainer{float:left; width: 400px;}
#sideBarContainer{ float: right; width: 200px;}


NuNavcontainer { margin-left: 30px; }

#NuNavcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
}

#NuNavcontainer li { margin: 0 0 1px 0; }

#NuNavcontainer a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #fff;
background-color: #036;
text-decoration: none;
}

#NuNavcontainer a:hover
{
color: #fff;
background-color: #990099;
text-decoration: none;
}

#NuNavcontainer ul ul li { margin: 0 0 1px 0; }

#NuNavcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #fff;
background-color: #369;
text-decoration: none;
}

#NuNavcontainer ul ul a:hover
{
color: #fff;
background-color: #990099;
text-decoration: none;
}