html, body{margin:0px 0 0 0; padding:0; text-align:left; background:#000 repeat-y fixed center top;
color:#fff; font:12px Arial, "Handel Gothic Italic", "Handel Gothic","Garamond", verdana, "century Gothic", arial;}
p{padding:1px 0px 1px 0px; font: 14px Arial, "Arial Rounded MT Bold", "Arial Black", Arial; margin:0px 0px 0px 0px; }
h1{ font-family: "Handel Gothic Italic", "Handel Gothic","Garamond", verdana, "century Gothic", arial;
font-size: 20px; text-decoration: none;}
h3{padding:4px 0px 4px 0px; font-family: Arial,"Garamond", verdana, "century Gothic", arial;
font-size: 14px; text-decoration: none; font-weight: bold; margin:0px 0px 0px 0px; }
a:link, a:visited { font-weight: bold; text-decoration: none; color:#ffff00;}
/*a:visited { font-weight: normal; text-decoration: line-through; color:#5EFF08;}*/
a:hover, a:active { text-decoration:underline; color:#ffff00;}
img{border-style: none;text-decoration: none;}
#pagewidth{ position:relative; width:1030px; height:760px;background: url(Images/Background-01.gif) no-repeat left; border: 0px solid #f00;
text-align:left; margin-left:auto; margin-right:auto; }
#maincontent{height:705px;}
#headerold{position:relative; top:0; left:0; height:107px; background-color:#000; width:496px;}
.green{ color:#5EFF08; font-weight: bold;}
.yellow{ color:#ffff00; font-weight: bold;}
#header h1 {position:absolute; top:0; left:0; height:107px; margin:0px 0px 0px 0px; padding:0;
background: url(Images/headers/Power8workshop_bigLogo.gif) no-repeat left;
width:496px; text-indent: -2000px; }
#header h2{position:absolute; top:107px; left:194px; height:26px; margin:0px 0px 0px 0px; padding:0; background: url(Images/headers/Unparalleled-strap.gif) no-repeat left;
width:302px; text-indent: -2000px; }
#navcontainer{position:absolute; top:107px; left:194px; height:26px; width:302px;}
#navfooter1 {position:absolute; bottom:35px; right:20px; width:500px; height:100px; margin:0; padding:0;
border:2px solid #333333; overflow:hidden;}
#navlist2 {display:block; width:500px; height:100px; padding:0; margin:0px;}
#navlist2 ul {margin: 0; padding: 0; list-style-type:none;}
#navlist2 li {float:left; margin-right:0px;}
#navlist2 li.menu11 {width:79px; background:transparent url(Images/buttons/Handle-sml1.jpg) no-repeat;}
#navlist2 li.menu12 {width:109px; background:transparent url(Images/buttons/Drill-sml1.jpg) no-repeat;}
#navlist2 li.menu13 {width:126px; background:transparent url(Images/buttons/CircSaw-sml1.jpg) no-repeat;}
#navlist2 li.menu14 {width:106px; background:transparent url(Images/buttons/JigSaw-sml1.jpg) no-repeat;}
#navlist2 li.menu15 {width:80px; background:transparent url(Images/buttons/Torch-sml1.jpg) no-repeat;}
#navlist2 a{display:block; height:0; padding-top:100px; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #navlist2 a:link, * html #navlist2 a:visited {height:98px; he\ight:0;}
#navlist2 a#item11 {background:transparent url(Images/buttons/Handle-sml2.jpg) -105px -65px no-repeat;}
#navlist2 a#item12 {background:transparent url(Images/buttons/Drill-sml2.jpg) -105px -65px no-repeat;}
#navlist2 a#item13 {background:transparent url(Images/buttons/CircSaw-sml2.jpg) -160px -65px no-repeat;}
#navlist2 a#item14 {background:transparent url(Images/buttons/JigSaw-sml2.jpg) -160px -65px no-repeat;}
#navlist2 a#item15 {background:transparent url(Images/buttons/Torch-sml2.jpg) -160px -65px no-repeat;}
#navlist2 a#item11:hover {background-position:0 0; z-index:50;}
#navlist2 a#item12:hover {background-position:0 0; z-index:50;}
#navlist2 a#item13:hover {background-position:0 0; z-index:50;}
#navlist2 a#item14:hover {background-position:0 0; z-index:50;}
#navlist2 a#item15:hover {background-position:0 0; z-index:50;}
* html #navlist2 a:hover {height:98px; he\ight:0;}
/* end nav menu css for image replacement */
#rightcol{position:absolute; top:0; z-index:0; left:505px; height:580px; overflow:auto;
width:505px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 505px; padding:0 0 0 0px; margin:0px; border: 0px solid #f00; }
/* description text right column */
.rsidebox {background:#000; margin-top: 5px ; height:150px;
width: 500px; /* ems so it will grow */
font-size: 100%; margin-bottom:5px; border: 2px solid #333333;}
.rboxhead { margin: 0; padding: 0; text-align: left;}
.rboxhead h2 {margin: 0; padding: 5px 0px 0px 10px; color:#5EFF08;
font-size: 14px; }
.rboxbody {overflow:auto; margin: 0 0 0px 0; padding: 0px 10px 3px 10px; color:#ffffff; }
.linkbutton1{background:fff00;}
/* spec box */
.specbox { background:#000000; margin-top: 5px ; padding:0;
width: 500px; /* ems so it will grow */
margin-bottom:0px; border: 2px solid #333333;
background: url(Images/buttons/SpecBoxBottom.gif) repeat-x bottom right;}
.specboxhead {background: url(Images/buttons/SpecBoxTop.gif) repeat-x top right; margin: 0;
padding: 0; text-align: left;}
.specboxhead h2 {margin: 0; padding: 3px 0px 3px 10px; font-family: Arial, Helvetica, sans-serif;
font-size:14px; color: #ffffff; }
.specboxbody {background: url(Images/buttons/SpecBoxBottom.gif) repeat-x bottom left;
margin: 0 0 0px 0; padding: 0px 10px 0px 10px; height:100%; }
.specboxbody p{font-size:12px; color: #000000; font-family: Arial, Helvetica, sans-serif; margin:0; padding:2px 0 2px 0; }
.specboxbody ul{margin: 0; padding: 0; list-style-type:none;}
.specboxbody li {float:left; margin-right:0px;}
.right1{text-align:right; margin:0 5px 0 0; padding:0;}
.txtleft{clear:both; margin :0; padding:0; }
.txtright{float:right; margin :0; padding:0; }
.specs{height:18px; margin:0; padding:0; background:url(Images/buttons/specs-sml.gif) no-repeat center;
width:110px; text-indent: -2000px; }
#maincol{ position: relative; float: left; height:610px; width:100%;
margin:0; padding:84px 0 0 0px; color:#fff;
text-align:left; }
#BenchProds {width: 429px; height: 599px; background: url(Images/buttons/BenchProds-main-01_03.jpg);
margin: 0 0 0 32px; padding: 0px; position: relative;}
#BenchProds li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#BenchProds a {display: block; height:0; border: solid 0px #f00; overflow:hidden; text-indent: -2000px; }
#bench1 {left: 1px; top: 0px; width: 210px; height: 288px;}
#bench2 {left: 16px; top: 204px; width: 297px; height: 204px;}
#bench3 {left: 23px; top:316px; width: 405px; height: 250px;}
#bench1 a {height: 288px; }
#bench2 a {height: 220px;}
#bench3 a {height: 300px;}
#bench1 a:hover {background: url(Images/buttons/BenchProds-links1.jpg) -1px 0px no-repeat;}
#bench2 a:hover {background: url(Images/buttons/BenchProds-links2.jpg) -16px -204px no-repeat;}
#bench3 a:hover {background: url(Images/buttons/BenchProds-links1.jpg) -23px -316px no-repeat;}
.armour{position:absolute; top:136px; left:257px; height:44px; width:233px; margin:0; padding:0; background: url(Images/headers/workshop-strap-2.gif) no-repeat center; text-indent: -2000px; }
.armourold{position:absolute; bottom:0; right:0; height:38px; width:563px; margin:0; padding:0; background: url(Images/headers/FullWorkshop-txt.gif) no-repeat center; text-indent: -2000px; }
.tools1{position:absolute; top:580px; left:10px; height:105px; width:219px; margin:0; padding:0; background: url(Images/headers/BenchTopTools-strap.gif) no-repeat center; text-indent: -2000px; }
.flash{width: 500px; border: 2px solid #333333; background:#000; margin: 5px 0 0 0 ; padding:0px;}
.power8{height:25px; margin:0; padding:0; background: url(Images/headers/Power8works-sml.gif) no-repeat center;
width:144px; text-indent: -2000px; }
.lsidebox {width: 500px; /* ems so it will grow */ margin-top: 5px ;
font-size: 100%; margin-bottom:5px; border: 2px solid #333333; background:#000;}
.lboxhead { margin: 0; padding: 0; text-align: left;}
.lboxhead h2 {margin: 0; padding: 5px 0px 0px 10px; color:#5EFF08; font-size: 14px;}
.lboxbody { margin: 0 0 0px 0; padding: 0px 10px 3px 10px; }
.lsidebox2 {width: 500px; /* ems so it will grow */ margin-top: 5px ;
font-size: 100%; margin-bottom:5px; border: 2px solid #333333;
background:#000; overflow:auto;}
/* heading images */
.contact{height:25px; margin:0; padding:0; background: url(Images/buttons/Contact2.gif) no-repeat center; width:63px; text-indent: -2000px; }
.buy{height:25px; margin:0; padding:0; background: url(Images/buttons/WhereToBuy-2.gif) no-repeat center; width:109px; text-indent: -2000px; }
.drillpress{height:25px; margin:0; padding:0; background: url(Images/buttons/DrillPress-sml.gif) no-repeat center; width:87px; text-indent: -2000px; }
.scroll{height:25px; margin:0; padding:0; background: url(Images/buttons/Scroll-Saw-sml.gif) no-repeat center; width:87px; text-indent: -2000px; }
.tablesaw{height:25px; margin:0; padding:0; background: url(Images/buttons/TableSaw-sml.gif) no-repeat center; width:87px; text-indent: -2000px; }
.drill{height:25px; margin:0; padding:0; background: url(Images/buttons/drill-sml.gif) no-repeat center; width:128px; text-indent: -2000px; }
.handle{height:25px; margin:0; padding:0; background: url(Images/buttons/handle-sml.gif) no-repeat center; width:112px; text-indent: -2000px; }
.circ{height:25px; margin:0; padding:0; background: url(Images/buttons/circ-sml.gif) no-repeat center; width:128px; text-indent: -2000px; }
.jig{height:25px; margin:0; padding:0; background: url(Images/buttons/jig-sml.gif) no-repeat center; width:97px; text-indent: -2000px; }
.torch{height:25px; margin:0; padding:0; background: url(Images/buttons/torch-sml.gif) no-repeat center; width:115px; text-indent: -2000px; }
.instructions{height:18px; margin:0; padding:0; background: url(Images/buttons/Usermanuals.gif) no-repeat center; width:104px; text-indent: -2000px; }
.downloads{height:25px; margin:0; padding:0; background: url(Images/buttons/Downloads-sml.gif) no-repeat center; width:87px; text-indent: -2000px; }
.faq{height:25px; margin:0; padding:0; background: url(Images/buttons/FAQ-sml.gif) no-repeat center; width:38px; text-indent: -2000px; }
.promo{height:25px; margin:0; padding:0; background: url(Images/buttons/PromotionalMovies-sml.gif) no-repeat center; width:153px; text-indent: -2000px; }
.dview1{height:25px; margin:0; padding:0; background: url(Images/buttons/3dView-sml.gif) no-repeat center; width:71px; text-indent: -2000px; }
.floatright{float: left; margin: 0 0 10px 00px; border: 0px solid #fff;
padding: 0px; clear: right;}
#centltd h3{position:absolute; top:469px; left:16px; height:56px; margin:0px 0px 0px 0px; padding:0; background: url(Images/headers/cel-smllogo.gif) no-repeat left;
width:96px; text-indent: -2000px; }
#copyright h4{
position:absolute;
top:670px;
right:20px;
height:56px;
margin:0px 0px 0px 0px;
padding:0;
font-family: Arial, "Handel Gothic", "Garamond", verdana, "century Gothic", arial;
color:#fff;
font-size: 10px;
text-decoration: none;
font-weight: bold;
font-style: italic;
}
#footer {position:absolute; top:180px; left:380px; padding: 0px; margin:0px; }
#footer h1 {height:38px; margin:0px 0px 0px 0px; padding:0; width:125px;
background: url(Images/headers/CEL-logo-sml.gif) no-repeat ; text-indent: -2000px;}
/* begin home etc navigation */
#navlist { display: block; width:110px; padding:7px 0 0 0; margin:0px 4px 0 0; }
#navlist ul {margin: 0; padding: 0; list-style:none; text-align:right;}
#navlist li {margin:0px; text-align:right; float:right; clear:right; }
#navlist li.menu1 {width:47px; background:transparent url(Images/buttons/Home-1.gif) no-repeat; }
#navlist li.menu2 {width:105px; background:transparent url(Images/buttons/Buy-1.gif) no-repeat;}
#navlist li.menu3 {width:63px; background:transparent url(Images/buttons/Contact-1.gif) no-repeat;}
#navlist li.menu4 {width:84px; background:transparent url(Images/buttons/global-1.gif) no-repeat;}
#navlist li.menu5 {width:84px; background:transparent url(Images/buttons/Download-1.gif) no-repeat;}
#navlist li.menu6 {width:40px; background:transparent url(Images/buttons/FAQ-1.gif) no-repeat;}
#navlist li.menu7 {width:69px; background:transparent url(Images/buttons/3d-2.gif) no-repeat; }
#navlist li.menu8 {width:105px; background:transparent url(Images/buttons/VidMan-2.gif) no-repeat; }
#navlist a{display:block; height:0; padding-top:25px; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #navlist a:link, * html #navlist a:visited {height:23px; he\ight:0;}
#navlist a#item1 {background:transparent url(Images/buttons/Home-2.gif) -28px -50px no-repeat;}
#navlist a#item2 {background:transparent url(Images/buttons/Buy-2.gif) -28px -110px no-repeat;}
#navlist a#item3 {background:transparent url(Images/buttons/Contact-2.gif) -28px -65px no-repeat;}
#navlist a#item4 {background:transparent url(Images/buttons/global-2.gif) -40px -90px no-repeat;}
#navlist a#item5 {background:transparent url(Images/buttons/Download-2.gif) -40px -90px no-repeat;}
#navlist a#item6 {background:transparent url(Images/buttons/FAQ-2.gif) -40px -45px no-repeat;}
#navlist a#item7 {background:transparent url(Images/buttons/3d-1.gif) -40px -72px no-repeat;}
#navlist a#item8 {background:transparent url(Images/buttons/VidMan-1.gif) -40px -110px no-repeat;}
#navlist a#item1:hover {background-position:0 0; z-index:50;}
#navlist a#item2:hover {background-position:0 0; z-index:50;}
#navlist a#item3:hover {background-position:0 0; z-index:50;}
#navlist a#item4:hover {background-position:0 0; z-index:50;}
#navlist a#item5:hover {background-position:0 0; z-index:50;}
#navlist a#item6:hover {background-position:0 0; z-index:50;}
#navlist a#item7:hover {background-position:0 0; z-index:50;}
#navlist a#item8:hover {background-position:0 0; z-index:50;}
* html #navlist a:hover {height:25px; he\ight:0;}
/* end home etc navigation */
.clr{clear:both;}
.clrleft{clear:left;}
.clrright{clear:right;}
/*printer styles*/
@media print{
/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}