@charset "utf-8";
/* CSS Document */

/*-----------------------------*\
          Layout Styles
\*-----------------------------*/

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

body {
	background-color: #fff;
	background: url(../images/layout/background.png);
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 5px;
}
.header_body {
	background-color: #fff;
	background: #dad2b7 url(../images/layout/epas_header.png);
	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: 0px;
	margin-right: 25px;
}

.table_bg {
	background-color: #fff;
	background-image: url();
	background-repeat: repeat-x;
}

.greaseshield_bg {
	background-color: #fff;
	background-image: url(../images/layout/header_bg.png);
	background-repeat: no repeat;
}

.layout_bg_top_right {
	background-color: #fff;
	background-image: url(../images/layout/corner_tr.png);
	background-repeat: no repeat;
}

.layout_bg_epas {
	background-color: #fff;
	background-image: url(../images/layout/epas_logo_bg.png);
	background-repeat: no repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #004990;
}

.layout_bg_right {
	background-color: #fff;
	background-image: url(../images/layout/right_bg.png);
	background-repeat: no repeat;
}

.layout_bg_top {
	background-color: #fff;
	background-image: url(../images/layout/top_right_bg.png);
	background-repeat: no repeat;
}

.layout_bg_top_right {
	background-color: #fff;
	background-image: url(../images/layout/corner_tr.png);
	background-repeat: no repeat;
}

.layout_bg_top_left {
	background-color: #fff;
	background-image: url(../images/layout/corner_tl.png);
	background-repeat: no repeat;
}

.layout_bg_bottom_left {
	background-color: #fff;
	background-image: url(../images/layout/corner_bl.png);
	background-repeat: no repeat;
}

.layout_bg_bottom_right {
	background-color: #fff;
	background-image: url(../images/layout/corner_br.png);
	background-repeat: no repeat;
}

.footer_bg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: #4d7aa6;
	background-image: url(../images/layout/footer_bg.png);
	background-repeat: no repeat;
}

.footer_divider {
	background-color: #222;
	background-image: url(../images/layout/epas_footer_divider.png);
	background-repeat: repeat y;
}

.focus_bg {
	background-color: #fff;
	background-image: url(../images/layout/main_focus.png);
	background-repeat: repeat y;
}

.focus_flexiplumb{
	background-color: #fff;
	background-image: url(../images/layout/flexiplumb_focus.png);
	background-repeat: repeat y;
}

.focus_filtershield{
	background-color: #fff;
	background-image: url(../images/layout/filtershield_focus.png);
	background-repeat: repeat y;
}

.focus_mission{
	background-color: #fff;
	background-image: url(../images/layout/mission_focus.png);
	background-repeat: repeat y;
}
.table_bg_white {
	background-color: #fff;
}

.focus_certs{
	background-color: #fff;
	background-image: url(../images/layout/certs_right_bg.png);
	background-repeat: repeat y;
}

.focus_videos{
	background-color: #fff;
	background-image: url(../images/layout/video_bg.png);
	background-repeat: repeat y;
}
.focus_videos2{
	background-color: #fff;
	background-image: url(../images/layout/video-bg_blue.png);
	background-repeat: repeat y;
}

.focus_greaseshield_logo_bg{
	background-color: #fff;
	background-image: url(../images/layout/grease_shield_logo_bg.png);
	background-repeat: repeat y;
}

.focus_keyfeatures_bg{
	background-color: #fff;
	background-image: url(../images/layout/key_features_bg.png);
	background-repeat: repeat y;
}
/*-----------------------------*\
         Layout Styles End 
\*-----------------------------*/

/*-------------------------------------*\
   General Navigation and Text Styles
\*-------------------------------------*/

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

a.Navigation:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

a.Navigation:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #ab7934;
	text-decoration: underline;
}

a.black_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

a.black_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

a.white_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

a.white_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
}
.white_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}
.white_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #FFF;
}

a.white_text_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #FFF;
	text-decoration:none;
}

.white_text_key {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bolder;
	color: #FFF;
}
.white_text_header:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #FFF;
	text-decoration:none;
}

.white_text_focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	text-decoration:none;
}

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

a.white_text_focus:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	text-decoration:underline;
}

a.white_text_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
}

a.white_text_italic:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
}

.white_text_italic_sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
	vertical-align:top;
}

.aqua_text_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bolder;
	color: #43c1f2;
}
a.aqua_text_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bolder;
	color: #43c1f2;
	text-decoration: none;
}

a.aqua_text_italic:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bolder;
	color: #43c1f2;
	text-decoration: none;
}

.aqua_text_italic_sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bolder;
	color: #43c1f2;
	text-decoration: none;
	vertical-align:top;
}

.aqua_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bolder;
	color: #43c1f2;
	text-decoration: none;
	vertical-align:top;
}

.aqua_Rocom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	font-weight: bolder;
	color: #43c1f2;
	text-decoration: none;
	vertical-align:top;
}

.blue_Rocom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	font-weight: bolder;
	color: #004990;
	text-decoration: none;
	vertical-align:top;
}
.yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	color: #eeb94a;
	text-decoration: none;
	vertical-align:top;
}

.aqua_headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 42px;
	font-style: italic;
	font-weight: bolder;
	color: #43c1f2;
	text-decoration: bolder;
	vertical-align:top;
}

.lime_text_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
	color: #ccff66;
}

.lime_title_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bolder;
	color: #ccff66;
	text-decoration:none;
}

.black_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}

.black_text_reg{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

.blue_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #004990;
}

.blue_text_italic{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #004990;
}

.yellow_text_italic{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #eeb94a;
}

.grey_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
}

.blue_tm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #004990;
	vertical-align:top;
}

a.blue_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bolder;
	color: #004990;
	text-decoration: none;
}

a.blue_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bolder;
	color: #004990;
	text-decoration: underline;
}

a.blue_link2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #004990;
	text-decoration: none;
}

a.blue_link2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #004990;
	text-decoration: underline;
}

a.greaseshield_logo {
	font-family: Times New Roman;
	font-size: 76px;
	font-style: normal;
	font-weight: normal;
	color: #004990;
	text-decoration: none;
}
a.greaseshield_logo {
	font-family: Times New Roman;
	font-size: 76px;
	font-style: normal;
	font-weight: normal;
	color: #004990;
	text-decoration:none;
}

a.greaseshield_products {
	font-family: Times New Roman;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	color: #004990;
	text-decoration: none;
}
a.greaseshield_products {
	font-family: Times New Roman;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	color: #004990;
	text-decoration:none;
}

a.greaseshield_rocom {
	font-family: Times New Roman;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
a.greaseshield_rocom {
	font-family: Times New Roman;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration:none;
}

.greaseshield_tm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: bold;
	font-weight: bolder;
	color: #004990;
	vertical-align:top;
}

.the_best {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bolder;
	color: #004990;
}

.not_all {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bolder;
	color: #004990;
	align:center;
}

.manufacturer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: bold;
	font-weight: bolder;
	color: #004990;
}


.white_flexiplumb_focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: bold;
	font-weight: bolder;
	color: #FFF;
	text-decoration:none;
}

a.white_focus_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

a.white_focus_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
}

.header_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: bold;
	font-weight: bolder;
	color: #004990;
}

.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: bold;
	font-weight: bolder;
	color: #004990;
}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #004990;
}

/*----------------------------------------*\
   General Navigation and Text Styles End
\*----------------------------------------*/


/*------------------------*\
	Main Navigation 
\*------------------------*/

#nav{
	margin-left:0px;
	right:relative;
	float:;
	width:800px;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin-bottom:3px;
}
#nav li{
	float:left;
	margin-right:12px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:8px;
	color:#fff;
	background:#004990;
	text-decoration:none;
	text-shadow:0px 0px 0px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#nav li a:hover{
	color:#fff;
	background:#00aeef; /* Solid colour fall-back */
	background:rgba(6,174,239,0.75); /* It'll look nice semi-transparent */
	text-decoration:none;
	-moz-transform:scale(1.04);
	-webkit-transform:scale(1.04);
}

/*--- DROPDOWN ---*/

#nav ul{
	list-style:none;
	background-image : url(../images/layout/ie7fix.png);
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */

}
#nav ul li{
	padding-top:3px; /* Introducing a padding between the li and the a give the illusion spaced items */

	float:none;
}

#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */

	background:#004990; /* Solid colour fall-back */
	background:rgba(0,73,144,0.75); /* It'll look nice semi-transparent */
	text-decoration:none;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#00aeef; /* Solid colour fall-back */
	background:rgba(6,174,239,0.75); /* It'll look nice semi-transparent */
	text-decoration:none;
	-moz-transform:scale(1.04);
	-webkit-transform:scale(1.04);
	}
/*------------------------------*\
	   Main Navigation End
\*------------------------------*/