@import url(/css/reset.css); 

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html, body {
	height: 100%;
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
}
body{
	text-align: center;
	font-size: 11px;
}
a{
	color:  #13318f;
}
.cleaner{
   clear:both;
}

/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -35px auto;
	width: 908px;
	text-align: left;
	padding: 0 12px;
	background: url(/images/layout/bg-rpt.png) repeat-y;
}
body.sub #wrapper{
	background: url(/images/layout/bg-sub-rpt.png) repeat-y;
}
body.sub #content{
	padding: 185px 248px 20px 20px;
	background: url('/images/layout/sub-header.jpg') no-repeat;
	position: relative;
	min-height: 415px;
}
#footer, .push {
	height: 35px;
}

#header{
	height: 107px;
	position: relative;
	background: white;
}
#header h1{
	margin: 0;
}
#imageNav{
}
#imageNav a{
	float: left;
}
#imageNav a.calloutImg{
	height: 134px;
}
#sliderHolder{
	height: 366px;
	width: 908px;
	overflow: hidden;
	position: relative;
}
#slider a{
	float: left;
}
.subNavColumns{
	clear: both;
	min-height: 117px;
	background: url(/images/layout/subnav-bg.png) repeat-x;
}
#sideBar{
	position: absolute;
	top: 167px;
	right: 0;
	width: 228px;
	font-size: 11px;
	color: #333
}

.collapsibleContent{
   padding: 0 15px;
}

/* -----------------------------------*/
/* --------->>> HEADINGS <<<----------*/
/* -----------------------------------*/
#sideBar h3{
	margin: 0;
	padding: 0;
	color: #eee;
	display: block;
	background: #333;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
}
h2{
	font-size: 34px;
	font-weight: bold;
	clear: both;
}
h3{
	font-size: 18px;
	font-weight: bold;
	color: #666;
}

h4{
	font-size: 16px;
	font-weight: bold;
	color: #666;
}

/* -----------------------------------*/
/* ----------->>> TEXT <<<------------*/
/* -----------------------------------*/
#header h1 a{
	display: block;
	float: left;
	width: 246px;
	height: 107px;
	background: url(/images/precision-fluids.png) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
}
#sideBar p{
	margin: 18px;
}
#content ul{
   list-style-type: disc;
}
#content ul li{
   line-height: 18px;
   margin-left: 15px;
}
.collapsibleButton{
   display: block;
   height: 22px;
   background:url(/images/layout/collapsible-btn.gif) no-repeat left top;
   margin: 15px 0 0 0;
   text-indent: 15px;
   line-height: 22px;
   color: #CFDBFF;
   cursor: pointer;
   font-weight: bold;
   font-size: 13px;
}

.collapsibleButton.active{
   background:url(/images/layout/collapsible-btn.gif) no-repeat left bottom;
}

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/

ul#mainNav{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	right: 0;
	top: 50%;
}
ul#mainNav li{
	float: left;
	margin-right: 10px;
}
ul#mainNav li a{
	display: block;
	padding-right: 10px;
	background: url(/images/layout/nav-right.png) no-repeat right center;
	color: #333;
	text-decoration: none;
	font-size: 12px;
}
ul#mainNav li a:hover{
	color: #13318f;
}
ul#mainNav li.last a{
	background: none;
}

.subNavColumns ul{
	display: block;
	float: left;
	width: 25%;
	padding: 18px 0;
	margin: 0;
}
.subNavColumns li{
	display: block;
}
.subNavColumns li a{
	line-height: 20px;
	display: block;
	color: #333;
	float: none;
	font-size: 12px;
	padding-left: 20px;
	text-decoration: none;
	width: 100%;
	height: 20px;
}
.subNavColumns li a:hover{
	color: #13318f;
}


#sliderHolder ul{
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: 22px;
	margin: 0;
	z-index: 100;
	list-style:none;
}
#sliderHolder ul li{
	float: left;
	margin:0 2px 0 0;
	padding: 0;
}
#sliderHolder ul li a{
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border: 1px solid #aaa;
	color: #aaa;
	font-size: 12px;
	font-weight: bold;
	background: white;
	text-decoration: none;
}
#sliderHolder ul li a.active,
#sliderHolder ul li a:hover{
	background: #13318f;
	border-color: #13318f;
	color: white;
}

#sideBar ul{
	margin: 17px;
	list-style: none;
}
#sideBar ul li{
	line-height: 18px;
	margin-left: 0;
}

ul#subnav{
	margin: 0;
	font-size: 12px;
	display: block;
	height: 35px;
	list-style: none;
}
ul#subnav.inpage{
   height: auto;
   margin: 10px 0 10px 10px;
}
ul#subnav li{
	float: left;
	margin-right: 15px;
	margin-left: 0
}

ul#subnav.inpage li{
   display: block;
   float: none;
}
ul#subnav li a{
	color: #333;
	text-decoration: none;
	
}

ul#subnav.inpage li a{
   display: block;
   width: 170px;
   height: 22px;
   line-height: 25px;
   background: url(/images/layout/li-btn.png) no-repeat;
   font-size: 10px;
   padding-left: 20px;
   overflow: hidden;
   float: none;
}
ul#subnav li a:hover,
ul#subnav li a.active{
	color:#13318f;
}

.contact #contact a,
.customers #customers a,
.our-customers #our-customers a,
.testimonials #testimonials a,
.case-studies #case-studies a,
.contact #contact a,
.tech #tech a,
.tech-facts #tech-facts a,
.faq #faq a,
.glossary #glossary a,
.viscosity #viscosity a,
.metalworking #metalworking a,
.products-services #products-services a,
.products #products a,
.equipment #equipment a,
.services #services a,
.theCompany #theCompany a,
.history #history a,
.news #news a,
.production #production a,
.additives #additives a{
   color:#13318f;
   cursor: default;
}

/* -----------------------------------*/
/* ----------->>> FOOTER <<<----------*/
/* -----------------------------------*/
#footer{
	background: url(/images/layout/footer-bg-rpt.png) repeat-y;
	width: 908px;
	margin:0 auto;
	text-align: left;
	padding: 0 12px;
	font-size: 9px;
	line-height: 37px;
	display: block;
	color: #eee;
	overflow: hidden;
}
#footer .phone{
	float: left;
	padding-left: 20px;
}
#footer .copyright{
	float: right;
	padding-right: 20px;
}

/* -----------------------------------*/
/* ----------->>> FORMS <<<-----------*/
/* -----------------------------------*/


/* -----------------------------------*/
/* ----------->>> TABLE <<<-----------*/
/* -----------------------------------*/
.tableFormat{
   width: 100%;
   border: 1px solid #999;
   border-right: none;
   border-bottom: none;
}
.tableFormat td{
   text-align: center;
   border-bottom: 1px solid #999;
   border-right: 1px solid #999;;
   padding: 3px;
}
.tableFormat tr{
   border-bottom: 1px solid #333;
}
.tableFormat tr.thead{
   font-size: 14px;
}
.tableFormat tr:nth-child(2n+1){
   background: #CFDBFF;
}
.tableFormat tr.odd{
   background: #CFDBFF;
}