@charset "utf-8";

/* CSS General Styles */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
	line-height: 150%;

}

body {
	background-color: #eaeaea;
	background: #eaeaea url(../img/bg/grey-bg.jpg);
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 5px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0341a9;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0341a9;
}

.header_bg {
background-color: #003399;
background-image: url(../img/bg/header.jpg);
background-repeat: no-repeat;
}

.table_bg {
	background-color: #fff;
	box-shadow: 5px 5px 5px #999999;
	background-image: url();
	background-repeat: repeat-x;
}

.footer_bg {
background-color: #003399;
background-image: url(../img/bg/footer.jpg);
background-repeat: no-repeat;
}

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

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


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

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

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

.vertical{
    writing-mode:tb-rl;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform:rotate(-90deg);
    /*white-space:nowrap;*/
    display:;
    bottom:;
    width:35px;
    height:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #0341a9;
}

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

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

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

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

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

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

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

.white_text-sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}

.cyan_text-sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #00aeef;
}

a.cyan_link_sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #00aeef;
	text-decoration: none;
}

a.cyan_link_sm:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #00aeef;
	text-decoration: underline;
}


.greaseshield_logo {
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: normal;
	color: #004990;
	text-decoration:none;
}

.greaseshield_tm {
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #004990;
	vertical-align:top;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0}

/* CSS Slider Styles */
pre {
font-family : "Source Code Pro", monospace;
display : block;
padding : 9.5px;
margin : 0 0 10px;
font-size : 13px;
line-height : 20px;
word-break : break-all;
overflow-wrap : break-word;
white-space : pre;
white-space : pre-wrap;
background-color : whitesmoke;
border : #CCC solid 1px;
border-radius : 4px;
}
h2 {
font-size : 48px;
}
pre + h2 {
margin-top : 80px;
}
#container {
max-width : 900px;
margin : 0 auto;
padding-bottom : 80px;
}
#banner-fade, #banner-slide {
margin-bottom : 60px;
}
ul.bjqs-controls.v-centered li a {
display : block;
padding : 10px;
background : #ccc;
color : #000;
opacity : 0.300000011920928955078125;
text-decoration : none;
}
ul.bjqs-controls.v-centered li a:hover {
background : #00478c;
color : #fff;
opacity : 0.300000011920928955078125;
}
ol.bjqs-markers li a {
padding : 5px 10px;
background : #00478c;
color : #fff;
opacity : 0.60000002384185791015625;
margin : 5px;
text-decoration : none;
}
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {
background : #999;
}
p.bjqs-caption {
background : rgba(255, 255, 255, 0);
}