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; }
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: 150px; 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: 130px; }
#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 { }
#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: 59% }
#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; }
#contactusthanks .left { width: 40%; }
#contactusthanks .right { width: 59%; }
#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; }
h1.feature { text-align: center; color: #ff9966; margin-top: 30px }
h1.feature a:link,
h1.feature a:visited,
h1.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; }
#order table { border-collapse: separate; }