html { height: 100%; margin-bottom: 0.01em; }
body { margin: 0; }
body, th, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
table { border-collapse: collapse; }
/*td { padding: 0px; } */ /* td default = padding: 1px 1px; */
img { border: 0; }
input, textarea { font-size: 12px; border: 1px solid #cccccc; background: #e7f7fc }
select { font-size: 12px; border: 1px solid #cccccc; background: #f9f9f9 }
input.submit { background: #E0E0E0;}
textarea { overflow: auto }
a:link { color: #3366cc; }
a:visited { color: #3366cc; }
a:hover { color: #00559f; text-decoration: none; }
.navpanel td { padding: 0; }
.nav td { padding: 0; height: 18px; text-align: center; font-size: 11px; color: #FF9966; font-weight: bold; background: #00559f; margin: 0; }
.nav img { display: block; padding: 0px 10px 0px 2px; }
.nav a:link { color: #FFFFFF; text-decoration: none; }
.nav a:visited { color: #FFFFFF; text-decoration: none; }
.nav a:hover { color: #FF6633; text-decoration: none; }
#nava a:link { color: #FF9966; }
#nava a:visited { color: #FF9966; }
#nava a:hover { color: #FF6633; }
a.download { color: #3366cc; font-style: italic }
a.download:link { color: #3366cc; text-decoration: underline; }
a.download:visited { color: #3366cc; text-decoration: underline; }
a.download:hover { color: #00559f; text-decoration: none; }
.navbuttons { margin: 4px 0; } /* row of nav buttons */
.navbuttons a { font-size: 11px; text-decoration: none; padding: 1px 5px 1px 5px; font-weight: bold; background: #00559f; }
.navbuttons a:link { color: #FFFFFF; }
.navbuttons a:visited { color: #FFFFFF; }
.navbuttons a:hover { color: #FF6633; }
/* nav button inline with the text */
/* next new 20100723 */
.navbutton { font-size: 11px; padding: 1px 5px 1px 5px; font-weight: bold; background: #00559f; color: #FFFFFF;}
a.navbutton { font-size: 11px; padding: 1px 5px 1px 5px; font-weight: bold; background: #00559f; text-decoration: none; }
a.navbutton:link { color: #FFFFFF; }
a.navbutton:visited { color: #FFFFFF; }
a.navbutton:hover { color: #FF6633; }
.navbuttonactive { font-size: 11px; padding: 1px 5px 1px 5px; font-weight: bold; background: #00559f; color: #FF9966 } /* span */
.navpageup { font-size: 11px; font-weight: normal; text-align: right } /* nav link to top of page */
a.navpageup { float: right }
#middle { margin: 20px 40px; }
#footernav { font-size: 10px; text-align: center }
#copyright { text-align: center; color: #cccccc; font-size: 11px; letter-spacing: 5px; padding-top: 10px; margin-bottom: 20px }
#editor { margin-top: -20px; height: 100%} /* editor */
.middlecodeouter { max-width: 960px; } /* editor */
.middlecode { text-align: left; padding-left: 60px; } /* editor */
ul.sanbull { padding: 0; margin-left: 10px; list-style-type: none;}
h1 { font-size: 14px; color: #3366cc; }
h2 { font-size: 13px; color: #3366cc; margin: 0; }
h3 { font-size: 12px; color: #a05598; }
.centered { text-align: center; } /* centres enclosed (tables require a centering div) */
.centered table { margin: auto; text-align: left;} /* reset text-align on table enclosed in div.centered */
.centeredblock { display: inline-block; text-align: left; } /* reset text-align on div enclosed in div.centered */
.highlighted { color: #ff9966; } /* orange */
.caption { font-size: 10px; font-weight: bold } /* under images and tables */
.section { margin-top: 4em } /* around section or on heading tag */
.hidden { display: none } /* for hidden img onload = js */
.container { width: 100%; overflow: auto; } /* for all floated divs */
.left, .middle, .main { float: left; display: inline; } /* set width, % or px */
.right { display: inline-block; } /* set the width if borders visible, no float reqd */
.nav2left { width: 50%; float: left; display: inline; } /* bulletted menus */
.nav2right { display: inline-block; }
.nav2right img { height: 200px; }
.featurecommentsgroup { visibility: hidden; } /* written for random Customer comments on home page */
.sagscroller { width: 100%; height: 250px; overflow: hidden; position: relative; }
.sagscroller ul { width: 100%; position: absolute; margin: 0; padding: 0; background: white; list-style: none; }
.sagscroller ul li { display: block; }
#mysagscroller { width: 100%; height: 230px; }
#mysagscroller ul li { padding: 0px; margin-bottom: 5px; }
.comment { margin-bottom: 0px; }
.commenter { color: #666; margin-top: 3px; }
#customer_support_top { width: 700px; }
#customer_support_top img { width: 180px; }
#customer_support_top td { padding: 20px; }
#customer_support_bottom { width: 700px; }
#customer_support_bottom .left { width: 200px; margin: 20px; }
#customer_support_bottom .left img { width: 200px; }
#customer_support_bottom .right { width: 400px; margin: 40px 20px; }
#distributors { width: 700px; }
#distributors .main { width: 250px; }
#distributors .left { width: 400px; }
#distributors .right { }
#fittings_connectors { width: 700px; } /* written for the fittings and connectors page */
#fittings_connectors .container { border-bottom-color: #D0F0F9; border-bottom-width: 2px; border-bottom-style: solid; margin-bottom: 10px; padding-bottom: 10px; }
#fittings_connectors .left { width: 520px; }
#fittings_connectors .right { }
#laser_ablation { width: 800px; } /* written for the laser ablation page */
#laser_ablation .container { border-bottom-color: #D0F0F9; border-bottom-width: 2px; border-bottom-style: solid; margin-bottom: 10px; padding-bottom: 10px; }
#laser_ablation .left { width: 700px; }
#laser_ablation .right { }
/*#laser_ablation_landing { width: 800px; } /* written for the laser ablation page */
#laser_ablation_landing .container { border-bottom-color: #D0F0F9; border-bottom-width: 2px; border-bottom-style: solid; margin-bottom: 10px; padding-bottom: 10px; }
/*#laser_ablation_landing .left { width: 700px; }
#laser_ablation_landing .right { }*/
#News_exhibition_photos { width: 600px; } /* written for photos page */
#News_exhibition_photos .container { margin-bottom: 5px; background-color: #D0F0F9; }
#News_exhibition_photos .container2 { margin-bottom: 5px; padding-left: 10px; border: 2px solid #D0F0F9; }
#News_exhibition_photos .left { margin: 10px; width: 320px; }
#News_exhibition_photos .right { margin-top: 90px; }
#contactus .left { width: 40%; }
#contactus .right { width: 60% }
#contactus td { padding: 2px 4px; height: 19px }
#contactus th { text-align: right; font-weight: normal }
#contactus .textarea { width: 250px; height: 30px }
#contactus input.text { width: 250px; }
#contactus2 .left { width: 40%; }
#contactus2 .right { width: 60% }
#contactus2 td { padding: 2px 4px; height: 19px }
#contactus2 th { text-align: right; font-weight: normal }
#contactus2 .textarea { width: 250px; height: 30px }
#contactus2 input.text { width: 250px; }
#contactus3 .left { width: 40%; }
#contactus3 .right { width: 60% }
#contactus3 td { padding: 2px 4px; height: 19px }
#contactus3 th { text-align: right; font-weight: normal }
#contactus3 .textarea { width: 250px; height: 30px }
#contactus3 input.text { width: 250px; }
#contactus4 .left { width: 40%; }
#contactus4 .right { width: 60% }
#contactus4 td { padding: 2px 4px; height: 19px }
#contactus4 th { text-align: right; font-weight: normal }
#contactus4 .textarea { width: 250px; height: 30px }
#contactus4 input.text { width: 250px; }
#contactus5 .left { width: 40%; }
#contactus5 .right { width: 60% }
#contactus5 td { padding: 2px 4px; height: 19px }
#contactus5 th { text-align: right; font-weight: normal }
#contactus5 .textarea { width: 250px; height: 30px }
#contactus5 input.text { width: 250px; }
#contactus6 .left { width: 40%; }
#contactus6 .right { width: 60% }
#contactus6 td { padding: 2px 4px; height: 19px }
#contactus6 th { text-align: right; font-weight: normal }
#contactus6 .textarea { width: 250px; height: 30px }
#contactus6 input.text { width: 250px; }
#contactus7 .left { width: 40%; }
#contactus7 .right { width: 60% }
#contactus7 td { padding: 2px 4px; height: 19px }
#contactus7 th { text-align: right; font-weight: normal }
#contactus7 .textarea { width: 250px; height: 30px }
#contactus7 input.text { width: 250px; }
#contactus8 .left { width: 40%; }
#contactus8 .right { width: 60% }
#contactus8 td { padding: 2px 4px; height: 19px }
#contactus8 th { text-align: right; font-weight: normal }
#contactus8 .textarea { width: 250px; height: 30px }
#contactus8 input.text { width: 250px; }
#contactus9 .left { width: 40%; }
#contactus9 .right { width: 60% }
#contactus9 td { padding: 2px 4px; height: 19px }
#contactus9 th { text-align: right; font-weight: normal }
#contactus9 .textarea { width: 250px; height: 30px }
#contactus9 input.text { width: 250px; }
#contactus10 .left { width: 40%; }
#contactus10 .right { width: 60% }
#contactus10 td { padding: 2px 4px; height: 19px }
#contactus10 th { text-align: right; font-weight: normal }
#contactus10 .textarea { width: 250px; height: 30px }
#contactus10 input.text { width: 250px; }
#contactus11 .left { width: 40%; }
#contactus11 .right { width: 60% }
#contactus11 td { padding: 2px 4px; height: 19px }
#contactus11 th { text-align: right; font-weight: normal }
#contactus11 .textarea { width: 250px; height: 30px }
#contactus11 input.text { width: 250px; }
#contactus12 .left { width: 40%; }
#contactus12 .right { width: 60% }
#contactus12 td { padding: 2px 4px; height: 19px }
#contactus12 th { text-align: right; font-weight: normal }
#contactus12 .textarea { width: 250px; height: 30px }
#contactus12 input.text { width: 250px; }
#contactus13 .left { width: 40%; }
#contactus13 .right { width: 60% }
#contactus13 td { padding: 2px 4px; height: 19px }
#contactus13 th { text-align: right; font-weight: normal }
#contactus13 .textarea { width: 250px; height: 30px }
#contactus13 input.text { width: 250px; }
#contactus14 .left { width: 40%; }
#contactus14 .right { width: 60% }
#contactus14 td { padding: 2px 4px; height: 19px }
#contactus14 th { text-align: right; font-weight: normal }
#contactus14 .textarea { width: 250px; height: 30px }
#contactus14 input.text { width: 250px; }
#contactus15 .left { width: 40%; }
#contactus15 .right { width: 60% }
#contactus15 td { padding: 2px 4px; height: 19px }
#contactus15 th { text-align: right; font-weight: normal }
#contactus15 .textarea { width: 250px; height: 30px }
#contactus15 input.text { width: 250px; }
#contactus16 .left { width: 40%; }
#contactus16 .right { width: 60% }
#contactus16 td { padding: 2px 4px; height: 19px }
#contactus16 th { text-align: right; font-weight: normal }
#contactus16 .textarea { width: 250px; height: 30px }
#contactus16 input.text { width: 250px; }
#news_webinars .left { width: 40%; }
#news_webinars .right { width: 60% }
#news_webinars td { padding: 2px 4px; height: 19px }
#news_webinars th { text-align: right; font-weight: normal }
#news_webinars .textarea { width: 250px; height: 30px }
#news_webinars input.text { width: 250px; }
#contactus17 .left { width: 40%; }
#contactus17 .right { width: 60% }
#contactus17 td { padding: 2px 4px; height: 19px }
#contactus17 th { text-align: right; font-weight: normal }
#contactus17 .textarea { width: 250px; height: 30px }
#contactus17 input.text { width: 250px; }
#contactus18 .left { width: 40%; }
#contactus18 .right { width: 60% }
#contactus18 td { padding: 2px 4px; height: 19px }
#contactus18 th { text-align: right; font-weight: normal }
#contactus18 .textarea { width: 250px; height: 30px }
#contactus18 input.text { width: 250px; }
#contactus19 .left { width: 40%; }
#contactus19 .right { width: 60% }
#contactus19 td { padding: 2px 4px; height: 19px }
#contactus19 th { text-align: right; font-weight: normal }
#contactus19 .textarea { width: 250px; height: 30px }
#contactus19 input.text { width: 250px; }
#contactus20 .left { width: 40%; }
#contactus20 .right { width: 60% }
#contactus20 td { padding: 2px 4px; height: 19px }
#contactus20 th { text-align: right; font-weight: normal }
#contactus20 .textarea { width: 250px; height: 30px }
#contactus20 input.text { width: 250px; }
#contactus21 .left { width: 40%; }
#contactus21 .right { width: 60% }
#contactus21 td { padding: 2px 4px; height: 19px }
#contactus21 th { text-align: right; font-weight: normal }
#contactus21 .textarea { width: 250px; height: 30px }
#contactus21 input.text { width: 250px; }
#contactus22 .left { width: 40%; }
#contactus22 .right { width: 60% }
#contactus22 td { padding: 2px 4px; height: 19px }
#contactus22 th { text-align: right; font-weight: normal }
#contactus22 .textarea { width: 250px; height: 30px }
#contactus22 input.text { width: 250px; }
#contactus23 .left { width: 40%; }
#contactus23 .right { width: 60% }
#contactus23 td { padding: 2px 4px; height: 19px }
#contactus23 th { text-align: right; font-weight: normal }
#contactus23 .textarea { width: 250px; height: 30px }
#contactus23 input.text { width: 250px; }
#contactus24 .left { width: 40%; }
#contactus24 .right { width: 60% }
#contactus24 td { padding: 2px 4px; height: 19px }
#contactus24 th { text-align: right; font-weight: normal }
#contactus24 .textarea { width: 250px; height: 30px }
#contactus24 input.text { width: 250px; }
#contactus25 .left { width: 40%; }
#contactus25 .right { width: 60% }
#contactus25 td { padding: 2px 4px; height: 19px }
#contactus25 th { text-align: right; font-weight: normal }
#contactus25 .textarea { width: 250px; height: 30px }
#contactus25 input.text { width: 250px; }
#contactus26 .left { width: 40%; }
#contactus26 .right { width: 60% }
#contactus26 td { padding: 2px 4px; height: 19px }
#contactus26 th { text-align: right; font-weight: normal }
#contactus26 .textarea { width: 250px; height: 30px }
#contactus26 input.text { width: 250px; }
#contactus27 .left { width: 40%; }
#contactus27 .right { width: 60% }
#contactus27 td { padding: 2px 4px; height: 19px }
#contactus27 th { text-align: right; font-weight: normal }
#contactus27 .textarea { width: 250px; height: 30px }
#contactus27 input.text { width: 250px; }
#contactus28 .left { width: 40%; }
#contactus28 .right { width: 60% }
#contactus28 td { padding: 2px 4px; height: 19px }
#contactus28 th { text-align: right; font-weight: normal }
#contactus28 .textarea { width: 250px; height: 30px }
#contactus28 input.text { width: 250px; }
#contactus29 .left { width: 40%; }
#contactus29 .right { width: 60% }
#contactus29 td { padding: 2px 4px; height: 19px }
#contactus29 th { text-align: right; font-weight: normal }
#contactus29 .textarea { width: 250px; height: 30px }
#contactus29 input.text { width: 250px; }
#contactus30 .left { width: 40%; }
#contactus30 .right { width: 60% }
#contactus30 td { padding: 2px 4px; height: 19px }
#contactus30 th { text-align: right; font-weight: normal }
#contactus30 .textarea { width: 250px; height: 30px }
#contactus30 input.text { width: 250px; }
#contactus31 .left { width: 40%; }
#contactus31 .right { width: 60% }
#contactus31 td { padding: 2px 4px; height: 19px }
#contactus31 th { text-align: right; font-weight: normal }
#contactus31 .textarea { width: 250px; height: 30px }
#contactus31 input.text { width: 250px; }
#contactus32 .left { width: 40%; }
#contactus32 .right { width: 60% }
#contactus32 td { padding: 2px 4px; height: 19px }
#contactus32 th { text-align: right; font-weight: normal }
#contactus32 .textarea { width: 250px; height: 30px }
#contactus32 input.text { width: 250px; }
#contactus33 .left { width: 40%; }
#contactus33 .right { width: 60% }
#contactus33 td { padding: 2px 4px; height: 19px }
#contactus33 th { text-align: right; font-weight: normal }
#contactus33 .textarea { width: 250px; height: 30px }
#contactus33 input.text { width: 250px; }
#contactus34 .left { width: 40%; }
#contactus34 .right { width: 60% }
#contactus34 td { padding: 2px 4px; height: 19px }
#contactus34 th { text-align: right; font-weight: normal }
#contactus34 .textarea { width: 250px; height: 30px }
#contactus34 input.text { width: 250px; }
#contactus35 .left { width: 40%; }
#contactus35 .right { width: 60% }
#contactus35 td { padding: 2px 4px; height: 19px }
#contactus35 th { text-align: right; font-weight: normal }
#contactus35 .textarea { width: 250px; height: 30px }
#contactus35 input.text { width: 250px; }
#contactus36 .left { width: 40%; }
#contactus36 .right { width: 60% }
#contactus36 td { padding: 2px 4px; height: 19px }
#contactus36 th { text-align: right; font-weight: normal }
#contactus36 .textarea { width: 250px; height: 30px }
#contactus36 input.text { width: 250px; }
#contactus38 .left { width: 40%; }
#contactus38 .right { width: 60% }
#contactus38 td { padding: 2px 4px; height: 19px }
#contactus38 th { text-align: right; font-weight: normal }
#contactus38 .textarea { width: 250px; height: 30px }
#contactus38 input.text { width: 250px; }
#contactus39 .left { width: 40%; }
#contactus39 .right { width: 60% }
#contactus39 td { padding: 2px 4px; height: 19px }
#contactus39 th { text-align: right; font-weight: normal }
#contactus39 .textarea { width: 250px; height: 30px }
#contactus39 input.text { width: 250px; }
#contactus40 .left { width: 40%; }
#contactus40 .right { width: 60% }
#contactus40 td { padding: 2px 4px; height: 19px }
#contactus40 th { text-align: right; font-weight: normal }
#contactus40 .textarea { width: 250px; height: 30px }
#contactus40 input.text { width: 250px; }
#contactus41 .left { width: 40%; }
#contactus41 .right { width: 60% }
#contactus41 td { padding: 2px 4px; height: 19px }
#contactus41 th { text-align: right; font-weight: normal }
#contactus41 .textarea { width: 250px; height: 30px }
#contactus41 input.text { width: 250px; }
#contactus42 .left { width: 40%; }
#contactus42 .right { width: 60% }
#contactus42 td { padding: 2px 4px; height: 19px }
#contactus42 th { text-align: right; font-weight: normal }
#contactus42 .textarea { width: 250px; height: 30px }
#contactus42 input.text { width: 250px; }
#contactus43 .left { width: 40%; }
#contactus43 .right { width: 60% }
#contactus43 td { padding: 2px 4px; height: 19px }
#contactus43 th { text-align: right; font-weight: normal }
#contactus43 .textarea { width: 250px; height: 30px }
#contactus43 input.text { width: 250px; }
#contactus44 .left { width: 40%; }
#contactus44 .right { width: 60% }
#contactus44 td { padding: 2px 4px; height: 19px }
#contactus44 th { text-align: right; font-weight: normal }
#contactus44 .textarea { width: 250px; height: 30px }
#contactus44 input.text { width: 250px; }
#contactus45 .left { width: 40%; }
#contactus45 .right { width: 60% }
#contactus45 td { padding: 2px 4px; height: 19px }
#contactus45 th { text-align: right; font-weight: normal }
#contactus45 .textarea { width: 250px; height: 30px }
#contactus45 input.text { width: 250px; }
#contactus46 .left { width: 40%; }
#contactus46 .right { width: 60% }
#contactus46 td { padding: 2px 4px; height: 19px }
#contactus46 th { text-align: right; font-weight: normal }
#contactus46 .textarea { width: 250px; height: 30px }
#contactus46 input.text { width: 250px; }
#contactus47 .left { width: 40%; }
#contactus47 .right { width: 60% }
#contactus47 td { padding: 2px 4px; height: 19px }
#contactus47 th { text-align: right; font-weight: normal }
#contactus47 .textarea { width: 250px; height: 30px }
#contactus47 input.text { width: 250px; }
#contactus48 .left { width: 40%; }
#contactus48 .right { width: 60% }
#contactus48 td { padding: 2px 4px; height: 19px }
#contactus48 th { text-align: right; font-weight: normal }
#contactus48 .textarea { width: 250px; height: 30px }
#contactus48 input.text { width: 250px; }
#contactus49 .left { width: 40%; }
#contactus49 .right { width: 60% }
#contactus49 td { padding: 2px 4px; height: 19px }
#contactus49 th { text-align: right; font-weight: normal }
#contactus49 .textarea { width: 250px; height: 30px }
#contactus49 input.text { width: 250px; }
#contactus50 .left { width: 40%; }
#contactus50 .right { width: 60% }
#contactus50 td { padding: 2px 4px; height: 19px }
#contactus50 th { text-align: right; font-weight: normal }
#contactus50 .textarea { width: 250px; height: 30px }
#contactus50 input.text { width: 250px; }
/* --------- GCC Register --------- */
#gcc_registration .left { width: 40%; }
#gcc_registration .right { width: 60% }
#gcc_registration td { padding: 2px 4px; height: 19px }
#gcc_registration th { text-align: right; font-weight: normal }
#gcc_registration .textarea { width: 250px; height: 30px }
#gcc_registration input.text { width: 250px; }
.registration-text { font-size: 1.2em; color: #142C58 !important; }
/* --------- End of GCC Register --------- */
/* --------- WC Register --------- */
#winter_conf26_registration .left { width: 40%; }
#winter_conf26_registration .right { width: 60% }
#winter_conf26_registration td { padding: 2px 4px; height: 19px }
#winter_conf26_registration th { text-align: right; font-weight: normal }
#winter_conf26_registration .textarea { width: 250px; height: 30px }
#winter_conf26_registration input.text { width: 250px; }
/* --------- End of WC Register --------- */
/* --------- GCC Register Mobile Friendly Banner --------- */
.gcc-banner-desktop { display: block; width: 100%; height: auto;}
.gcc-banner-mobile { display: none; width: 100%; height: auto; }
@media only screen and (max-width: 600px) {
.gcc-banner-desktop { display: none; }
.gcc-banner-mobile { display: block; }
}
/* --------- End of GCC Register Mobile Friendly Banner --------- */
#_products_icp_industry_news .left { width: 40%; }
#_products_icp_industry_news .right { width: 60% }
#_products_icp_industry_news td { padding: 2px 4px; height: 19px }
#_products_icp_industry_news th { text-align: right; font-weight: normal }
#_products_icp_industry_news .textarea { width: 250px; height: 30px }
#_products_icp_industry_news input.text { width: 250px; }
#_products_plasma_pro_tips .left { width: 40%; }
#_products_plasma_pro_tips .right { width: 60% }
#_products_plasma_pro_tips td { padding: 2px 4px; height: 19px }
#_products_plasma_pro_tips th { text-align: right; font-weight: normal }
#_products_plasma_pro_tips .textarea { width: 250px; height: 30px }
#_products_plasma_pro_tips input.text { width: 250px; }
#_products_cones_spectroscopy .left { width: 40%; }
#_products_cones_spectroscopy .right { width: 60% }
#_products_cones_spectroscopy td { padding: 2px 4px; height: 19px }
#_products_cones_spectroscopy th { text-align: right; font-weight: normal }
#_products_cones_spectroscopy .textarea { width: 250px; height: 30px }
#_products_cones_spectroscopy input.text { width: 250px; }
#_products_cones_sscience .left { width: 40%; }
#_products_cones_sscience .right { width: 60% }
#_products_cones_sscience td { padding: 2px 4px; height: 19px }
#_products_cones_sscience th { text-align: right; font-weight: normal }
#_products_cones_sscience .textarea { width: 250px; height: 30px }
#_products_cones_sscience input.text { width: 250px; }
#_products_spray_Peltier_Cooled_Cyclonic .left { width: 40%; }
#_products_spray_Peltier_Cooled_Cyclonic .right { width: 60% }
#_products_spray_Peltier_Cooled_Cyclonic td { padding: 2px 4px; height: 19px }
#_products_spray_Peltier_Cooled_Cyclonic th { text-align: right; font-weight: normal }
#_products_spray_Peltier_Cooled_Cyclonic .textarea { width: 250px; height: 30px }
#_products_spray_Peltier_Cooled_Cyclonic input.text { width: 250px; }
#_products_cone_guide .left { width: 40%; }
#_products_cone_guide .right { width: 60% }
#_products_cone_guide td { padding: 2px 4px; height: 19px }
#_products_cone_guide th { text-align: right; font-weight: normal }
#_products_cone_guide .textarea { width: 250px; height: 30px }
#_products_cone_guide input.text { width: 250px; }
#_gemailsignup .left { width: 40%; }
#_gemailsignup .right { width: 60% }
#_gemailsignup td { padding: 2px 4px; height: 19px }
#_gemailsignup th { text-align: right; font-weight: normal }
#_gemailsignup .textarea { width: 250px; height: 30px }
#_gemailsignup input.text { width: 250px; }
#_products_high_vacuum_glass_valves .left { width: 40%; }
#_products_high_vacuum_glass_valves .right { width: 60% }
#_products_high_vacuum_glass_valves td { padding: 2px 4px; height: 19px }
#_products_high_vacuum_glass_valves th { text-align: right; font-weight: normal }
#_products_high_vacuum_glass_valves .textarea { width: 250px; height: 30px }
#_products_high_vacuum_glass_valves input.text { width: 250px; }
#_products_accessories_isomistXS .left { width: 40%; }
#_products_accessories_isomistXS .right { width: 60% }
#_products_accessories_isomistXS td { padding: 2px 4px; height: 19px }
#_products_accessories_isomistXS th { text-align: right; font-weight: normal }
#_products_accessories_isomistXS .textarea { width: 250px; height: 30px }
#_products_accessories_isomistXS input.text { width: 250px; }
#_products_accessories_isomistXR .left { width: 40%; }
#_products_accessories_isomistXR .right { width: 60% }
#_products_accessories_isomistXR td { padding: 2px 4px; height: 19px }
#_products_accessories_isomistXR th { text-align: right; font-weight: normal }
#_products_accessories_isomistXR .textarea { width: 250px; height: 30px }
#_products_accessories_isomistXR input.text { width: 250px; }
#_products_nebs_bytype_seaspray .left { width: 40%; }
#_products_nebs_bytype_seaspray .right { width: 60% }
#_products_nebs_bytype_seaspray td { padding: 2px 4px; height: 19px }
#_products_nebs_bytype_seaspray th { text-align: right; font-weight: normal }
#_products_nebs_bytype_seaspray .textarea { width: 250px; height: 30px }
#_products_nebs_bytype_seaspray input.text { width: 250px; }
#_products_nebs_bytype_mmist .left { width: 40%; }
#_products_nebs_bytype_mmist .right { width: 60% }
#_products_nebs_bytype_mmist td { padding: 2px 4px; height: 19px }
#_products_nebs_bytype_mmist th { text-align: right; font-weight: normal }
#_products_nebs_bytype_mmist .textarea { width: 250px; height: 30px }
#_products_nebs_bytype_mmist input.text { width: 250px; }
#_products_nebs_bytype_duramist .left { width: 40%; }
#_products_nebs_bytype_duramist .right { width: 60% }
#_products_nebs_bytype_duramist td { padding: 2px 4px; height: 19px }
#_products_nebs_bytype_duramist th { text-align: right; font-weight: normal }
#_products_nebs_bytype_duramist .textarea { width: 250px; height: 30px }
#_products_nebs_bytype_duramist input.text { width: 250px; }
#_products_single_cell .left { width: 40%; }
#_products_single_cell .right { width: 60% }
#_products_single_cell td { padding: 2px 4px; height: 19px }
#_products_single_cell th { text-align: right; font-weight: normal }
#_products_single_cell .textarea { width: 250px; height: 30px }
#_products_single_cell input.text { width: 250px; }
#_products_HE-SIS .left { width: 40%; }
#_products_HE-SIS .right { width: 60% }
#_products_HE-SIS td { padding: 2px 4px; height: 19px }
#_products_HE-SIS th { text-align: right; font-weight: normal }
#_products_HE-SIS .textarea { width: 250px; height: 30px }
#_products_HE-SIS input.text { width: 250px; }
#_products_cones .left { width: 40%; }
#_products_cones .right { width: 60% }
#_products_cones td { padding: 2px 4px; height: 19px }
#_products_cones th { text-align: right; font-weight: normal }
#_products_cones .textarea { width: 250px; height: 30px }
#_products_cones input.text { width: 250px; }
#_products_accessories_elegra .left { width: 40%; }
#_products_accessories_elegra .right { width: 60% }
#_products_accessories_elegra td { padding: 2px 4px; height: 19px }
#_products_accessories_elegra th { text-align: right; font-weight: normal }
#_products_accessories_elegra .textarea { width: 250px; height: 30px }
#_products_accessories_elegra input.text { width: 250px; }
#_news_e-news .left { width: 40%; }
#_news_e-news .right { width: 60% }
#_news_e-news td { padding: 2px 4px; height: 19px }
#_news_e-news th { text-align: right; font-weight: normal }
#_news_e-news li { margin-bottom: 5px; }
#_news_e-news .textarea { width: 250px; height: 30px }
#_news_e-news input.text { width: 250px; }
#_news_newsletter .left { width: 40%; }
#_news_newsletter .right { width: 60% }
#_news_newsletter td { padding: 2px 4px; height: 19px }
#_news_newsletter th { text-align: right; font-weight: normal }
#_news_newsletter li { margin-bottom: 5px; }
#_news_newsletter .textarea { width: 250px; height: 30px }
#_news_newsletter input.text { width: 250px; }
#_products_autosampler_probes .left { width: 40%; }
#_products_autosampler_probes .right { width: 60% }
#_products_autosampler_probes td { padding: 2px 4px; height: 19px }
#_products_autosampler_probes th { text-align: right; font-weight: normal }
#_products_autosampler_probes .textarea { width: 250px; height: 30px }
#_products_autosampler_probes input.text { width: 250px; }
#_products_torches_dtorch .left { width: 40%; }
#_products_torches_dtorch .right { width: 60% }
#_products_torches_dtorch td { padding: 2px 4px; height: 19px }
#_products_torches_dtorch th { text-align: right; font-weight: normal }
#_products_torches_dtorch .textarea { width: 250px; height: 30px }
#_products_torches_dtorch input.text { width: 250px; }
#_products_HE-SIS .left { width: 40%; }
#_products_HE-SIS .right { width: 60% }
#_products_HE-SIS td { padding: 2px 4px; height: 19px }
#_products_HE-SIS th { text-align: right; font-weight: normal }
#_products_HE-SIS .textarea { width: 250px; height: 30px }
#_products_HE-SIS input.text { width: 250px; }
#contactusthanks .left { width: 40%; }
#contactusthanks .right { width: 60%; }
#ReturnForm .left { width: 40%; }
#ReturnForm .right { width: 60% }
#ReturnForm td { padding: 2px 4px; height: 19px }
#ReturnForm th { text-align: right; font-weight: normal }
#ReturnForm .textarea { width: 250px; height: 30px }
#ReturnForm input.text { width: 250px; }
#linkmailer td { padding: 2px 4px; height: 19px } /* popup */
#linkmailer th { text-align: right; font-weight: normal }
#linkmailer .textarea { width: 250px; height: 30px }
#linkmailer input.text { width: 250px; }
.calculator { background: #f4f1ee; padding: 20px 40px } /* calculator panels */
#tridentcalculator { width: 500px; }
#pumpflowcalculator { width: 500px; }
#tridentcalculator td { padding: 2px 4px; height: 19px; }
#pumpflowcalculator td { padding: 2px 4px; height: 19px; }
.box th, .box td { border: 2px solid #D0F0F9; padding: 4px 4px; } /* std blue border table */
.box th { background: #D0F0F9; text-align: left; }
.feature th { text-align: center } /* restore to default */
.feature th, .feature td { padding: 6px 4px; }
h2.feature { text-align: center; color: #ff9966; margin-top: 30px }
h2.feature a:link,
h2.feature a:visited,
h2.feature a:hover { color: #ff9966 }
.boxh { border: 2px solid #D0F0F9; background: #D0F0F9; text-align: center; font-weight: bold; padding: 6px 4px; }
.boxd { border: 2px solid #D0F0F9; padding: 6px 4px; border-top: 0 }
div.box { border: 1px solid #D0F0F9 }
div.boxth { border: 1px solid #D0F0F9; background: #D0F0F9; text-align: center; font-weight: bold; padding: 6px 4px; }
div.boxtd { border: 1px solid #D0F0F9; background: #FFFFFF; padding: 6px 4px; }
div.bgcarousel { background: white url(/images/adimages/ajaxload.gif) center center no-repeat; width:350px; height:225px; } /* CSS for main carousel container */
img.navbutton { margin: 90px 5px 5px 5px; opacity:0.5; background-color: white; } /* CSS for the nav buttons */
div.slide { background-color: white; background-position: center center; background-repeat: no-repeat; background-size: cover; color: white; } /* CSS for each image's DIV container within main container */
div.selectedslide { } /* CSS for currently selected slide */
div.slide div.desc { position: absolute; color: white; left: 20px; top: 20px; width:300px; padding: 10px; text-align: center; font: normal 16px sans-serif, Arial; text-shadow: 0 -1px 1px #8a8a8a; z-index:5; } /* DIV that contains the textual description inside .slide */
div.selectedslide div.desc { } /* CSS for currently selected slide's desc div */
div.slide div.desc h2 { font: normal; font-size:140%; color:white; margin: 2px; }
div.slide div.desc a { color:yellow; text-decoration:none; }
#order table { border-collapse: separate; }
#ProfileVid {transition: all 0.5s ease; }
#ProfileVid:hover { opacity: 0.7; }
#InsVid { transition: all 0.5s ease; }
#InsVid:hover { opacity: 0.7; }
#home_btn { padding: 15px 20px; font-size: 18px; text-align: center; color: white; border: none; background-color: #00559F; }
#home_btn:hover { background-color: #616D7C; }
#newsletter_btn { padding: 15px 20px; font-size: 18px; text-align: center; color: white; border: none; background-color: #00BCE4; }
#newsletter_btn:hover { background-color: #616D7C; }
/* --------- Responsive Videos --------- */
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* --------- END OF Responsive Videos --------- */
/* --------- Mobile Friendly Rules --------- */
.left_column { width: 40%; float: left; margin-right: 10%;}
.center_column { width: 40%; margin: auto;}
.right_column { width: 50%; overflow: hidden;}
.table_blue_padding > tbody > tr > th,
.table_blue_padding > tbody > tr > td { font-size: 14px; border: 2px solid #D0F0F9; padding: 4px 4px; } /* std blue border table */
.table_blue_padding > tbody > tr > th { font-size: 14px; background: #D0F0F9; text-align: left; }
.table_no-border_padding > tbody > tr > th,
.table_no-border_padding > tbody > tr > td { font-size: 14px; border: none; padding: 0px 0px; } /* std blue border table */
.table_no-border_padding > tbody > tr > th { font-size: 14px; background: #D0F0F9; text-align: left; }
.part-no_no-break { white-space:nowrap; }
/* --------- Form and Fields --------- */
.form_container { width: 400px; margin-bottom: 10px;}
.center_column .form_container { width: 100%; margin-bottom: 10px;}
.user_input { width: 100%; height: auto; padding: 5px 0; }
.user_input_label { width: 100%; display:flex; padding-bottom: 3px; }
.user_input_textarea { width: 100%; height: auto; padding: 5px 0;}
.user_input_center { width: 100%; height: auto; padding: 5px 0; display: flex; align-items: center; justify-content: center;}
.user_input_end { width: 100%; height: auto; padding: 5px 0; display: flex; align-items: center; justify-content: flex-end; }
.user_input_start { width: 100%; height: auto; padding: 5px 0; display: flex; align-items: center; justify-content: flex-start; }
.user_input_select { width: 200px; height: auto; border-radius: 25px; padding: 5px 15px; text-align: center;
/* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%);
background-position: calc(100% - 25px) calc(.8em ), calc(100% - 20px) calc(.8em ), calc(100% - 2.5em) 0.5em;
background-size:5px 5px,5px 5px,1px 1.5em; background-repeat: no-repeat;}
.user_input_field { width: 100%; height: auto; padding: 5px 10px; box-sizing: border-box; font-size: 14px;}
.user_input_checkbox { width: 50px; height: 20px; padding: 5px 0; }
.user_label_checkbox { padding: 10px; }
.user_input_message { width: 100%; height: 50px; padding: 5px 10px; box-sizing: border-box; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.form_input_submit { background: #E0E0E0; padding: 8px 14px; margin-bottom: 10px; cursor: pointer; font-weight: bold;}
.form_input_submit:hover { background: #00559F; color: #fff;}
/* -- If you want to move an elements position when the page is displayed on smaller devices -- */
.landing_text { display: none; }
.landing_image { display: block; }
.landing_image_small { display: none }
.landing_button_container { display: none }
.ul_dot-point { width: 100%; margin-bottom: 30px;}
.ul_no-list-style { width: 100%; margin-bottom: 30px; list-style: none;}
.left_column ul li { margin-bottom: 5px; padding: 10px 10px;}
.center_column ul li { margin-bottom: 5px; padding: 10px 10px;}
.landing_button_h2 { margin-top: 15px; }
.landing_button_blue { display: inline; text-align: center; font-size: 14px !important; line-height: 18px; padding: 8px 15px; background-color: #D0F0F9; color: #000000 !important; border-radius: 3px;}
.download_container { width: 600px; height: auto; display: flex; justify-content: space-around; }
.download_tile img { border: 1px solid #000;}
@media only screen and (max-width: 992px) {
.left_column { width: 100%; }
.center_column { width: 100%; }
.right_column { width: 100%; overflow: hidden;}
.left_column td { font-size: 16px; }
.center_column td { font-size: 16px; }
.right_column td { font-size: 16px; }
.left_column h1 { font-size: 18px; line-height: 22px; }
.center_column h1 { font-size: 18px; line-height: 22px; }
.right_column h1 { font-size: 18px; line-height: 22px; }
.left_column h2 { font-size: 14px; line-height: 20px; }
.center_column h2 { font-size: 14px; line-height: 20px; }
.right_column h2 { font-size: 14px; line-height: 20px; }
.left_column h3 { font-size: 14px; line-height: 20px; }
.center_column h3 { font-size: 14px; line-height: 20px; }
.right_column h3 { font-size: 14px; line-height: 20px; }
.left_column p { font-size: 14px; line-height: 18px; }
.center_column p { font-size: 14px; line-height: 18px; }
.right_column p { font-size: 14px; line-height: 18px; }
.left_column a { font-size: 14px; line-height: 18px; }
.center_column a { font-size: 14px; line-height: 18px; }
.right_column a { font-size: 14px; line-height: 18px; }
.left_column li { font-size: 14px; line-height: 18px; }
.center_column li { font-size: 14px; line-height: 18px; }
.right_column li { font-size: 14px; line-height: 18px; }
.table_blue_padding { display: none; }
.table_no-border_padding { display: none; }
/* --------- Form and Fields --------- */
.form_container { width: 100%; margin-bottom: 10px;}
.user_input { width: 100%; height: auto; padding: 5px 0; }
.user_input_label { width: 100%; display:flex; padding-bottom: 3px; font-size: 14px;}
.user_input_textarea { width: 100%; height: auto; padding: 5px 0;}
.user_input_center { width: 100%; height: auto; padding: 5px 0; display: flex; align-items: center; justify-content: center;}
.user_input_end { width: 100%; height: auto; padding: 5px 0; display: flex; align-items: center; justify-content: flex-end; }
.user_input_start { width: 100%; height: auto; padding: 5px 0; display: flex; align-items: center; justify-content: flex-start; }
.user_input_select { width: 200px; height: auto; border-radius: 25px; padding: 5px 15px; text-align: center; font-size: 16px;
/* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%);
background-position: calc(100% - 25px) calc(.8em ), calc(100% - 20px) calc(.8em ), calc(100% - 2.5em) 0.5em;
background-size:5px 5px,5px 5px,1px 1.5em; background-repeat: no-repeat;}
.user_input_field { width: 100%; height: auto; padding: 5px 10px; box-sizing: border-box; font-size: 16px;}
.user_input_checkbox { width: 50px; height: 20px; padding: 5px 0; }
.user_label_checkbox { padding: 20px 10px; font-size: 16px;}
.user_input_message { width: 100%; height: 50px; padding: 5px 10px; box-sizing: border-box; font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
.form_input_submit { background: #E0E0E0; width: 60%; padding: 8px 14px; margin-bottom: 10px; cursor: pointer; font-weight: bold; font-size: 16px;}
.form_input_submit:hover { background: #00559F; color: #fff;}
/* -- Sets image maximum width to 100% of column on small devices -- */
.image_max_100 { max-width: 100% }
/* -- If you want to move an images position when the page is displayed on smaller devices -- */
.landing_text { display: block; }
.landing_image { display: none; }
.landing_image_small { display: block }
.landing_button_container { display: block }
.download_container { width: 100%; height: auto; display: flex; justify-content: space-around; }
.download_tile { width: 40%;}
.download_tile img { width: 100%;}
}
/* --------- END OF Mobile Friendly Rules --------- */