﻿	body
{
	text-align: center;
	background-color:White;
}
.MainPageHeaderText
{
		font-size: 12pt; 
	vertical-align: top; 
	font-weight:bold; 
	font-family: Helvetica, Arial, sans-serif; 
	color: #000000;
	position:relative;
	top: -8px;
	padding-bottom:0px;
	padding-top:0px;
}
div#container
{
	margin-left: auto;
	margin-right: auto;
	width: 997px;
	height: 60%;
	text-align: left;
	background-color:White;
}
/* Site Revision */
#header
{
	background: #ccc;
	padding: 20px;
}

#header h1 { margin: 0; }

#navigation
{
	float: left;
	width: 100%;
	background: #333;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover { background: #383; }

#content-container
{
	float: left;
	width: 100%;
	/*background: #FFF url(layout-two-liquid-background.gif) repeat-y 68% 0;*/
}

#content
{
	clear: left;
	float: left;
	width: 772px;
	padding: 5px 0;
	margin: 0 0 0 0%;
	display: inline;
}

#content h2 { margin: 0; }

#aside
{
	float: right;
	width: 218px;
	padding: 5px 0;
	margin: 0 0% 0 0;
	display: inline;
}

#aside h3 { margin: 0; }

#footer
{
	clear: left;
	background: #ccc;
	padding: 20px;
	height: 40%;
}
/*End Site Revision */
.basediv
{
		margin-left: auto;
	margin-right: auto;
	width: 997px;
	text-align: left;
	background-color:White;
	 height: 24px;
	 border-style:none;
}
.headertext
{
	font-size: 20px; 
	font-weight:bold; 
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	
}
/* OileSafe Menus from legacy site */
.SideMenuBorders
{
	border-right: gray 1px solid;
	padding-right: 0px;
	border-top: gray 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left: gray 1px solid;
	padding-top: 0px;
	border-bottom: gray 1px solid;
	width: 150px;
}

.FillMenuHeader
{
	color: black;
	background-color: #e5e5e5;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align: middle;
	text-align: center;
	width: 200px;
	font-weight: bold;
	font-family: Arial, Tahoma;
	letter-spacing: 1px;
}
.UnderHeader
{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

.testb
{
	font-weight: bold;
	color: red;
	background-color: transparent;
	background-image: url(myimages/mn_bg.jpg);
}

.CartRow
{
	font-size: 8pt;
	color: blue;
	background-color: white;
}

.CartHeader
{
	font-size: 8pt;
	font-family: Arial;
}

.StaticHoverMenu
{
	color: #ffff66;
}
.CATEGORYLINK
{
	color: #007698;
	font-size: 8pt;
	text-decoration: none;
	font-family: Arial;
}

a.CATEGORYLINK:hover
{
	color: Black;
	text-decoration: underline;
	font-family: Arial;
	font-size: 8pt;
}

.Links
{
	color: blue;
	font-family: arial;
	text-decoration: underline;
}

a.Links:hover
{
	color: blue;
	font-family: arial;
	text-decoration: underline;
}

a.Links:visited
{
	color: blue;
	font-family: Arial;
	text-decoration: underline;
}

.roundcont
{
	width: 250px;
	background-color: #e5e5e5;
	color: #fff;
}

.roundcont p
{
	margin: 0 10px;
}

.roundtop
{
	background: url(tr.gif) no-repeat top right;
}

.roundbottom
{
	background: url(br.gif) no-repeat right top;
}

img.corner
{
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}

.BodyContents
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #e5e5e5;
	font-size: 8pt;
	color: white;
	font-family: Arial;
}

.InsideWhite
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: White;
	font-size: 8pt;
	color: Green;
	font-family: Arial;
}

.roundcontwhite
{
	width: 250px;
	background-color: #e5e5e5;
	color: #fff;
}

.roundcontwhite p
{
	margin: 0 10px;
}

.roundtopwhite
{
	background: url(tr_white.gif) no-repeat top right;
}

.roundbottomwhite
{
	background: url(br_white.gif) no-repeat right top;
}

img.cornerwhite
{
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}

.RoundedCornerHeader
{
	font-size: 9pt;
	color: gray;
	font-family: Arial;
	vertical-align: middle;
	letter-spacing: normal;
	text-align: center;
	text-transform: capitalize;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
}

.paragraph
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: arial;
	text-align: left;
}

.paragraphheader
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10pt;
	padding-bottom: 5px;
	line-height: 20px;
	padding-top: 5px;
	font-family: arial;
	letter-spacing: 1px;
	text-align: left;
	font-weight: bold;
}

.brandheader
{
	font-weight: bold;
	font-size: 14pt;
	padding-bottom: 10px;
	color: gray;
	padding-top: 10px;
	font-family: arial;
	text-align: center;
}

.brandBody
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: arial;
	text-align: justify;
}

.PartNumbers
{
	font-size: 8pt;
	font-family: Arial;
	padding-right: 5px;
	padding-left: 5px;
}

.ComponentsText
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 8pt;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Arial;
	text-align: justify;
}

.componentsbox
{
	border-right: #e5e5e5 1pt solid;
	border-top: #e5e5e5 1pt solid;
	border-left: #e5e5e5 1pt solid;
	border-bottom: #e5e5e5 1pt solid;
}

.DownloadHeaders
{
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 5px;
	color: gray;
	padding-top: 3px;
	font-family: arial;
	width: 400px;
}

.ItemDetailDescription
{
	font-size: 10pt;
	color: black;
	font-family: Arial;
	background-color: white;
	text-align: left;
	font-weight: bold;
	width: 100%;
}
.PageHeader
{
	font-weight: bold;
	font-size: 11pt;
	padding-bottom: 8px;
	width: 100%;
	color: #007698;
	padding-top: 8px;
	font-family: Arial;
	height: 18px;
	text-align: left;
}
.MenuHeader
{
	font-weight:bold;
}
.linetext
{
	font-size: 9pt;
	color: black;
	font-family: Arial;
}
.linetitle
{
	font-weight: bold;
	font-size: 9pt;
	color: black;
	font-family: Arial;
}
.shoppingcartterms
{
	color: #007698;
	border-style: solid;
	border-width: 0px;
	border-color: #007698;
	font-size: 8pt;
	font-family: arial;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 10px;
}

.SplashLinks
{
	color: Black;
	font-family: arial;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.SplashLinks:visited:active:
{
	color: Black;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}


a.SplashLinks:hover
{
	color: black;
	text-decoration: underline;
	font-weight: bold;
	font-size: 9pt;
}

.size9
{
	font-size: 9pt;
	font-family: arial;
	color: Black;
}

.size9bold
{
	font-size: 9pt;
	font-family: arial;
	color: Black ;
	font-weight: bold;
}

.grayonly
{
	font-weight: bold;
	color: gray;
	font-family: arial;
	text-decoration: underline;
}
a.grayonly:active:visited:
{
	font-weight: bold;
	color: gray;
	font-family: arial;
	text-decoration: underline;
}



/* Static menu options   */

a:link.StaticMenuItem, a:visited.StaticMenuItem, a:hover.StaticMenuItem, a:active.StaticMenuItem
{
	color: White;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
} 

a:link.StaticHoverStyle, a:visited.StaticHoverStyle, a:hover.StaticHoverStyle, a:active.StaticHoverStyle
{
	color: White;
	text-decoration: underline;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
} 

 
a:link.StaticSelectedStyle, a:visited.StaticSelectedStyle, a:hover.StaticSelectedStyle, a:active.StaticSelectedStyle
{
	color: White;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial;
} 

/* Dynamic menu options   */

a:link.DynamicHoverStyle, a:visited.DynamicHoverStyle
{
	color: #007698;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial;
	background-color: #e5e5e5;
} 

a:hover.DynamicHoverStyle, a:active.DynamicHoverStyle
{
	color: White;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial;
	background-color: #e5e5e5;
} 

a:link.DynamicMenuItemStyle , a:visited.DynamicMenuItemStyle , a:hover.DynamicMenuItemStyle , a:active.DynamicMenuItemStyle 
{
	color: gray;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial;
}

a.HeaderMenuItem
{
	font-weight: bold;
	font-size: 8pt;
	font-family: Arial;
	color: #007698;
	text-decoration:none;
}
 
a:hover.HeaderMenuItem
{
	color:Black;
}
 
 .modalBackground 
 {
	background-color:#007698;
	filter:alpha(opacity=30);
	opacity:0.3;
 }
	.acompleteElement
	{
		z-index:1000;
		margin : 0px! important; 
	background-color : inherit; 
	color : black; 
	border : solid 1px gray; 
	cursor : pointer; 
	text-align : left; 
	list-style-type : none; 
	font-family : Verdana; 
	font-size: 11px; 
	padding : 0; 
	}

/* ajax control toolkit */
.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	
.SubItemHover
{
	background-color: Highlight;
	border: solid 1px Highlight;
	color:HighlightText;
}
.catmenulink { font-size:8px;}
.catmenulink A:link {text-decoration: none;color: #007698;}
.catmenulink A:visited {text-decoration: none;color: #007698;}
.catmenulink A:active {text-decoration: none;color: #007698;}
.catmenulink A:hover {text-decoration: none; color: #CCCCCC; background-color:#E6E6E6; height:12px;}

.catchildlink A:link {text-decoration: none;color: Black;}
.catchildlink A:visited {text-decoration: none;color: Black;}
.catchildlink A:active {text-decoration: none;color: Black;}
.catchildlink A:hover {text-decoration: none; color: #007698; background-color:#E6E6E6; height:12px;}

.whitemenulink A:link {text-decoration: none;color: White; font-weight: bold;}
.whitemenulink A:visited {text-decoration: none;color: White;font-weight: bold;}
.whitemenulink A:active {text-decoration: none;color: White;font-weight: bold;}
.whitemenulink A:hover {text-decoration: none; color: White;font-weight: bold;}

/* Breadcrumb */
#gbreadcrumb{font-weight:normal;list-style:none;margin:0; width:100%;}
#gbreadcrumb li{float:left;display:inline;padding: 7px 18px 7px 6px;margin-right:4px;background:url(/Custom/images/breadcrumb-divider-fds.png) top right no-repeat;font-size:11px;}
#gbreadcrumb li.current, #gbreadcrumb li.current h1{font-weight:bold;font-size:13px;background:none;padding:6px;padding-right:0;margin:0;display:inline;}
#gbreadcrumb A:link {text-decoration: none;color: Black;}
#gbreadcrumb A:active {text-decoration: none;color: Black;}
#gbreadcrumb A:visited {text-decoration: none;color: Black;}
#gbreadcrumb A:hover {text-decoration: none;color: Black;}

  .highlight { background-color: #ffdf94;}
  .highlight A:visited {color:Black;text-decoration: none;}
	.highlight A:active {color:Black;text-decoration: none;}
	  .highlight A:link {color:Black;text-decoration: none;}
  .normal { background-color: #ffffff }
  
  .hoverblue { color:Blue;text-decoration:none;}
  .hoverblue A:visited {text-decoration: none;}
   .hoverblue A:active {text-decoration: none;}
	.hoverblue A:link {text-decoration: none;}
  
  .hovernormal{ color:Black;text-decoration:none;}
  .hovernormal A:visited {color:Black;text-decoration: none;}
	.hovernormal A:active {color:Black;text-decoration: none;}
	  .hovernormal A:link {color:Black;text-decoration: none;}
	  


.ResourceTitle { font-size:20px; font-weight:bold; font-family:Helvetica, Arial;}
.ResourceTileText { font-size:12px; font-weight:normal; font-family:Helvetica, Arial;}

.ResourceHeader { font-size:15px; font-weight:bold; font-family:Helvetica, Arial;}
.ResourceList { list-style:none;}
.ResourceListTitle { font-size:15px; font-weight:bold; font-family:Helvetica, Arial;}
.ResourceListItem { font-size:11px; font-weight:normal; font-family:Helvetica, Arial; color:#0066CC; padding-bottom:5px; padding-top:5px;  }
  .ResourceListItem A:visited {text-decoration: none; color:#0066CC;font-size:12px;  }
   .ResourceListItem A:active {text-decoration: none; color:#0066CC;font-size:12px;  }
	.ResourceListItem A:link {text-decoration: none; color:#0066CC;font-size:12px;  }

/* Pager
------------------------------------------------- */

.pagerSC 
{
	position: absolute; 
	width:224px;
	bottom:0;
	clear: both;
	 /* Fixes double padding in IE */
	background: #000000;
	padding-left:5px;
	/*margin: 0 10px;*/
	border: 5px solid #000000;
	font-size: 0.8em;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:14px;
	font-weight:bold;
}

.pagerSC a, .pagerSC span {
	display:block;
	float: left;
	padding: 0px 12px 0px 12px;
	margin-right: 0.1em;
	text-decoration: none;
	background: #000000;
	color: #007799;
}

.pagerSC span {
	color: #868686;
}

.pagerSC .currentSC {
	/*background: #313131;*/
	color:#FFFFFF;
}

.pagerSC a:hover {
	background: #EC5210;
}

.pagertop {
	border-top: 0 none;
}

.pagerbottomSC {
	border-bottom: 0 none;
}

.pagerSC ul {
	margin: 0;
	padding: 0;
}


.pagerSC li {
	margin: 0;
	padding: 0;
}
/* End Pager */

.MoreNews
{
	
}
.MoreNews a:hover{color:#007799;}
.MoreNews a:active{color:#007799;}
.MoreNews a:visited{color:#007799;}
.MoreNews a:link{color:#007799;}



/*jquery image slider*/
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	padding-top:3px;
}
/*--Window/Masking Styles--*/
.window {
	height:325px;	width: 772px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px; right: -0px;
	width: 240px; height:25px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 20px;
	background: #000000;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #007799;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
/* end jquery image slider */
/* Alternating Table row colors*/
.trwhite  {
	background-color: #FFFFFF; color: black;
}
.trgrey  {
	background-color: #CCCCCC; color: black;
}

