.holder { height:auto; width:240px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .holder p { border-left:1px solid #333; border-right:1px solid #333; padding:3px 3px 0px 3px; margin:0px; } .top { width:238px; height:25px; border: 1px solid #333; /* IEgen */ background: url(graphics/bluebox.jpg) no-repeat center center; margin: 0; padding: 0; /* IE10 */ background-image: -ms-linear-gradient(top, #0AB0F7 0%, #0A30EF 100%); /* Firefox */ background-image: -moz-linear-gradient(top, #0AB0F7 0%, #0A30EF 100%); /* Opera */ background-image: -o-linear-gradient(top, #0AB0F7 0%, #0A30EF 100%); /* Safari/C10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0AB0F7), color-stop(1, #0A30EF)); /* Chrome 11+) */ background-image: -webkit-linear-gradient(top, #0AB0F7 0%, #0A30EF 100%); /* Proposed W3C*/ background-image: linear-gradient(top, #0AB0F7 0%, #0A30EF 100%);} .top h5 { margin:0; line-height:25px; padding:0px 0px 0px 10px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; color: white; } .bottom { width:238px; height:3px; border-bottom: 1px solid #333; border-left:1px solid #333; border-right:1px solid #333; } /* -webkit for Safari and Google Chrome -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px; */ /* -moz for Firefox, Flock and SeaMonkey -moz-border-radius-bottomright:12px; -moz-border-radius-bottomleft:12px; */ .blueboxmenu { width:240px; height:214px; border: 1px solid #333; /* IEgen */ background: url(graphics/bluebox.jpg) no-repeat center center; margin: 0; padding: 0; /* IE10 */ background-image: -ms-linear-gradient(top, #0AB0F7 0%, #0A30EF 100%); /* Firefox */ background-image: -moz-linear-gradient(top, #0AB0F7 0%, #0A30EF 100%); /* Opera */ background-image: -o-linear-gradient(top, #0AB0F7 0%, #0A30EF 100%); /* Safari/C10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0AB0F7), color-stop(1, #0A30EF)); /* Chrome 11+) */ background-image: -webkit-linear-gradient(top, #0AB0F7 0%, #0A30EF 100%); /* Proposed W3C*/ background-image: linear-gradient(top, #0AB0F7 0%, #0A30EF 100%);} .style01 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000066; } .style02 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333333; position:relative; left:5px; top:0px;}} .style09 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #0000FF; TEXT-DECORATION: none;} .style10 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333333; } .style11 {font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #333333; } .style12 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF0000; } .style14 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style15 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; } .style16 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF6600; } .style17 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .style18 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style19 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style20 {font-size: 30px; font-family: Arial, Helvetica, sans-serif; } .style21 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FF6600; } .style22 {font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #000066; } .style23 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FF0000; } .style24 {font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style25 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .style26 {font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000066; } .style27 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000066; } .style28 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #777777; } .style29 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #777777; } .style30 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000; } .style31 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000066; } .style32 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000066; } .style33 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000066; } .style34 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #CCCCFF; } .style35 {font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0000CC; } .style36 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000066; } .style37 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0099FF; } .style38 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000; } .style39 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000; } .style40 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; } .style41 {font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000066; } .style42 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000066; } .style43 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000066; } .style44 {font-weight: bold} .style45 {font-style: italic} .style46 {color: #FF0000; font-weight: bold;} .style47 {font-size: 8px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0099FF; } .style48 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000; font-style: italic} .style49 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0066CC; font-style: italic} .style50 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0066CC; font-style: italic} .style51 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333333; } .style52 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000066; } .style53 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #0066CC; font-style: italic} .style54 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #444444; } .style55 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #0099FF; } /* font-weight: bold; in HTML */ .style56 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #0066CC; } .style57 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #444444; TEXT-DECORATION: none;} .style58 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #666666; TEXT-DECORATION: none;} .style58:hover {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0000CC; TEXT-DECORATION: none;} .style59 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333333; TEXT-DECORATION: none;} .style60 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: white ; TEXT-DECORATION: none; position:relative; left:15px; top:0px;} .style60:hover {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: darkblue; TEXT-DECORATION: none; position:relative; left:15px; top:0px;} .style61 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: darkblue; TEXT-DECORATION: none; position:relative; left:15px; top:0px;} .style62 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF6600; } .style63 {font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000066; } .style64 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #444444; } .style65 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #666666; } .style66 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: darkblue; TEXT-DECORATION: none; position:relative; left:15px; top:0px;} .style70 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333333; TEXT-DECORATION: none;} .style70:hover {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; TEXT-DECORATION: none;} .style71 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; TEXT-DECORATION: none;} .style71:hover {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF0000; TEXT-DECORATION: none;} .style72 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; TEXT-DECORATION: none;} .style73 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #0066CC; font-style: italic} .style74 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #0066CC; font-style: italic} .style99 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF0000; } .style99 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF0000; } .style100 {font-size: 09px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; } .style101 {font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; color: #FFFFFF; position:relative; left:-5px;top:9px; line-height:120%;} .style102 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000066; } .style103 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333333; TEXT-DECORATION: none;} .style103:hover {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF0000; TEXT-DECORATION: none;} .filtertext1 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; float:left; width: 695px; text-align:justify; position:relative; left:5px;top:0px; line-height:120%;} .whitesheethead {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; position:relative; left:28px;top:-10px; color: #000066;} .whitesheet1tx1 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; float:left; width: 628px; text-align:justify; position:relative; left:28px;top:-20px; line-height:120%;} .whitesheet1tx2 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; float:left; width: 628px; text-align:justify; position:relative; left:28px;top:-10px; line-height:120%;} .boxtext1 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; float:left; width: 690px; text-align:justify; position:relative; left:15px;top:0px; line-height:100%;} .boxtext2 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; float:left; width: 670px; text-align:justify; position:relative; left:18px;top:0px; line-height:100%;} .offertext {font-size: 14px; font-family: Arial, Helvetica, sans-serif; float:left; width: 480px; text-align:justify; position:relative; left:181px;top:-65px;} .offerhead {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF0000; position:relative; left:30px; top:-70px;} .introtext {font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 628px; text-align:justify; line-height:120%;} .customertext {font-size: 14px; font-family: Arial, Helvetica, sans-serif; width: 628px; text-align:justify; line-height:120%;} .othead {font-size: 38px; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; position:relative;left:305px;top:-10px; color: #0099FF;} .otsubhead {font-size: 16px; font-family: Tahoma, Helvetica, sans-serif; position:relative;left:307px;top:-5px;} .ottext {font-size: 12px; font-family: Arial, Helvetica, sans-serif; position:relative;left:325px;top:10px; TEXT-DECORATION: none;} .saletexth {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; position:relative; left:27px; top:0px;line-height:150%;} .saletextb {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; position:relative; left:30px; top:0px;line-height:185%;} .saletext {font-size: 12px; font-family: Arial, Helvetica, sans-serif; position:relative; left:20px; top:0px;line-height:185%;} .popheads {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; position:relative; left:-1px; top:0px;line-height:110%;} .poptext {font-size: 10px; font-family: Arial, Helvetica, sans-serif; position:relative; left:15px; top:0px;line-height:100%; color: #0066CC; } .syscontent1 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; position:relative; left:80px;top:-30px; color: #000066;} .syscontent2 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; position:relative; left:100px;top:-20px; line-height:120%;} .syscontent3 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; position:relative; left:100px;top:-15px;} .syscontent4 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF0000; position:relative; left:50px;top:3px;line-height:90%;} .selfinstall {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: white; position:relative; left:12px;top:10px;} .whychoose {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; position:relative; left:0px;top:22px;} .plinks {font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: white; position:relative; left:12px;top:10px; line-height:175%;} .alinks {font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: darkblue; position:relative; left:0px;top:0px; line-height:155%; TEXT-DECORATION: none;} .whyhead {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; position:relative; left:10px;top:5px; line-height:165%;} .whytext {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333333; position:relative; left:10px;top:5px; text-align:justify;} .back-clear1 {background: url(graphics/clear705x185bev.jpg) no-repeat center top; margin: 0; padding: 0;} .back-clear2 {background: url(graphics/clear707x75bev.jpg) no-repeat center center; margin: 0; padding: 0;} .bluebox {background: url(graphics/bluebox.jpg) no-repeat center center; margin: 0; padding: 0;} .blueback {background: url(graphics/buttons/blueback.jpg) no-repeat center center; margin: 0; padding: 0;} .yellowback {background: url(graphics/buttons/yellowback.jpg) no-repeat center center; margin: 0; padding: 0;} .whitesheet {background: url(graphics/whitesheet.jpg) no-repeat left top; margin: 0; padding: 0;} .whitesheet1 {background: url(graphics/whitesheet1.jpg) no-repeat left top; margin: 0; padding: 0;} .whitesheet2 {background: url(graphics/whitesheet2.jpg) no-repeat left top; margin: 0; padding: 0;} .whitesheet3 {background: url(graphics/whitesheet3.jpg) no-repeat center top; margin: 0; padding: 0;} .whitesheet4 {background: url(graphics/whitesheet4.jpg) no-repeat center top; margin: 0; padding: 0;} .salesheet {background: url(graphics/salesheet.jpg) no-repeat left top; margin: 0; padding: 0;} .header1 {background: url(graphics/header1.jpg) no-repeat left top; margin: 0; padding: 0;} .whitetext3 {position:relative; left:-14px;top:-20px;} .whitetext4 {position:relative; left:-14px;top:25px;} .selqty {position:relative; left:19px;top:0px;} .filterqty1 {position:relative; left:19px;top:-4px;} .filterqty2 {position:relative; left:19px;top:-4px;} .filterqty3 {position:relative; left:19px;top:-4px;} .filterqty4 {position:relative; left:19px;top:-4px;} .pipesize1 {position:relative; left:19px;top:0px;} .pipesize2 {position:relative; left:19px;top:0px;} .buynow1 {position:relative; left:220px;top:10px;} .buynow2 {position:relative; left:220px;top:10px;} .buynow3 {position:relative; left:220px;top:10px;} .buynow4 {position:relative; left:220px;top:10px;} .buynow5 {position:relative; left:30px;top:35px;} .buynow6 {position:relative; left:0px;top:35px;} .buynow7 {position:relative; left:30px;top:35px;} .buynow8 {position:relative; left:0px;top:35px;} .buynow9 {position:relative; left:220px;top:25px;} .buynow10 {position:relative; left:0px;top:35px;} .readmore1 {position:relative; left:-294px;top:36px;} .readmore2 {position:relative; left:-324px;top:36px;} .readmore3 {position:relative; left:-294px;top:36px;} .readmore4 {position:relative; left:-324px;top:36px;} .addthis {position:relative; left:325px;top:8px;} .buttons {position:relative; left:134px;top:-4px;} .intappos {position:relative; left:20px;top:24px;} a.hlinks:link {color: white; TEXT-DECORATION: none;} a.hlinks:visited {color: white; TEXT-DECORATION: none;} a.hlinks:hover {color: darkblue;TEXT-DECORATION: none;} a.hlinks:active {color: white; TEXT-DECORATION: none;} .help {cursor: help;} .tab {border-style:hidden;} h1 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} h2 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} h3 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} img.opac {opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */} img.opac:hover {opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */} #popup { /* Necessary: */ position: absolute; display: none; z-index: 10; /* Additional styling: */ width: 225px; * font-size: xx-medium; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; * background-color: #FF9702; background-color: #0191F4; * background-color: #999999; border: 1px dotted #000000; opacity: .95; filter: alpha(opacity=100);