﻿.clearfix:after {
clear:both;
content:" ";
display:block;
font-size:0;
height:0;
visibility:hidden;
}
*, p, td {
font-family:Arial,Helvetica,sans-serif;

}
.clearfix {
display:inline;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
html {
font-size:100%;
}
body {
background-color:#FFFFFF;
color:#666666;
font-size:1em;
height:100%;
margin:0;
padding:0;
text-align:center;
}
img {
border:0 none;
}
h1 {
font-size:1.5em;
margin:0;
padding:0 0 0.2em;
}
h2 {
color:#54A4DE;
font-size:22px;

margin:0;
padding:0;
}
h2.generic {
color:#54A4DE;
font-size:28px;

margin:0;
padding:0;
}
h2.products {
color:#54A4DE;
font-size:16px;
font-style:normal;
margin:0;
padding:0 0 5px;
}
h2.news {
color:#54A4DE;
font-size:18px;
font-style:normal;
margin:0;
padding:0 0 5px;
}
h2.body-content {
color:#54A4DE;
font-size:22px;
font-style:normal;
margin:0;
padding:0;
}
h3 {
color:#769E00;
font-size:0.882em;
margin-bottom:-5px;
padding-top:10px;
}
h4 {
color:#666666;
font-size:1em;
margin:0;
padding:0;
}
ul {
font-size:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:0;
padding-bottom:0.925em;
padding-left:2em;
}
ol {
font-size:0.882em;
margin:0;
padding-bottom:0.925em;
padding-left:2em;
}
ul li {
color:#575757;
padding-bottom:0.6em;
}
ul ul {

padding-top:1em;
}
ol li {
color:#1198CF;
font-weight:bold;
padding-bottom:0.6em;
}
p {
font-size:0.882em;
line-height:1.6em;
margin:0;
padding-bottom:0.6em;
text-align:left;
text-indent:0;
}
a:link, a:visited {
color:#769E00;
text-decoration:none;
}
a:hover, a:active {
text-decoration:underline;
}
.hr {
background-color:#C2C1C1;
height:1px;
margin-bottom:10px;
margin-top:10px;
overflow:hidden;
padding:0;
}
#top-area-container-1 {
background-image:url(../../assets/main-waterline-image.jpg);
background-position:center bottom;
background-repeat:no-repeat;
clear:both;
height:12.5em;
width:100%;
}
#logo-area {
clear:both;
margin-left:auto;
margin-right:auto;
padding-top:30px;
text-align:left;
width:960px;
}
#logo {
float:left;
padding-right:0;
width:680px;
}
#test-search {
float:right;
padding-top:5px;
width:200px;
}
#test-search-line {
background-image:url(../../assets/announce_line.gif);
background-repeat:repeat-y;
float:left;
height:43px;
padding-right:10px;
width:1px;
}
#test-search-search {
color:#666666;
float:left;
font-family:Tahoma;
font-size:12px;
width:189px;
}
#nav-area {
clear:both;
margin-left:auto;
margin-right:auto;
padding-top:10px;
text-align:left;
width:960px;
}
#nav-area ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#nav-area li {
background-color:transparent;
background-image:url(../../assets/nav-spacer.gif);
background-position:right center;
background-repeat:no-repeat;
border:medium none;
color:#54A4DE;
float:left;
font-size:14px;
font-weight:500;
height:3.024em;
line-height:2.8em;
margin:0;
padding:0 15px 0;
text-align:center;
text-decoration:none;
}
.nav_left {
padding:0 15px 0 0 !important;
}
.nav_overstate {
color:#666666;
text-decoration:none;
}
.nav_overstate a {
color:#54A4DE !important;
}
.nav_overstate_home {
padding:0 15px 0 0 !important;
text-decoration:none;
}
.nav_overstate_home a {
color:#54A4DE !important;
}
#nav-area li:last-child {
background-image:none;
}
#nav-area li a:link, #nav-area li a:visited {
color:#666666;
text-decoration:none;
}
#nav-area li a:hover, #nav-area li a:active {
text-decoration:underline;
}
#top-area-container-2 {
background-image:url(../../assets/header-bg.jpg);
background-position:center bottom;
background-repeat:repeat-x;
clear:both;
height:auto !important;
min-height:195px;
width:100%;
}
#top-area-container-3 {
background-image:url(../../assets/generic_bg.gif);
background-position:center bottom;
background-repeat:repeat-x;
clear:both;
height:auto !important;
min-height:55px;
width:100%;
}
#header-area {
clear:both;
margin-left:auto;
margin-right:auto;
padding:10px 0;
text-align:left;
width:960px;
}
#header-area-featured {
float:left;
padding-right:30px;
width:610px;
}
#header-area-featured-inner {
background-image:url(../../assets/featured_bg.gif);
background-position:left top;
background-repeat:no-repeat;
font-family:tahoma;
font-size:14px;
height:128px;
padding:1px 10px;
width:590px;
}
#header-area-featured-inner-detail {
float:left;
height:128px;
padding-right:50px;
padding-top:10px;
width:290px;
}
#header-area-featured-inner-image {
float:left;
padding-right:30px;
width:220px;
}
#header-area-featured-inner p {
margin:0 0 5px !important;
padding:0 0 5px !important;
}
#header-area-featured h2 {
margin-bottom:10px;
padding-bottom:0;
}
#header-area-announcements {
float:left;
padding-bottom:10px;
width:320px;
}
.announcements-container {
float:left;
font-family:Tahoma;
font-size:11px;
padding:11px 0 2px;
width:320px;
}
.announcements-line {
float:left;
padding-right:10px;
width:1px;
}
.announcements-detail {
float:left;
line-height:16px;
width:309px;
}
#header-area-generic {
float:left;
padding-bottom:10px;
width:770px;
}
#header-area-newsletter {
float:left;
padding-bottom:10px;
padding-top:7px;
width:190px;
}
#header-shadow-container {
height:12px;
}
#header-shadow {
background-image:url(../../assets/header-shadow-bg.jpg);
background-position:center top;
background-repeat:no-repeat;
clear:both;
height:12px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
width:900px;
}
#body-content-container {
background-image:url(../../assets/content-bg.jpg);
background-position:center bottom;
background-repeat:repeat-x;
clear:both;
width:100%;
}
#body-content {
font-size:1em;
clear:both;
margin-left:auto;
margin-right:auto;
text-align:left;
width:960px;
}
#body-content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#body-content li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}
#body-content li a {
border-left:1px solid #54A4DE;
display:block;
padding:0.6em;
}
.subnav-onstate {
background-color:#EDF5FF;
border-left:1px solid #EDF5FF !important;
color:#54A4DE !important;
}
#body-content-left {
float:left;
font-size:14px;
width:180px;
}
#body-content-left a {
color:#858484;
font-size:14px;
}
#body-content-middle {
float:left;
padding:0 10px 0 20px;
width:550px;
}
#body-content-right {
float:left;
font-size:14px;
margin-top:5px;
width:190px;
}
#body-content-contact-right {
background-color:#EDF5FF;
margin-top:20px;
}
#body-content-newsletter-right {
background-color:#EDF5FF;
}
#body-content-rss-right {
background:#EDF5FF none repeat scroll 0 0;
margin-top:20px;
}
.body-content-right {
padding:10px;
}
#body-content-products {
float:left;
padding-right:10px;
padding-top:10px;
width:750px;
}
#product-details-link {
clear:both;
float:left;
padding:10px 0;
text-align:right;
width:750px;
}
.product-details-downloads {
clear:both;
float:left;
padding-bottom:10px;
width:750px;
}
#body-content-container-content-pages {
width:100%;
}
#body-content-inner-left {
float:left;
width:710px;
}
#body-content-inner-right {
background-image:url(../../assets/content-contact-panel-bg.jpg);
background-position:center top;
background-repeat:repeat-x;
float:right;
height:auto !important;
min-height:30em;
padding:10px;
width:220px;
}
#body-content-inner-right p {
font-size:0.693em;
}
#body-content-inner-right p.leading-text {
font-size:0.9em;
}
#body-content-inner-right p.contact-details {
font-size:1.4em;
line-height:1em;
margin-top:-0.2em;
}
#body-content-inner-right a {
color:#666666;
text-decoration:underline;
}
#body-content-inner-left-shadow {
background-image:url(../../assets/header-content-shadow-bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:12px;
padding-top:10px;
width:710px;
}
.content-product-category {
background:#EDF5FF none repeat-x scroll center top;
height:auto !important;
margin-bottom:20px;
min-height:10em;
padding:10px;
}
.content-product-category img {
float:left;
padding-right:10px;
}
#footer-container {
background-color:#F4F9FF;
width:100%;
}
#footer-container-content {
background-color:#FFFFFF;
width:100%;
}
#footer-shadow-top {
background-image:url(../../assets/footer-shadow-top-bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:12px;
margin-left:auto;
margin-right:auto;
width:960px;
}
#footer-shadow-top-content {
background-image:url(../../assets/footer-shadow-top-bg-2.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:12px;
margin-left:auto;
margin-right:auto;
width:960px;
}
#footer-text-area-container {
background-color:#FFFFFF;
padding:5px 0 0;
width:100%;
}
#footer-text-area {
color:#999999;
font-size:0.693em;
height:30px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
text-align:center;
width:960px;
}
#footer-text-area p {
text-align:center;
}
#footer-text-area-left {
float:left;
}
#footer-text-area-right {
float:right;
}
#footer-shadow-bottom-container {
background-color:#FFFFFF;
color:#C8C8C8;
font-size:0.693em;
height:5em;
text-align:center;
width:100%;
}
#footer-shadow-bottom {
background-image:url(../../assets/footer-shadow-bottom-bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:12px;
margin-left:auto;
margin-right:auto;
width:960px;
}
.home-product-category {
border-left:1px solid #54A4DE;
float:left;
height:auto !important;
margin-bottom:20px;
max-height:270px;
min-height:270px;
_height:270px;
padding:0 10px 0;
width:218px;
}
.home-product-category img {
}
.title-container {
height:56px;
max-width:210px;
}
.title-link {
background-image:url(../../assets/product-link-icon.png);
background-position:right center;
background-repeat:no-repeat;
font-size:14px;
padding-bottom:0;
padding-right:1.2em;
}
.home-product-description {
font-size:0.8em;
}
.leading-text {
font-size:1.26em;
}
.contact-section {
width:100%;
}
.contact-box {
float:left;
width:350px;
}
.rightimg {
float:right;
}
.featured-title {
color:#769E00;
font-size:20px;
}
.featured-bold {
font-size:16px;
font-weight:bold;
}
.komodo {
color:#B72245 !important;
}
.signup {
color:#54A4DE !important;
}
.signup-td {
color:#666666 !important;
font-weight:bold;
height:28px;
}
.signup-td2 {
color:#666666 !important;
font-weight:bold;
height:28px;
text-align:right;
}
.signup-textbox {
border:1px solid #CCCCCC;
height:22px;
width:168px;
}
.product-link {
background-image:url(../../assets/product-link-icon.png);
background-position:right center;
background-repeat:no-repeat;
font-size:16px;
font-weight:bold;
padding-right:20px;
text-decoration:underline !important;
}
.large_image {
float:right;
margin:0 0 10px 20px;
}
#productExtras {
clear:both;
margin:3em 0;
}
.productExtraContainer {
clear:both;
}
.productHeader {
background:#D5E8F7 none repeat scroll 0 0;
border-bottom:1px solid #D5E8F7;
cursor:pointer;
padding:1em;
}
.productHeader h2 {
color:#769E00;
font-size:1em;
font-style:normal;
}
.productHeader h2 .optionCount {
color:#54A4DE;
font-size:0.8em;
margin-left:1em;
}
.productHeader h2 a {
}
.productHideable {
background:#D5E8F7 none repeat scroll 0 0;
}
.productTitles {
background:#D5E8F7 none repeat scroll 0 0;
border-bottom:1px solid #D5E8F7;
}
.productBody {
background:#EDF5FF none repeat scroll 0 0;
border-left:1px solid #D5E8F7;
border-right:1px solid #D5E8F7;
clear:both;
}
.optionName {
float:left;
width:200px;
}
.optionDescription {
float:left;
width:398px;
}
.optionCode {
float:left;
width:150px;
}
.optionTitle {
font-size:0.8em;
font-style:normal;
font-weight:normal;
padding:2em 0 0.2em 0.8em;
}
.reagentDescription {
float:left;
width:298px;
}
.reagentCode {
float:left;
width:125px;
}
.reagentRange {
float:left;
width:125px;
}
.productOption p {
padding:0.5em;
}
.productOption {
border-bottom:1px solid #D5E8F7;
clear:both !important;
}
.downloadBody {
background:#EDF5FF none repeat scroll 0 0;
clear:both;
margin-top:20px;
padding:0.5em 1em;
}
hr {
border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:none none solid;
border-width:0 0 1px;
}
.newsletterSubmit a {
color:#54A4DE;
}
.catSubTitle {
font-weight:bold;
text-transform:uppercase;
}
a.newsletterSubmit {
color:#003270;
}
.downloadCategory {
margin-bottom:0.5em;
}
.downloadCategory h1 {
background-color:#D5E8F7;
color:#769E00;
cursor:pointer;
font-size:1em;
font-style:normal;
padding:1em;
}
.downloadCategory h1 span {
color:#54A4DE;
font-size:0.8em;

font-weight:normal;
}
.downloadCategory h2 {
font-size:1em;
font-style:normal;
font-weight:normal;
margin-bottom:0.4em;
}
.downloadCategory h2 a {
color:#54A4DE;
}
.downloadProduct {
background:#EDF5FF none repeat scroll 0 0;
margin:0 0 0.2em;
padding:0.5em;
}
.downloadProduct p {
margin:0;
padding:0;
}
.formErrors {
background:#EFEFEF none repeat scroll 0 0;
border:1px solid red;
padding:1em;
}
.formErrors ul li {
text-indent:1.5em;
}
.imageIcon {
vertical-align:top;
}
#productReagents {
clear:both !important;
}
.OptionTable 
{
font-size:12px;
border:0 none;
margin:0;
padding:0;
width:100%;
}
.OptionTable th {
background:#D5E8F7 none repeat scroll 0 0;
font-size:0.8em;
font-style:normal;
font-weight:normal;
padding:2em 0 0.2em 0.8em;
}
.OptionTable tr td {
border-bottom:1px solid #D5E8F7;
font-size:1em;
padding:0.5em 0.5em 0;
}



.categoryList {
background:#EDF5FF none repeat scroll 0 0;
border-top:5px solid #FFFFFF;
}
.categoryList td {
padding:0 1em;
}
.cateImg 
{
	width:210px;
	height:54px;
}
.proImgThumb 
{
	width:121px;
	height:114px;
}
