/* Separation Associates CSS Document */ /* Separation Associates CSS Document */ html { margin: 0px; padding: 0px; } body { margin: 0px; text-align: center; } p { margin: 0px; margin-bottom: 12px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; color: black; } h1 {margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; } h2 {margin: 0px; margin-bottom: 6px; margin-bottom: 8px;font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000066; } h3 {margin: 0px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000066; } .bold {font-weight: bold; } .bold2 {font-weight: bold; font-size: 13px; } .bold3 {font-weight: bold; padding-top: 7px; margin-bottom: 7px;} .red {color: #B34720; font-weight: bold; } .boldpadding {font-weight: bold; margin-bottom: 5px; width: 200px;} .imageleft {float: left; } .textsmall {font-size: 15px; } .boldlong {font-weight: bold; width: 400px; padding-bottom: 20px; background-color: red; } /* WRAPPER BEGINS INCLUDING LOGO */ /* WRAPPER BEGINS INCLUDING LOGO */ #wrapper { width: 906px; text-align: left; margin-top: auto; margin-right: auto; margin-left: auto; overflow: auto; clear: both; background-image:url('images/chomoback2.gif'); background-repeat:no-repeat; background-position:bottom right; } #logo {width: 906px; float: left; padding-bottom: 5px; } #logoimg {float: left; } #logomoto {width: 600px; float: left; padding-top: 70px; padding-left: 10px; } #logomoto h1 {float: left; font-weight: bold; text-align: center; color: #00106E; } /* HORIZONTAL NAVIGATION BEGINS/ENDS */ /* HORIZONTAL NAVIGATION BEGINS/ENDS */ #horizontalnav {width: 880px; padding-left: 7px; float: left; padding-bottom: 12px; margin-top: 8px; } #horizontalnav { float: left; } #horizontalnav ul { padding: 0; margin: 0; float: left; margin-top: 3px; } #horizontalnav li { color: #00106E; float: left; padding: 0; margin: 0; margin-left: 20px; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; } #horizontalnav li a { color: #00106E; text-decoration: none; display: inline; } #horizontalnav a:link { color: #00106E; text-decoration: none; } #horizontalnav li a:hover { color: #A0CBF6; text-decoration: underline; } #horizontalnav li a#current { color: #B34720; text-decoration: none; } /* THREE COLUMNS PAGE LAYOUT BEGINS/ENDS */ /* THREE COLUMNS PAGE LAYOUT BEGINS/ENDS */ #threecols {width: 906px; float: left; padding-top: 10px; } /* COLUMN 1 OF THREE COLUMNS LAYOUT BEGINS HERE */ #col1 { width: 214px; float:left; margin-left: 2px; } #col1img {width: 183px; height: 120px; float: left; margin-bottom: 12px; background-image: url(images/testtubeschrom.jpg); border: solid 1px black; } #col1 img {margin-bottom: 8px; margin-left: 10px; border: solid 1px black; } #col1prodlinks {width: 183px; float: left; border: solid 1px #A0CBF6; padding-bottom: 20px; margin-bottom: 15px;} #col1prodlinks p {margin: 0px; font-weight: bold; color: #00106E; padding-left: 4px; clear: right;} #col1prodlinks ul { margin: 0 0 0 15px; padding-left:10px; } #col1prodlinks li { list-style-type:square; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height:18px;} #col1prodlinks li a { text-decoration: none; color: #00106E;} #col1prodlinks li a:link { text-decoration: none; color: #00106E; } #col1prodlinks li a:hover { text-decoration: underline; color: #A0CBF6; } #leftorgs {float: left; padding-left: 8px; } #leftorgs img {margin-top: 6px; } .hdrcol1 {width: 190px; height: 38px; float: left; margin-top: 5px; background-color: #A0CBF6; margin-bottom: 15px; } .hdrleftcol1 { width: 15px; height: 38px; float: left; background-image: url(images/hdrlefttall.gif); } .hdrcontentcol1 { width: 160px; height: 38px; float: left; background-color: #A0CBF6; } .hdrcontentcol1 h2 { padding: 0; margin: 0; color: white; font-weight: bold; } .hdrrightcol1 { width: 15px; height: 38px; float: right; background: url(images/hdrrighttall.gif); } #techspecs {width: 190px; float: left; padding-left: 6px;} #techspecs p {text-align: left; color: #00106E; font-size: 12px; } #techspecs a { margin-right: 14px; text-decoration: underline; color: #00106E; } #techspecs a:link { margin-right: 14px; text-decoration: underline; color: #00106E; } #techspecs a:hover { margin-right: 14px; text-decoration: underline; color: #A0CBF6;} #col1address {width: 184px; height: 112px; float: left; background-image: url(images/chomoback.gif);} #col1address p {margin: 0px; color: #00106E; font-weight: bold; text-align: center; } #col1address a:link {margin: 0px; text-decoration: none; color: #00106E; } #col1address a:hover {margin: 0px; text-decoration: underline; } /* COLUMN 2 OF THREE COLUMNS LAYOUT BEGINS */ /* COLUMN 2 OF THREE COLUMNS LAYOUT BEGINS */ #col2 {width: 414px; float:left; margin-left: 5px; } #col2 p { margin-left: 4px; float: left; } #headerwelcome {width: 400px; height: 28px; float: left; background-color: #A0CBF6; margin-bottom: 5px; } #welcomeleft { width: 15px; height: 28px; float: left; background-image: url(images/hdrleft.gif); } #welcomecontent { width: 370px; height: 28px; float: left; background-color: #A0CBF6; } #welcomecontent h2 { padding: 0; margin: 0; padding-left: 4px; padding-top: 3px; color: white; font-weight: bold; } #welcomeright { width: 15px; height: 28px; float: left; background-image: url(images/hdrright.gif); } .hdrwelcomelong {width: 600px; height: 28px; float: left; margin-bottom: 5px; } .welcomeleftlong { width: 15px; height: 28px; float: left; background-image: url(images/hdrleft.gif); } .welcomecontentlong { width: 570px; height: 28px; float: left; background-color: #A0CBF6; } .welcomecontentlong h2 { padding: 0; margin: 0; padding-left: 4px; padding-top: 3px; color: white; font-weight: bold; } .welcomerightlong { width: 15px; height: 28px; float: left; background-image: url(images/hdrright.gif); } #col2content {width: 414px; float: left; padding-top: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; } #col2hdrnew {width: 400px; float:left; border-bottom: 1px solid #000066; } #col2list {width: 300px; float: left; } #col2list ul {margin: 0px; float: left; list-style: square; list-style-position: inside; } #col2list li {margin: 0px; margin-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-align: left; } #col2content p {margin: 0px; float: left; margin-top: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; color: black;} #col2content p a { margin-right: 14px; text-decoration: underline; color: #00106E; } #col2content p a:link { border: none; margin-right: 14px; text-decoration: underline; color: #00106E; font-size: 15px; } #col2content p a:hover { margin-right: 14px; text-decoration: underline; color: #A0CBF6;} /* CLASS for MALDI IMAGE ENLARGE LAYOUT BEGINS */ /* CLASS for MALDI IMAGE ENLARGE LAYOUT BEGINS */ .imageenlarge {width: 216px; float: left; display: inline; margin-top: 9px; margin-bottom: 7px; margin-right: 7px; } .imageenlarge p {margin: 0px; float: left; margin-top: 7px; } .imageenlargeimg img { float: left; border: solid 1px black;} .imageenlarge a {margin: 0px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; color: black; } .imageenlarge a:link { border: none; text-decoration: none; } .imageenlarge a:visited { border: none; text-decoration: none; } /* CLASS for SMALLER MALDI IMAGE ENLARGE LAYOUT BEGINS */ /* CLASS for SMALLER MALDI IMAGE ENLARGE LAYOUT BEGINS */ .imageenlargesm {width: 150px; float: left; display: inline; margin-top: 9px; margin-bottom: 7px; margin-right: 7px; } .imageenlargesm p {margin: 0px; float: left; margin-top: 7px; } .imageenlargeimgsm img { float: left; border: solid 1px black;} .imageenlargesm a {margin: 0px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; color: black; } .imageenlargesm a:link { border: none; text-decoration: none; } .imageenlargesm a:visited { border: none; text-decoration: none; } /* ABOUT US LAYOUT BEGINS */ /* ABOUT US LAYOUT BEGINS */ #col2contentabout {width: 414px; float: left; padding-top: 6px; } #col2contentabout p {float: left; width: 400px; } #col2contentabout img {margin: 0px; border: solid 1px black; } #col2contentabout a { color: #00106E; text-decoration: none; display: inline; } #col2contentabout a:link { border: none; color: #00106E; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;} #col2contentabout a:visited { border: none; text-decoration: underline; color: #00106E; } #col2contentabout a:hover { border: none; text-decoration: underline; color: #A0CBF6; } /* SPECTRA 501 LAYOUT BEGINS */ /* SPECTRA 501 LAYOUT BEGINS */ #col2content501 {width: 610px; float: left; padding-top: 6px; } #col2content501 p {float: left; } #col2content501 img {margin: 0px; float: left; border: solid 1px black; margin-right: 6px; margin-top: 6px; } /* COLUMN 3 OF THREE COLUMNS LAYOUT ENDS */ /* COLUMN 3 OF THREE COLUMNS LAYOUT BEGINS */ #col3 {width: 216px; float: right; margin-right: 18px; } .col3producta {width: 216px; clear: right; margin-bottom: 15px;} .col3producta img { float: left; } .col3producta p {margin: 0px; } .col3productaimg a:link { border: none; text-decoration: none; } #quote {width: 216px; float: left; padding-left: 6px;} #quote p {text-align: left; margin-top: 1px; color: #00106E; } #quote p a { margin-right: 14px; text-decoration: underline; color: #00106E; } #quote p a:link { margin-right: 14px; text-decoration: underline; color: #00106E; } #quote p a:hover { margin-right: 14px; text-decoration: underline; color: #A0CBF6;} #hdrproduct {width: 200px; height: 28px; float: left; background-color: #A0CBF6; margin-bottom: 15px; } #hdrleft { width: 15px; height: 28px; float: left; background: url(images/hdrleft.gif); } #hdrcontent { width: 150px; height: 28px; float: left; background-color: #A0CBF6; } #hdrcontent h2 { padding: 0; margin: 0; padding-left: 4px; padding-top: 3px; color: white; font-weight: bold; } #hdrright { width: 15px; height: 28px; float: right; background: url(images/hdrright.gif); } /* SOLE IMAGE SECTION */ /* SOLE IMAGE SECTION */ #wrapperimg {float: left; } #wrapperimg p {margin: 0px; text-align: center; } #imageonly { margin-top: 15px; } #imageonly img { float: left; border: solid 1px black;} #imageonly a:link { border: none; text-decoration: none; } #imageonly a:visited { border: none; text-decoration: none; } /* FOOTER BEGINS/ENDS */ /* FOOTER BEGINS/ENDS */ #footer { width: 900px; text-align: center; padding-bottom: 20px; margin-top: 17px; float: left; background: url(../images/aaorange3.gif); padding-top: 2px; padding-bottom: 12px; } #footer p { display: inline; font-size: 11px; line-height:18px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } #footer a:link {text-align: center; color: #000066; text-decoration: none; } #footer a:visited { color: #000066; text-decoration: none; } #footer a:hover { color: #000066; text-decoration: underline ; } #footer ul { text-align: center; display: inline; } #footer li { display: inline; color: #000066; font-size: 9px; line-height:18px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } #footer li a:hover { color: #f60; }