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, select { font-size: 12px; border: 1px solid #cccccc; background: #e7f7fc }
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: #000000; font-style: italic }
a.download:link { color: #000000; text-decoration: underline; }
a.download:visited { color: #000000; text-decoration: underline; }
a.download:hover { color: #000000; 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 { 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 .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; }
#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;
}
/* Disable bootstrap display flex */
@media (min-width: 768px)
.row {
display: block;
}