body {
	background-color: #333333;
	margin:0px;
}

a {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size:11px;
text-decoration: none;

}
.headerImage {
background-repeat: no-repeat;
}

.pageHeader {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:18px;
font-weight:lighter;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 5px;
text-align: center;
letter-spacing: -1px;
}

.sectionText a {
font-size: 14px;
color:inherit;
/*color:#0066CC;
text-decoration:underline;*/
}

div#left {

float: left;
display: inline;
padding:0px;
margin: 20px;
margin-right: 45px;
width: 410px;
} 

.contentHolder {

}

div#right {
width: 291px;
float:left;
margin-top: 20px;

}

.learning {
background-image:url(images/learning_header.png);
background-repeat: no-repeat;
background-color:#ECECEC;
padding-top: 20px;
padding-bottom: 5px;
}

.learnLinks {
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
}

.learnLinks p {
border-bottom-style:dashed;
border-bottom-width: thin;
border-bottom-color:#999999;
padding-left: 10px;
padding-bottom: 5px;
margin: 10px;
}

.learnLinks p a {
font-size:14px;
color:#0f4b83;

}
.go {
margin: 0px;
padding:0;
position:relative;
left:255px;
top: -12px;
border-style:none;
}

.cal {
background-image:url(images/calendar_header.png);
background-repeat: no-repeat;
background-color:#FFFFFF;
padding-top: 20px;
padding-bottom: 0px;
margin-top: 15px;
margin-bottom: 20px;
}  

.blog {
background-image:url(images/blog_header.png);
background-repeat: no-repeat;
background-color:#ECECEC;
padding-top: 20px; 
padding-bottom: 5px;
margin-top: 15px;
margin-bottom: 15px;
}

.blogLinks {
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
}

.blogLinks p {
border-bottom-style:dashed;
border-bottom-width: thin;
border-bottom-color:#999999;
padding-left: 10px;
padding-bottom: 5px;
margin: 10px;
}

.blogLinks p a {
font-size:14px;
color:#0f4b83;

}


.text {
margin:0px;
padding-top: 20px;
margin-left: 70px;
margin-right: 20px;
}

#products{
color:#333333;
margin: 0px;
background-image:url(images/products_bkg.png);
background-repeat:no-repeat;
width: 415px;
height: 145px;
}

#products:hover{
color:#3366CC;
}

#services{
color:#333333;
margin: 0px;
margin-top: 10px;
background-image:url(images/services_bkg.png);
background-repeat:no-repeat;
width: 415px;
height: 145px;
}

#services:hover{
color:#3366CC;
}

#resources{
color:#333333;
margin: 0px;
margin-top: 10px;
background-image:url(images/resources_bkg.png);
background-repeat:no-repeat;
width: 415px;
height: 145px;
}

#resources:hover{
color:#3366CC;
}


.sectionText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

margin:0px;
padding:0px;

}

.sectionHeader {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
margin:0;
margin-bottom: 5px;
padding:0;
}


.menu li:hover {
background-image:url(images/menu_bkg_over.png);
}
.menu {
list-style-type: none;
margin: 0;
padding: 0;
}



.menu li {
float: left;
display: inline;
border-left-style: solid;
border-left-color:#666666;
border-left-width: 1px;
padding-top: 8px;
padding-bottom: 7px;
text-align: center;;
width: 16%;
}

.menu li a {
padding-left: 5px;
padding-right: 5px;
}


div#footer {
clear:both;
background-color:#CCCCCC;
height:45px;
padding:10px;

}

div#footer p {
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
display:block;
text-align:center;
margin:0;
padding-top:5px;
margin-top: 15px;
margin-bottom:5px;
}

.footerMenu a:hover {
color:#0066CC;
}

div#footer li {
margin:0;
padding:0;
list-style:none;
float:left;
display: inline;
padding-left: 3.5%;
padding-right: 3.5%;

}

.footerMenu {
margin:0;
padding:0;
}

.footerMenu ul{
margin:0;



margin-bottom:0px;
}


.menuItem {
height:34px;
background-repeat:repeat-x;
border-left-style:solid;
border-left-width:thin;
border-left-color:#999999;
}

td .menuItem a{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#333333;
font-size:12px;
position: relative;
top: 10px;
width: 130px;


}

.menuItem:hover {
background-image:url(images/menu_bkg_over.png);
background-repeat:repeat-x;
}

.firstItem:hover {
background-image:url(images/menu_bkg_over.png);
background-repeat:repeat-x;
}

.firstItem {
height:34px;
background-image:url(images/menu_bkg.png);
background-repeat:repeat-x;
}

div#search {
position:relative;
left: 500px;
bottom: 5px;
width: 380px;

}

div#cccHeader {
background-image:url(images/header_bkg1.png);
height: 54px;
margin-top: 2px;
}

div#cccHeader p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color:#FFFFFF;
margin:0;
padding:0;
text-align:center;
padding-top: 15px;

}

div#productHolder {
height: 400px;
margin-left: 20px;
margin-bottom:50px;
margin-right: 20px;
padding: 15px;

border-top-style:solid;
border-top-width: thin;
border-top-color:#999999;
border-bottom-style:solid;
border-bottom-width: thin;
border-bottom-color:#999999;
}

.productThing {
	width: 320px;
	float:left;
display: inline;	
margin: 2px;
	padding: 20px;

}

.productThing a{

}

#other {
background-image:url(images/other.png);
background-repeat:no-repeat;
width:320px;
height: 140px;
}

#otherButton {
width: 120px;
position:relative;
clear:both;
top:90px;
height:50px;
left: 200px;
}


.productName {
	font: bold 21px/25px Arial;
  	 margin: 0px;
   color:#336699;
   letter-spacing: -1px;
   text-align: left;
   margin-bottom:5px;
}

.product-title {
	font: bold 21px/25px Arial;
  	 margin: 0px;
   color:#336699;
   letter-spacing: -1px;
   text-align: left;
   margin-bottom:5px;
}

.product-attr-description {
 	font: 12px/14px Arial;
   margin: 0px;
   color: #141414;
   text-align: left;
    margin-bottom:10px;
}

.product-attr-code {
	font: 10px/12px Arial;
	margin: 0px;
   color: #1F1F1F;
   letter-spacing: -1px;
   text-align: center;
    margin-top:3px;
    margin-bottom:3px
   }
   
a.productLinks {

   color: #995500;           

}

p.productLinks {

   font: 12px/14px Arial;
   margin: 0px;
   text-align: left;
    margin-bottom:0px;

}    

.product-price{
   font: bold 14px/17px Arial;
   margin: 0px;
   color: #1F1F1F;
   letter-spacing: -1px;
   text-align: left;
   margin-bottom: 10px;
   }
   #textDescription{
   width: 80%;
   margin: 0px;
   margin-left: 140px;
   margin-bottom: 0px;

   }
    #pictureBox{
   float: left;
display: inline;   
margin: 4px;
  
   }
 
    .product{
   	 border-style: solid;
   border-width:thin;
   border-color:#CCCCCC;
   margin:5px;
   padding:5px;
   padding-bottom: 0px;
   clear:both;
   min-height: 150px;
   height:auto !important;
   height: 150px;

   }
   

   
   .resourceHeader {
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bolder;
   color:#0099CC;
   text-align:center;
   }


#boxHolder {
height: 230px;
width: 720px;
margin: 30px auto 10px auto;

}

#resourceBoxHolder {         
width: 720px;      
margin: 30px auto 10px auto;

}


h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 20px;
font-weight:lighter;
letter-spacing: -1px;
margin:0px;
padding: 5px;
padding-left: 10px;
}

#instruments {
padding:0;
margin-top: 15px;
margin-left: 40px;
margin-right: 20px;
margin-bottom: 20px;
width: 330px;
float: left;
display: inline;
border-style:solid;
border-width: thin;
border-color:#CCCCCC;
}


#separations {
margin-top: 15px;
margin-left: 40px;
width: 330px;
float:left;
display: inline;
border-style:solid;
border-width: thin;
border-color:#CCCCCC;
margin-bottom: 20px;
}

#separations h3 {
background-image:url(images/sep_bkg_gradient.gif);
background-color:#658391;
color:#FFFFFF;

}

#separations img {
margin: 5px;
}

#separations img{
border:0px;
}


#sepFeatures {
margin: 10px;
}

div#cccHeader {
background-image:url(images/header_bkg1.png);
height: 54px;
margin-top: 2px;
}

div#cccHeader p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#FFFFFF;
margin:0;
padding:0;
text-align:center;
padding-top: 15px;

}

#instruments ul {
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
margin-top: 20px;
margin-right: 40px;
margin-bottom:0px;
list-style-type:none;

}

#instruments ul li {
padding-bottom: 20px;

}

#instruments img {
margin-left: 30px;
margin-bottom: 15px;
}

#instruments img{
border:0px;
}

#instruments h3 {
background-image:url(images/instrument_bkg_gradient.gif);
background-color:#8faccf;
color:#FFFFFF;
}

#sepFeatures ul {
font-family:Arial, Helvetica, sans-serif;
margin-left: 25px;
color:#333333;
font-size: 14px;
margin-bottom:5px;

}

#sepFeatures li {
display: block;
padding-bottom: 10px;
}

#promo {
padding: 0px;
background-image:url(images/promo_bkg.jpg);
background-repeat:no-repeat;
width: 307px;
height: 140px;
margin:10px;
margin-top: 18px;
}

#promo img {
position:relative;
left: 75px;
top: 95px;
}

#instruments ul li span {
color: #006699;
font-size: 14px;
font-weight: bolder;
display:block;
margin-bottom:5px;



}

#consulting {
clear: both;
border-style:solid;
border-width: thin;
border-color:#CCCCCC;
padding:0;
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
margin-bottom:20px;
height: 300px;
}

#consulting h3{
background-image:url(images/consult_bkg_gradient.gif);
background-color:#798ca2;
color:#FFFFFF;
}

#consulting img{
border:0px;
}

#thumbsUp {
margin: 20px;
}

#consultInfo {
margin-left:20px;
width: 500px;
float:left;
display: inline;
}

.info1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
margin-top:10px;
}

.info1 span {
font-weight:bold;
text-decoration: none;
}

.info2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bolder;
color:#000000;
}

#contactInfo h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#0066CC;
margin:0px;
padding:0px;
}

#emailForm h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#0066CC;
margin:0px;
padding:0px;
}

#emailForm {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

#addressMap {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
margin:20px;
padding: 10px;
height:300px;
}

#contactInfo {
width: 290px;
margin-right: 40px;
float:left;
display: inline;
min-height:350px;
height:auto !important;
height:350px
}

.addressText {
margin:0px;
padding:0px;
margin: 5px 0 10px 0;
}

.emailText {
font-size: 12px;
margin:0 0 8px 0;
padding:0px;
}
.emailText a {
text-decoration:underline;
color:#0066CC;
}

.phoneText {
font-size: 12px;
margin:0 0 0px 0;
padding:0px;
}

#map {
width: 400px;
height:240px;
float:left;
display: inline;
}

#emailForm {
clear: both;
border-style:solid;
border-width: thin;
border-color:#CCCCCC;
padding:25px;
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
margin-bottom:20px;
height:auto;
}

.commentsLabel{
display:block;
}

.required {
font-family:Arial, Helvetica, sans-serif;
font-size: x-small;
color:#FF0000;
margin:0;
margin-top: 15px;
margin-bottom: 2px;
padding:0px;
}

.sendError {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FF0000;

}

.resourcesBox {
   width: 342px;
   height: 320px;
   float: left;
   display:inline;
   margin-right: 5px;
   margin-left: 5px;
   padding:0;
margin-bottom: 20px;
border-style:solid;
border-width: thin;
border-color:#CCCCCC;
   }

.resourcesBox p {
margin: 0;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
   }
   
.resourcesBox a {
margin: 0;
padding: 0px;
font-size:14px;
color:#FFFFFF;
   }

.resourceBoxHeader {
padding: 3px;
margin-top: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/instrument_bkg_gradient.gif);
background-color:#8faccf;
color:#FFFFFF;
font-size: 18px;
font-weight: 100;
text-align:center;
}

.resourceBoxHeader a {
padding: 0px;
margin: 0px;
font-size: 18px;
text-align:center;
}

.resourcesBoxBottom {      
   width: 702px;
   height: 300px;  
   margin-right: 5px;
   margin-left: 5px;
   float:left;
display: inline;   
padding:0; 
margin-bottom: 20px;
border-style:solid;         
border-width: thin;
border-color:#CCCCCC;
   }    

.resourcesBoxBottom p {
margin: 0;
padding: 10px;
margin-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
   }

.resourcesBoxBottom img {
float:left;
display: inline;
padding:20px;       
   } 

/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background: url(highslide/graphics/controlbar-black-border.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

#popupCCCInstrumentServices{
      position: absolute;
      visibility: hidden;
      overflow: hidden;
      border:1px solid #CCC;
      background-color:#F9F9F9;   
      border:1px solid #333;
      padding:15px;
      font-family:Arial, Helvetica, sans-serif;
      font-size: small;                        
      color:#000000; 
}

#popupCCCInstrumentServices H1 {
	text-align:center;
	font-size: 20px;
}

#popupContractSeparations{
      position: absolute;
      visibility: hidden;                
      overflow: hidden;
      border:1px solid #CCC;
      background-color:#F9F9F9;
      border:1px solid #333;
      padding:15px;
      font-family:Arial, Helvetica, sans-serif;
      font-size: small;
      color:#000000;
}

#popupContractSeparations H1 {              
        text-align:center;            
	font-size: 20px;
}

#popupProcessConsulting{
      position: absolute;
      top: 100px;
      visibility: hidden;                
      overflow: hidden;
      border:1px solid #CCC;
      background-color:#F9F9F9;
      border:1px solid #333;
      padding:15px;
      font-family:Arial, Helvetica, sans-serif;
      font-size: small;
      color:#000000;
}

#popupProcessConsulting H1 {              
        text-align:center;
	font-size: 20px;           
}

#popupSupport{
      position: absolute;
      top: 100px;
      visibility: hidden;
      overflow: hidden;
      border:1px solid #CCC;
      background-color:#F9F9F9;
      border:1px solid #333;
      padding:15px;
      font-family:Arial, Helvetica, sans-serif;
      font-size: small;
      color:#000000;
}

#popupSupport H1 {
        text-align:center;
        font-size: 20px;
}



.sortBar {

font-family: Arial, Helvetica, sans-serif;
color: #333333;    
font-size:11px;
text-decoration: none;
padding: 4px;
display:block;
}

.sortBarFix {                        
content: ".";
clear: both;               
height: 0;
visibility: hidden; 
display: block;           
} 

.sortBarRight {
	float:right;
}

.sortBarLeft {
        float:left; 
}

#CCCCal {                  
clear: both;             
border-style:solid;
border-width: thin;      
border-color:#CCCCCC;  
padding:0;                  
margin-top: 15px;              
margin-left: 20px;          
margin-right: 20px;
margin-bottom:20px;
}

#CCCCal h3{      
background-image:url(images/instrument_bkg_gradient.gif);
background-color:#798ca2;
color:#FFFFFF;
}


#support {   
clear: both;                
border-style:solid;
border-width: thin;
border-color:#CCCCCC;
padding:0;
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
margin-bottom:20px;
height: 350px;     

}            

#support h3{
background-image:url(images/instrument_bkg_gradient.gif);
background-color:#798ca2;
color:#FFFFFF;
}

#support img{
border:0px;  
}          

#support dl{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#samSupports {
margin: 20px;
}


#consultInfo {
margin-left:20px;            
width: 500px;            
float:left;       
display: inline;    


}

.info1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
margin-top:10px;
}

.info1 span {
font-weight:bold;
text-decoration: none;
}

.info2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bolder;
color:#000000;
}