*{padding:0; margin:0;}
body {font-size:62.5%; font-family:verdana,arial,sans-serif; background-image:url(../Image/Background-gradient2.png); background-repeat: repeat-x; background-color:#cbcfd5;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:1000px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); /*font-size:1.0em;*/ background-color:#FFFFFF;}
.main {clear:both; width:1000px; padding-bottom:30px; background:transparent url(../Image/Background-Testing.jpg) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:690px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
/* above width determines width of the main part of page */

/* HEADER */
.header {width:1000px; font-family:verdana,arial,sans-serif; background:rgb(255,255,255);}
.header-top {width:1000px; height:80px; background:rgb(255,255,255); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:1000px; /*height:148px;*/  /*background:url(../Image/Analytical-Services.jpg);*/ overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {clear:both; width:1000px; /*height:30px;*/} /*if clear both isn't there, it must leave height on to display breadcrumbs in Firefox*/
.header-breadcrumbs {clear:both; width:1000px; padding:0; background:url(../Image/Side-Shadow-Testing.jpg) repeat-y;}
.header-breadcrumbs ul {float:right; width:985px; list-style:none; padding:0 0px 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../Image/Arrow-Testing.gif) no-repeat 0 50%; color:#cccccc; font-size:100%;}
.header-breadcrumbs ul a {color:#999999; text-decoration:underline;} 
.header-breadcrumbs ul a:hover {color:#333333; text-decoration:underline;} /* hover for IE*/
.header-breadcrumbs ul li:hover a {color:#333333; text-decoration:underline;} /* hover for firefox*/
.header-breadcrumbs ul li:hover ul {color:#333333; text-decoration:underline;} /* hover for firefox*/


/*  HEADER SECTION  */
.sitelogo {width:255px; height:65px; position:absolute; z-index:1; margin:-1px 0px 0px -1px; border:0px; 
}

.header-top .searchform {float:right; width:350px; padding:36px 30px 0px 0px !important /*Non-IE6*/; padding:30px 12px 0px 0px /*IE6*/;}
.header-top .searchform form fieldset {float:right; border:none;}
.header-top .searchform input.field {width:12.0em; padding:0.2em 2em 0.2em 0; border:1px solid rgb(140,140,140); font-family:verdana,arial,sans-serif; font-size:120%; }
.header-top .searchform input.button {width:5.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(240,240,240); border:solid 1px rgb(140,140,140); text-align:center; font-family:verdana,arial,sans-serif; color:#666666; font-size:120%;}
.header-top .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(210,210,210); color:#333333;}

/* this makes superscript and subscript not have extra line spacing - keeps it consistent */
.main .main-content p sub {
	line-height: 0px;
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: 0.4em;
}
.main .main-content p sup {
	line-height: 0px;
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.7em;
}

.nav2 {float:left; width:1000px; border:none; background: url(../Image/Navigation-Bar-Testing2.jpg) repeat-x ; font-size:120%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:1000; border-right:solid 1px rgb(175,175,175); background: url(../Image/Navigation-Bar-Testing2.jpg) repeat-x;}
.nav2 ul li ul {display:none; border:none;}
/* affects size of drop down */
.nav2 ul li ul {margin-left:-20px; padding:0 10px 10px 20px /* was 0 30 30 30 and margin left was -30*/; background:url(../Image/Nav-Hover-Lab-Testing.gif) top center;} /*Sticky hover zones*/
.nav2 ul li a {float:left; display:block; height:2.5em; line-height:2.5em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
/* trent - this above changes the width and height of the top navigation */
.nav2 ul li:hover {width:auto;}
.nav2 table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;}

.nav2menubottom {border-bottom: solid 2px rgb(175,175,175);}

/*Non-IE6*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; position:absolute; z-index:998; top:2.4em; margin-top:0.1em; left:0;}
/* trent - the item showing top: is what adds space vertically between menus */
.nav2 ul li:hover ul li ul {display: none;} 
/* affects width of drop down */
.nav2 ul li:hover ul li a {display:block; width:20em /* width of drop down */; height:auto; line-height:1.2em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(240,240,240); background-color:rgb(255,255,255)/* sets color of drop down menu background */;
font-weight: normal; font-size:90%; color:rgb(90,90,90);} 
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6*/
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; position:absolute;z-index: 998; top:2.4em; left:-1px; margin-top:0.1em;} /*position of drop down*/
.nav2 ul li a:hover ul li a {display:block; width:20em; height:1px; line-height:1.2em; padding:4px 16px 4px 16px; /* padding adjusts space between lines */ border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(240,240,240); background-color:rgb(255,255,255) /* color of drop down menu background*/ ; font-weight: normal; font-size:90%; color:rgb(90,90,90);}
.nav2 ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/* MAIN NAVIGATION */
.main-navigation .round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; margin:0; background:url(../Image/Corner-Topleft-Testing.gif) no-repeat;}

/*  FOOTER SECTION  */


/* start of icon css rollovers */

.iconfacebook
{
position: relative; background: url(../Image/Badges/FaceBook_32x32.png) no-repeat; white-space: nowrap;
display: block; width: 32px; height: 32px; margin: 0; padding: 0; 
}

.iconfacebook img
{
width: 32px; height: 32px; border: 0
}

* html a:hover
{
visibility:visible
}

.iconfacebook a:hover img
{
visibility:hidden
}


.icontwitter
{
position: relative; background: url(../Image/Badges/Twitter_32x32.png) no-repeat; white-space: nowrap;
display: block; width: 32px; height: 32px; margin: 0; padding-left: 15; 
}

.icontwitter img
{
width: 32px; height: 32px; border: 0
}

.icontwitter a:hover img
{
visibility:hidden
}

.iconfeed
{
position: relative; background: url(../Image/Badges/Feed_32x32.png) no-repeat; white-space: nowrap;
display: block; width: 32px; height: 32px; margin: 0; padding-left: 5; 
}

.iconfeed img
{
width: 32px; height: 32px; border: 0
}

.iconfeed a:hover img
{
visibility:hidden
}




/* end of icon css rollovers */

.links {clear:both; background:url(../Image/Side-Shadow-Testing.jpg) repeat-y; font-family:verdana,arial,sans-serif; color:#cccccc; font-size:100%;text-align: center;}
.links a {color:#999999; text-decoration:none;}
.links a:hover {color:#333333; text-decoration:underline;}



.footer {clear:both; width:1000px; height:215px; padding:1em 0 0; background:rgb(225,225,225) url(../Image/footer-grad2.jpg) no-repeat; font-size:110%; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:80%;}
.footer p.credits {font-weight:normal;}
.footer a {color:#999999; text-decoration:none;}
.footer a:hover {color:#666666; text-decoration:underline;}

/*  CLEAR FLOATS  */
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/*  PRINTING and MISCELLANEOUS  */
@media print {.header-top {width:1000px; height:80px; 
overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:1000px; background:transparent;}}
@media print {.nav2 {float:left; width:1000px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:1000px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:1000px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
/* html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /*IE proprietary flicker hack for background images. Not validating, but OK*/

.techsupportimage {padding:0px 5px 0px 0px;margin:0px;}
.techsupporttype {font-size:1em; padding:5px 15px 0px 0px; letter-spacing: normal; color:#666666;}


/********************************/
/*  TEXT CSS PART  */
/********************************/
/*  MAIN SECTION  */

.main-content h1 {clear:both; margin:0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(137,170,214); font-weight:bold; font-size:300%;}
.main-content h2 {clear:both; margin:0.5em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(137,170,214); font-weight:normal; font-size:170%;}
.main-content h2 a {text-decoration:none; color:rgb(137,170,214);}
.main-content h2 a:hover {text-decoration:underline; color:#666666;}
.main-content h3 {clear:both; margin:0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(137,170,214); font-weight:normal; font-size:130%;}
.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",verdana,arial,sans-serif; font-weight:normal; font-size:140%;}
.main-content p.byimage {margin:0;}

.main-content p {margin:0.8em 0 0.8em 0; line-height:1.5em; font-size:120%; color:#666666; /* was 848484; */} 
/* trent - this changes the main body text */

.main-content ul {list-style:none; margin:0 0 1.0em 0; color:#666666; font-size:12px;}
.main-content ul li {margin:8px 0 0.2em 0px; padding:0 0 0 12px; background:url(../Image/Bullet-Analytical-Testing.gif) no-repeat 0 0.5em; line-height:1.2em; /*font-size:110%;*/}
.main-content ol {color:#666666; margin:0.5em 0 1.0em 30px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;font-size:12px;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; /*font-size:110%;*/}

/* added */
.main-content dl {color:#666666; font-size:12px;}



.main a {color:#666666;}
.main a:hover {color:#000000;}
/*.main-content a {line-height:1.5em; color:#666666; }*/
/*.main-content a:hover {color:#333333);}*/
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.divleft {width:470px;float:left;}
.divright {width:470px;float:right;}


small {font-size:85%;color:#cccccc;}
/* start of table stuff */
.caption {
	font: italic 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	line-height:1.0em;
}

.tableplain td {
	/*font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	/*color: #4f6b72;*/
	text-align: left;
	padding: 6px 6px 6px 12px;
	border: 0px solid #FFFFFF;
}


.tablenice {
font-size:11px;
}
.tablenice th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border: 1px solid #c1d0da;
	/*
	border-right: 1px solid #c1d0da;
	border-bottom: 1px solid #c1d0da;
	border-top: 1px solid #c1d0da;
	*/
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #cad8ea url(../Image/Table-Header.jpg) no-repeat;
}

.tablenice th.nobg {
	border-top: 0;
	border-left: 0;
	border: 1px solid #c1d0da;
	background: none;
}

.tablenice td {
	border: 1px solid #c1d0da;
	/*
	border-left: 1px solid #c1d0da;
	border-right: 1px solid #c1d0da;
	border-bottom: 1px solid #c1d0da;
	*/
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.tablenice td.alt {
	background: #f5f6fa;
	border: 1px solid #c1d0da;
	/*color: #797268;*/
}

.tablenice th.spec {
	border: 1px solid #c1d0da;
	border-top: 0;
	background: #fff url(../Image/Table-Bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.tablenice th.specalt {
	border: 1px solid #c1d0da;
	border-top: 0;
	background: #f5f6fa url(../Image/Table-Bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/*color: #797268;*/
}

/* Add to Cart buttons */
.main-content input.button {width:5.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(240,240,240); border:solid 1px rgb(140,140,140); text-align:center; font-family:verdana,arial,sans-serif; color:#666666; font-size:100%; width:80px;}
.main-content input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(210,210,210); color:#333333;}

/* Checkout button */
.main-subcontent input.checkout {width:5.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#FFCC33;  border:solid 1px rgb(140,140,140); text-align:center; font-family:verdana,arial,sans-serif; color:#333333; font-size:120%; width:212px; font-weight: bold;}
.main-subcontent input.checkout:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:#FF9900;  color:#333333;}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img.linepad {clear:both; margin:25px 0px 15px 0; padding:0px 0 0 0; border:0px solid rgb(150,150,150);}
.main img.left {clear:both; float:left; margin:5px 25px 7px 0; padding:0px; border:0px solid rgb(150,150,150);}

.main img.center {clear:both; float:none; margin:0; padding:1px; ;}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; ;}
/*.main a:visited {color:rgb(70,122,167);}*/

/* MAIN SUBCONTENT - the right-side boxes*/

.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:235px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}.page-container .header .header-breadcrumbs ul {
	text-align: right;
}
.main-subcontent img {float:left;}
.main-subcontent h3 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h3.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(147,207,98); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h3.blue {clear:both; margin:0 0 15px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,213); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h3.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h4 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:#666666; line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}
.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:7px 0 0.2em 2px; padding:0 0 0 12px; background:url(../Image/Bullet-Analytical-Testing.gif) no-repeat 0 0.4em; line-height:1.2em;} /* this changes the right-side box */
.main-subcontent ul li a {color:rgb(70,122,167); font-weight:bold;} 
.main-subcontent ul li a:hover {color:#333333;}
.main-subcontent a {color:rgb(70,122,167); font-weight:bold; text-decoration:underline;}
.main-subcontent a:hover {color:#333333; text-decoration:underline;}

.main-subcontent a.darker {color:rgb(70,122,167); font-weight:bold;} 
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

.subcontent-unit-noborder {width:215px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(247,247,247);}
.subcontent-unit-noborder-green {width:215px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:215px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:215px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../Image/Corner-Topleft-Testing.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../Image/Corner-Topright-Testing.gif) no-repeat; margin-top:0px; margin-left:205px;}