/*S3 Page Layout CSS Document - ENTIRE PAGE Container that allows liquid centering*/
#outercontainer{text-align: left;/*border:red thin dotted;*/}
*{ margin: 0; padding: 0;}
body{text-align: center;}

/*Services2*/
#services2{float:left;/*height:100%;width:800px;*/margin-left:-250px;border:thin dotted red;}
  services2-side{float:left;height:-150px;width:125px;margin-left:-100px;border:thin dotted red;}
  services1-block{float:left;height:100%;width:800px;margin-left:-100px;border:thin dotted red;}

/*COMMON HEADER for S3 Site Pages*/
#header{height:156px;width;:background:url(../images/layout/header_bg.gif) top no-repeat;/*border:dotted 1px aqua;*/}
#message{float:left;margin:0px 0px 0px 0px;font-size:.75em;color:red;width:800px;}

/* FRONT STYLES - Container for page elements below header */
#container{background:url(../images/layout/front_body_bg2.gif) left top repeat-y; width: 950px; margin: 0 auto;/*border:thin red dotted;*/}
  .spacer {clear: both;/*border:thin red dotted;*/}
#front #container{background:url(../images/layout/front_body_bg.gif) left top repeat-y;/*border:red thin dotted;*/}
#front #content{float:left;width:660px; margin:0px 0px 0px 0px;/*border:aqua thin dotted;*/}
#front #rightside{display:inline;float:right;width:225px;margin:15px 25px 0px 0px;/*border:black thin dotted;*/}

#frontAboutUs{width:630px;height:345px;margin:0px 10px 10px 10px;padding:0px 15px 10px 0px;background:white;}

#front #container .bodywrapper{background:url(../images/layout/front_body_bg2.gif) left top repeat-y;/*border:red thin dotted;*/}
#container .bodywrapper{background: url(../images/layout/body_bg2.gif) left top repeat-y;}

#logo{height:75px;width:940px;margin:15px auto;/*border:thin red dotted;*/}
#logo img{margin:px 0px 0px 25px;}

#sidebar{display:inline;float:left;margin:0px 0px 0px 5px;width:188px;height:500px;/*border:red thin dotted;*/}
#sidebar{}
#content{display:inline;float:right; margin:5px 5px 0px 0px;min-height:600px;padding-bottom:15px;width:750px;}
#front #nav{float:inherit;padding:14px 0px 0px 0px;background:url(../images/layout/front_mainnav_bg.gif) left top no-repeat;}

/*index.html layout*/
#l1a{float:left;position:relative;margin:15px 0px 0px 20px;width:631px;height:325px;
/*background-image:url("/cat/images/l1a/background.jpg");background-repeat:no-repeat;*/}

#l1b{/*float:right;*/position:relative;margin:0px 30px 0px 0px;width:226px;height:259px;
background-image:url("/cat/images/l1b/save.jpg");
background-repeat:no-repeat;}

#l2a{float:left;position:relative;margin:12px 0px 0px 30px;width:324px;height:160px;padding-bottom:15px;
background-image:url("/cat/images/l2a/customersAgree.jpg");
background-repeat:no-repeat;border:dotted aqua thin;}

#l3c {float:left;position:relative;margin:12px 0px 0px 30px;width:224px;height:126px;
background-image:url("/cat/images/l3c/signUp.jpg");
background-repeat:no-repeat;border:dotted aqua thin;}

#l2b {float:left;position:relative;top:14px;left:50px;width:210px;height:160px;bottom:10px;
background-image:url("/cat/images/l2b/onlineCatalog.jpg");
background-repeat:no-repeat;border:dotted aqua thin;}

#l2c {float:left;position:relative;top:14px;left:60px;width:226px;height:160px;
background-image:url("/cat/images/l2c/ampSawzall.jpg");
background-repeat:no-repeat;border:dotted aqua thin;}

#l3a {float:left;position:relative;left:10px;width:217px;height:126px;
background-image:url("/cat/images/l3a/ingersollRand.jpg");
background-repeat:no-repeat;border:dotted aqua thin;}

#l3b {float:left;position:relative;left:34px;width:336px;height:126px;
background-image:url("/cat/images/l3b/dispensingStation.jpg");
background-repeat:no-repeat;border:dotted aqua thin;}

/* slideviewer styles */
/*preload classes*/
.svw {width: 50px;height: 20px;}
.svw ul {position:relative;left:-999em;}
/*core classes*/
.stripViewer {position:relative;overflow:hidden;margin:0;}
.stripViewer ul { /* this is your UL of images */margin:0;padding:0;position:relative;left:0;top:0;width:1%;list-style-type:none;}
.stripViewer ul li {background: none;margin:0;padding:0;float:left;}
.stripTransmitter{background-color:#dedede;overflow: auto;width: 1%;}
/*navigation numbers*/
.stripTransmitter ul{margin:2px 0px 0px 475px;padding:0;position: relative;list-style-type:none;}
.stripTransmitter ul li{background:none;width:15px;float:left;margin:0 1px 1px 0;}
.stripTransmitter a{font: bold 11px Verdana, Arial;text-align: center;line-height: 19px;color: #0072c6;text-decoration: underline;display: block;}
.stripTransmitter a:hover, a.current{/*background: #fff; */color: #ff0000;}

/* MAIN NAVIGATION */
#nav{float:inherit;padding:14px 0px 0px 0px;background:url(../images/layout/front_mainnav_bg.gif) left top no-repeat;margin:0 auto;height:45px;width:940px;/*border:dotted 1px red;*/}
#searchWrapper{height:40px;width:299px;float:right;/*border:thin red dotted;*/}

#mainnav{list-style-type:none;margin:0;padding:0;}
/*Margin controls the space between menu items*/
#mainnav li{float:left;margin:-2px 0px 0px 0px;padding:0;position:relative;}
#mainnav ul{background-color:#0072c6;display:none;list-style-type:none;position:absolute;top:35px;left:0;margin:0;padding:0;width:160px;  z-index:900;}
#mainnav > ul{top:auto;left:auto;}
#mainnav li:hover > ul{display:block;}
#mainnav li.over ul{display:block;}
#mainnav ul li{float:none;}

#mainnav ul li a, 
#mainnav .active ul li a{background-color:#0072c6;background-image:none;border-top:1px solid #00aae1;border-right:1px solid #00339a; border-bottom:1px solid #00339a;border-left:1px solid #00aae1;padding:4px 5px;}
#mainnav ul li a:hover{background-color:#0046a3; background-image: none; border-top: 1px solid #0086cc; border-right: 1px solid #001368; border-bottom: 1px solid #001368; border-left: 1px solid #0086cc;}

#mainnav a:link, 
#mainnav a:visited, 
#mainnav a:hover, 
#mainnav a:active { color: #fff; text-decoration: none; }

#mainnav ul a:link, 
#mainnav ul a:visited, 
#mainnav ul a:hover, 
#mainnav ul a:active { background-image: none; line-height: 1.2em; text-decoration: none; }

/* SEARCH AREA */
#header #search{margin:0px 10px 5px 10px;}
#header #search .wrapper{float:right;padding:0;border:aqua dotted thin;}
#search h3{ background-position: 0 50%; background-repeat: no-repeat; color: #fff; display: block; text-decoration: none; margin: 0 6px; padding: 7px 0 7px 25px; background-image: url(../images/icons/side_search.gif); }
#search p {margin: 0 10px; padding: 0; text-align: right;}
#search input.text {font-family:Verdana, Arial, Helvetica, sans-serif;padding:2px;width:144px;margin:0 10px; }
#search input.text:focus {border: 1px solid #333;}
#search .formSubmit { padding: 10px 10px 15px 10px; }

/* TOP SUB NAVIGATION */
#subnav { background: url(../images/layout/subnav_bg.gif) left bottom no-repeat; margin: 0 -380px 0 0; padding: 0 0 1px 6px; position: absolute; right: 50%; top: 4px; }
#subnav li {background:url(../images/layout/subnav_div.gif) right bottom no-repeat;display:inline;margin:0;padding:4px 6px 4px 0;font-size:.9em;}
#subnav li.last {background:url(../images/layout/subnav_corner.gif) right bottom no-repeat;}
#subnav a:link, 
#subnav a:visited { color: #fff; text-decoration: none; padding: 4px; }
#subnav a:hover,
#subnav a:active { color: #fff; text-decoration: underline; } 

/* CATALOG LAYOUT STYLES */
#catalogHeader{background: url(../images/layout/catalogheader.gif) left top no-repeat; height: 122px; position: relative; top: 0px; }
#catalogFeatured{display: inline; float: left; width: 360px; position: relative; top: -15px; }
#catalogWhatsNew{display: inline; float: right; width: 190px; position: relative; top: -15px; }
#footer{background:url(../images/layout/footer_bg.gif) left bottom no-repeat; clear: both; }
#footer .wrapper{background: url(../images/layout/footer_hdr.gif) left top no-repeat; padding: 20px 30px 30px; }
#footer img{float:right;margin-top:10px;}
#footer p{color:#ccc;font-size:.9em;margin:0;padding:2px 120px 2px 2px; }
#sidebar .sidearea{background:url(../images/layout/side_blue_bg.gif) left bottom no-repeat; margin: 0 10px 5px 10px; position: relative;}
#sidebar .sidearea .wrapper{background: url(../images/layout/side_blue_hdr.gif) left top no-repeat; margin: 0; padding: 5px 10px 15px 10px;}

/* SIDE NAVIGATION */
#sideNav {margin:0px 0px 0px 0px;background:url(../images/layout/nav_shadow.gif) right bottom no-repeat;padding:0 0 10px 0;/*border:thin red dotted;*/}
#sideNav h3{background:url(../images/layout/nav_hdr.gif) left top no-repeat; margin: 0; padding: 0 0 0 5px; }
#sideNav h3 a{background-position:0 50%;background-repeat:no-repeat;color:#fff;display:block;text-decoration:none;padding:5px 5px 5px 25px; }
#orderonline #sideNav h3 a{background-image: url(../images/icons/side_order.gif); }
#products #sideNav h3 a{background-image: url(../images/icons/side_products.gif); }
#services #sideNav h3 a{background-image: url(../images/icons/side_services.gif); }
#aboutus #sideNav h3 a{background-image: url(../images/icons/side_aboutus.gif); }
#contactus #sideNav h3 a{background-image: url(../images/icons/side_contactus.gif); }
#sideNav ul{margin: 0; padding:0;}
#sideNav li{margin: 0; padding:0;text-indent:0; border-bottom: 1px solid #444; }
#sideNav ul ul{font-size: 100%;}
#sideNav li li{border-bottom:0;}
#sideNav li a:link,
#sideNav li a:visited{background:#4d4d4d url(../images/layout/nav_bg.gif) left top repeat-y; border-top: 1px solid #808080; border-left: 1px solid #5b5b5b; color: #eee; display: block; padding: 3px 5px; text-decoration: none; }
#sideNav li a:hover, 
#sideNav li a:active { background-color: #636363; background-image: none; color: #fff; }
#sideNav li.active a:link,
#sideNav li.active a:visited,
#sideNav li.active a:hover, 
#sideNav li.active a:active { background: #fff url(../images/layout/nav_active.gif) left top repeat-y; border-top: 1px solid #fff; border-left: 1px solid #eee; border-bottom: 1px solid #eee; color: #333; }
#sideNav li.active li a:link,
#sideNav li.active li a:visited { background: #4d4d4d url(../images/layout/nav_bg.gif) left top repeat-y; border-top: 1px solid #808080; border-left: 1px solid #5b5b5b; border-bottom: 1px solid #444; color: #eee; }
#sideNav li.active li a:hover, 
#sideNav li.active li a:active { background-color: #636363; background-image: none; color: #eee; }
#sideNav li li a:link, 
#sideNav li li a:visited, 
#sideNav li li a:hover, 
#sideNav li li a:active { padding-left: 10px; color: #eee; }
#sideNav li li li a:link, 
#sideNav li li li a:visited, 
#sideNav li li li a:hover, 
#sideNav li li li a:active { padding-left: 15px; }
#sideNav li li li li a:link, 
#sideNav li li li li a:visited, 
#sideNav li li li li a:hover, 
#sideNav li li li li a:active { padding-left: 20px; }
#sideNav li li li li li a:link, 
#sideNav li li li li li a:visited, 
#sideNav li li li li li a:hover, 
#sideNav li li li li li a:active { padding-left: 25px; }
#sideNav li li li li li li a:link, 
#sideNav li li li li li li a:visited, 
#sideNav li li li li li li a:hover, 
#sideNav li li li li li li a:active { padding-left: 30px; }
#sideNav li li li li li li li a:link, 
#sideNav li li li li li li li a:visited, 
#sideNav li li li li li li li a:hover, 
#sideNav li li li li li li li a:active { padding-left: 35px; }

/*Defunct Side SEARCH AREA */
#sidebar #search {margin:0 10px 5px 10px;}
#sidebar #search .wrapper {height:69;width:300px;padding: 0;border:thin red dotted;}
#search h3 {background-position: 0 50%;background-repeat:no-repeat;color:white;display:block;text-decoration:none;margin:0 6px;padding:7px 0 7px 25px; background-image:url(../images/icons/side_search.gif);}
#search p {margin:0 10px;padding:0;text-align:right;}
#search input.text {border: 1px solid #333; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; width: 144px; margin: 0 10px;}
#search input.text:focus {border:1px solid #333;}
#search .formSubmit {padding:10px 10px 15px 10px;}

/* TEXT REPLACEMENT STYLES */
#mainnav li a { display: block; height: 35px; }
#mainnav li a span { display: none; }
#mainnav ul li a, 
#mainnav ul li a:hover { display: block; height: auto; width: 100%; }

#nav_order { z-index: 910; }
#nav_order a {width:144px;background-image: url(../images/layout/mainnav_order.gif);background-position:left top;background-repeat:no-repeat;}
#nav_order a:hover { background-position: left center; }
#orderonline #nav_order a { background-position: left bottom; }

#nav_catalog { z-index: 910; }
#nav_catalog a {margin:2px 0px 0px 0px; background-image: url(../images/layout/mainnav_catalog.gif); background-position: left top; background-repeat: no-repeat; width: 157px; }
#nav_catalog a:hover { background-position: left center; }
#orderonline #nav_catalog a { background-position: left bottom; }

#nav_products {z-index: 910; }
#nav_products a {margin:2px 0px 0px 0px;background-image: url(../images/layout/mainnav_products.gif); background-position: left top; background-repeat: no-repeat; width: 130px; }
#nav_products a:hover { background-position: left center; }
#products #nav_products a { background-position: left bottom; }

#nav_services {z-index:910; }
#nav_services a {margin:2px 0px 0px 0px; background-image: url(../images/layout/mainnav_services.gif); background-position: left top; background-repeat: no-repeat; width: 105px; }
#nav_services a:hover { background-position: left center; }
#services #nav_services a { background-position: left bottom; }

#nav_aboutus { z-index: 910; }
#nav_aboutus a {margin:2px 0px 0px 0px; background-image: url(../images/layout/mainnav_about.gif); background-position: left top; background-repeat: no-repeat; width: 108px; }
#nav_aboutus a:hover { background-position: left center; }
#aboutus #nav_aboutus a { background-position: left bottom; }

#nav_contactus { z-index: 910; }
#nav_contactus a {margin:2px 0px 0px 0px; background-image: url(../images/layout/mainnav_contact.gif); background-position: left top; background-repeat: no-repeat; width: 128px; }
#nav_contactus a:hover { background-position: left center; }
#contactus #nav_contactus a { background-position: left bottom; }