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

/*GENERAL STYLES*/

html, body{
margin:0 0 10px 0;
background:#fff url(../images/tiled%20backgrounds%20for%20body/bg5.png)repeat left top;
}

body{
margin-top:10px;
padding-top:0;
}

#wrapper{
background-color:#fff;
margin:0 auto;
width:800px;
border:1px solid #ccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper2{
background-color:#fff;
margin:0 auto;
width:800px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper2 a:link, #wrapper2 a:visited{
text-decoration: none;	
color: #000;
	}
#wrapper2 a:hover, #wrapper2 a:active{
text-decoration: underline;
color: #000;
	}
#wrapper2 p{
	font-size:9px;
	margin:5px 0 5px 10px;
	}

h1{
	font-size:19px;
	padding:15px 5px 9px 20px;
	margin:0;
	width:480px;
	color:#246;	
}


/*h1 or h2 class for styling of image background with stripped image*/
.backgroundslice{
	background:#fff url(../images/other/beaker2.jpg) no-repeat left center;
	padding:16px 5px 16px 45px;
	margin: 10px 0 10px 20px;
	float: left;
}
/*special h1 width for ICPAES page*/
.icpaes{
	background:#fff url(../images/other/beaker2.jpg) no-repeat left center;
	padding:16px 5px 16px 45px;
	margin: 10px 0 10px 20px;
	width:700px;
	float:left;
}
/*end*/


/*h3 headings for right column*/
h3.backgroundslice2{
color:#C00;
}

h2{
font-size:16px;
padding:12px 5px;
margin:10px 0;
color:#246;
}

/*h2 with image for right column*/
.rightpointingarrow{
font-size:16px;
padding:12px 5px 12px 20px;
margin:10px 0 0 0;
background:url(../images/icons/blue-red-arrow.png) no-repeat left center;
}


h3{
font-size:14px;
padding:10px 5px;
margin: 20px 0;
color:#369;
}

h4{
font-size:14px;
padding:5px 0 0 0;
margin:0 0 0 20px;
color:#369;
}
/*END OF GENERAL*/

/*TYPEOGRAPHY*/
h1, h4{
font-family: Helvetica, sans-serif;
}

h2, h3{
font-family: Arial, Georgia, Times, serif;
}

p {
 font-size:12px;
 line-height:2.1em;
 margin-bottom:18px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#000;
}

abbr, acronym {
border-bottom:1px dotted;
cursor:help;
}

img{
border:0;
}

li{
 list-style-type:none;
 font-size:12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*end*/

/*transparent background class*/
p.transwhitebackground, p.transwhitebackground2, p.transwhitebackground3, p.transwhitebackground4, ul.transwhitebackground5, .transwhitebackground6{
background-color:#fff;
filter:alpha(opacity=60);
opacity: 0.8;
color:#000;
border:1px solid #666;
width:480px;
padding: 5px 0 5px 5px;
}

/*different heights to the transparent boxes*/
p.transwhitebackground{
height:155px;
}

p.transwhitebackground2{
height:210px;
}

p.transwhitebackground3{
height:115px;
}

p.transwhitebackground4{
height:135px;
}

ul.transwhitebackground5{
height:430px;
}

.transwhitebackground6{
height:auto;
margin-bottom:20px;
}

/*for table on the oil-cleanliness page*/
.transwhitebackground7{
background-color:#fff;
filter:alpha(opacity=70);
opacity: 0.6;
color:#000;
border:1px solid #666;
width:480px;
padding: 5px 0 5px 5px;
}

/*Bottom paragraph on the oil-cleanliness page*/
.transwhitebackground7{
height:auto;
margin-bottom:10px;
}
/*end*/

ul{
font-size:11px;
line-height:1.7em;
list-style:none;
padding-left:0;
margin-left:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

li.pdf a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/images/icons/0161_pdf.png) center left no-repeat;
}

ol{
font-size:12px;
line-height:1.7em;
list-style-type:decimal;
padding-left:0;
margin-left:0;
list-style-position:inside;
}

ol li{
margin:0 0 5px 5px;
line-height:1.7em;
}

/*Link styling*/

a {
text-decoration:underline;
color:#1c3268;
}

a{
outline:none;   
    }


a:link {
text-decoration:underline;
color:#003;
}

a:visited {
text-decoration:underline;
color:#003;
}

a:hover {
text-decoration:underline;
color:#1c3268;
}

a:active {
text-decoration:underline;
color:#003;
}


/*link styling on 'starting up' page*/
#toggle1 a:link, #toggle1 a:visited {
text-decoration:none;
}

#toggle1 a:hover, #toggle1 a:active{
text-decoration:underline;
}

#upper-logo a:link, #upper-logo a:visited {
text-decoration:none;
color:#000;
}

#upper-logo a:hover, #upper-logo a:active{
text-decoration:underline;
color:#000;
}


/*Custom ".class" for adding custom bullets to list items with double and single lines*/
li.custom-btn {
background:url(../images/Anaysis-icons/arrowpixel2.png) no-repeat 0 4px;
padding-left:17px;
line-height:1.6em;
margin-bottom:14px;
color: #000;
font-size:12px;
}

/*bookmark link with red star*/
.star-btn {
background:url(../images/icons/star.png) no-repeat 0 2px;
padding-left:22px;
line-height:1.8em;
margin-bottom:9px;
}
/*email icon link with red star*/
.mobile, .tel, .fax, .email, .pdf{
padding-left:22px;
line-height:1.9em;
margin-bottom:9px;
}

.pdf{
padding-left:0;
line-height:1.9em;
margin-bottom:9px;
    }

.mobile{background:url(../images/icons/phone.png) no-repeat 0 2px;
}

.tel{background:url(../images/icons/telephone.png) no-repeat 0 2px;
}

.fax{background:url(../images/icons/fax.png) no-repeat 0 2px;
}

.email{background:url(../images/icons/email.png) no-repeat 0 2px;
}


/*end*/

/*orange custom bullets on home page*/
 li.orange-custom-btn {
background:url(../images/Anaysis-icons/orange-arrowpixel.png) no-repeat 0 2px;
padding-left:20px;
line-height:1.3em;
margin-bottom:8px;
color: #246;
font-size:12px;
}

 li.orange-custom-btn2 {
background:url(../images/Anaysis-icons/orange-arrowpixel.png) no-repeat 0 2px;
font-family:Arial, Helvetica, sans-serif;
padding-left:20px;
line-height:1.3em;
margin-bottom:8px;
color: #246;
font-size:12px;
}
/*end*/

/*Styling for a list on the oil-management-software page/different colored bullet for each list*/
.custom-btn1, .custom-btn2, .custom-btn3, .custom-btn4, .custom-btn5{
padding-left:25px;
margin-left:5px;
line-height:2.3em;

}
.custom-btn1{
background:url(../images/colored-rec/green.gif) no-repeat 0 2px;
} 
.custom-btn2 {
background:url(../images/colored-rec/blue.gif) no-repeat 0 2px;
} 
.custom-btn3 {
background:url(../images/colored-rec/yellow.gif) no-repeat 0 2px;
}
.custom-btn4{
background:url(../images/colored-rec/purple.gif) no-repeat 0 2px;
}
.custom-btn5{
background:url(../images/colored-rec/red.gif) no-repeat 0 2px;
}
/*end*/


/*END OF TYPEOGRAPHY*/

/*HEADERS*/

#nested-header {
width:800px;
height:186px;
padding:0;
margin:0;
}


/*homepage link from logo background*/
.homelink{
width:228px;
padding:20px 0;
position:absolute;
top:45px;
display:block;
z-index:3;
line-height:1.9em;
text-indent: -1999px;
overflow: hidden;
}
    
/*left-background image atteached to nav*/
#upper-logo {
	width:575px;
	height:186px;
	float:left;
	background: #fff url(../images/navbar-slices9/right-hand-slice-b.jpg) no-repeat left top;
	padding:0;
	margin:0;
	background-color:#fff;
	border-bottom: 2px solid #ccc;
}

/*text on all upper-logo background image*/
#upper-logo p{
position:relative;
margin:0;
color:#9f7800;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
top:0;
left:8px;
width:550px;
}
   
/*right image  of nav*/
#flash{
width:225px;
height:188px;
float:left;
padding:0;
margin:0;
background-image: url(../images/navbar-slices9/flash-slideshow.jpg);
}

/*remove when all pages have been changed to class .clear*/
#clear{
clear:both;
padding:0;
margin:0;
}

.clear{
clear:both;
padding:0;
margin:0;   
    }
    
/*END OF HEADERS*/


/*Holds left and right columns and has a faux column image attached*/
#content-holder{
padding:0 10px 0 10px;
margin: 0;
clear:both;
background: #fff url(../images/faux-columns/faux%20column-main.gif) repeat-y 50% 0;
z-index:1;
border-top: 1px solid #ccc;

}

/*Holds left and right columns and has a faux column3 image attached*/
#content-holder2{
padding:0 10px 0 10px;
margin: 0;
clear:both;
background: #fff url(../images/faux-columns/faux%20column-download.gif) repeat-y 50% 0;
}


/*Holds left and right columns and has a faux column*/
#content-holder3{
padding:0 10px 0 10px;
margin: 0;
clear:both;
background:#fff url(../images/faux-columns/faux%20column.gif) repeat-y 50% 0;
border-top:1px solid  #ccc;
}

/*styling for top left column on the index page, particle counting, oil cleanliness, ftir-testing, */
#left-column{
padding-left:10px;
width:480px;
float:left;
padding-right:10px;
}

/*background image on viscosity page*/
#left-column5{
padding-left:10px;
margin:0;
width:480px;
float:left;
padding-right:15px;
background: #fff url(../images/other/oilpouring4b.jpg) no-repeat top right;
}

/*background image on vflashpoint page*/
#left-column6{
padding-left:10px;
width:480px;
float:left;
padding-right:10px;
background: #fff url(../images/other/background-flashpoint-b.jpg) no-repeat bottom right;
}

/*background image on tbn and tan page*/
#left-column7{
padding-left:10px;
width:480px;
float:left;
padding-right:10px;
background: #fff url(../images/other/bottled-oil-b.jpg) no-repeat bottom right;
}

/*background image on testing methods page*/
#left-column8{
padding-left:10px;
width:480px;
float:left;
padding-right:10px;
background: #fff url(../images/other/selectionofbeakers1-b.jpg) no-repeat bottom right;
}

/*background image on icp aes page*/
#left-column9{
padding-left:10px;
width:480px;
float:left;
padding-right:10px;
background: #fff url(../images/other/bottles.jpg) no-repeat bottom right;
}

/*background image on oil cleanliness page*/
#left-column10{
padding-left:10px;
width:480px;
float:left;
padding-right:10px;
background: #fff url(../images/other/bottles.jpg) no-repeat bottom right;
}

#left-column11{
padding-left:10px;
width:480px;
float:left;
padding-right:10px;
background: #fff url(../images/other/beaker-oil-particles-b.jpg) no-repeat 100% 100%;
}

#left-column12{
padding-left:10px;
width:480px;
float:left;
padding-right:10px;
background: #fff url(../images/other/green-oil2.jpg) no-repeat 0% 0%;
}



/*styling for blockquote*/
blockquote {
background-color:#369;
}


/*styling for left column on the testing methods, main-benefits page */
#left-column2{
padding-left:5px;
width:560px;
float:left;
}

/*icp-aes page - full width-bottom column*/
#left-column3{
padding-left:5px;
width:700px;
float:left;
padding-right:5px;
background: #fff url(../images/other/background-testing-suite-b.jpg) no-repeat bottom right;
}
/*for both policy and website disclaimer page*/
#left-column4{
padding-left:5px;
width:700px;
float:left;
padding-right:5px;
}


/*FTIR page, Particle counting, Oil cleanliness, index, Main Benefits*/
#right-column{
width:255px;
padding:0 5px;
float:right;
margin:0 1px 0 9px;
}


/*styling of bottom column-sitting under the main top left column */
#right-column4{
width:470px;
padding:0 5px 0 0;
float:left;
margin:0;
}

/**/
#right-column2{
width:255px;
float:left;
margin:0 0 0 10px;
border:1px solid red;
padding:0 5px;
}
/*end of container, inner columns*/

address{
 font-size:12px;
 font-style:normal;
 padding-top:0;
 color:#246;
 line-height: 1.7em;
 margin-top:0px;
}


/*footer styling*/
#footer{
padding:5px 0;
margin:1px 0;
background-color:#b5AD44;
border-bottom:1px solid #ccc;
border-top:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#footer ul{
padding:0;
margin:0;
float:left;
}

#footer p{
font-size:10px;
padding:0;
float:right;
color:#fff;
margin-top: 0;
margin-right: 17px;
margin-bottom: 0;
margin-left: 0;
}

#footer li {
display:inline;
}

#footer li a{
margin:0 10px;
}

#footer a:link, #footer a:visited{
color:#fff;
font-size:10px;
text-decoration:none;
}

#footer a:hover, #footer a:active{
text-decoration:underline;
}

.transparent-back{
background-color:transparent;
}

#about-rtcol{
}
/*end of footer styling*/

/*smp link position*/
#smp {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#246;
padding: 5px 10px;
margin:0;
color:#fff;
background-color:#000;
overflow: hidden;
}


/*Link styling for SMP link*/
#smp a:link, #smp a:visited{
text-decoration:none;
color:#fff;
}

#smp a:hover, #smp a:active{
text-decoration:underline;
color:#CCC;
}

p.underline{
 border-bottom:1px solid #666;
 padding:5px 0 5px 0;
 font-style: italic;
}
	
.floatleft2{
 float:left;
 padding-right:15px;
 list-style-type:none;
 font-size:9px;
}
		
.floatleft3{
float:left;
list-style-type:none;
font-size:10px;
margin-left:10px;
}

.policy{
margin:0 0 0 0;
padding:3px 0 0 0;	
}
	
#flash a:link, #flash a:visited{
text-decoration:none;
color:#000;	
}
	
#flash a:hover, #flash a:active{
text-decoration:underline;
color:#000;
}

.positioning{
margin:0 0 6px 6px; 
float:right;
}
		
/*end*/