html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family:arial,serif;
 background:#e6e6e6;
}
body a{
color:#34558b;}

body a:hover{
text-decoration:none;
color:#34558b;}

#pagewidth{ 
 width:1010px;
 margin-top:10px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background:#ffffff;
}

div#wrapper_l{background: url(../Images/graphics/border_left.png) 0 0 repeat-y;}
div#wrapper_r {background: url(../Images/graphics/border_right.png) 100% 0 repeat-y;}
div#header_t{background: url(../Images/graphics/border_top.png) 0 0 repeat-x;}
div#header_l {background: url(../Images/graphics/border_top_left.png) 0 0 no-repeat;}
div#header_r {background: url(../Images/graphics/border_top_right.png) 100% 0 no-repeat;}
div#pagebtm {background: url(../Images/graphics/border_btm.png) 0 100% repeat-x;}
div#footer_l {background: url(../Images/graphics/border_btm_left.png) 0 100% no-repeat;}
div#footer_r {background: url(../Images/graphics/border_btm_right.png) 100% 100% no-repeat;}

div#pagecontent{
 width:1000px;
 margin-top:5px; 
 margin-left:5px;
 text-align:left;  
}
 
#header{ 
 height:100px;
 margin-top:10px;
 margin-left:20px;
 margin-bottom:5px; 
 text-align:left;
}
 
#leftcol{
 width:190px;
 height:500px; 
 float:left; 
 text-align: center;
 padding-left:10px;
  }
 
#maincol{
  
 float: right; 
 display:inline; 
 width:780px;
 padding-left:10px;
 padding-right:10px;
 }
 
div#footer {
margin-left:5px;
width:1000px;
}
#footertop{
 background: url(/Images/graphics/footer.png);
 width:980px;
 margin-left:10px;
 height: 26px;
 color:#ffffff;
 text-align:center;
 padding-top:4px;}
 
 
/*Footer rounded box - address*/

.rndblftadd {background: url(/Images/graphics/ltgrybl.png) 0 100% no-repeat #d0d0d0; float:right; height:100px; width:780px; color: #000000; margin-top:5px; margin-bottom:10px; margin-right:10px; text-align:center; font-size:0.8em;}
.rndbrftadd {background: url(/Images/graphics/ltgrybr.png) 100% 100% no-repeat; height:100px;}
.rndtlft {background: url(/Images/graphics/ltgrytl.png) 0 0 no-repeat}
.rndtrft {background: url(/Images/graphics/ltgrytr.png) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}
#footeraddress {float:left; display:inline; position:relative; width:250px; text-align:center;}
#footertel {float:left; display:inline; position:relative;width:250px; text-align:center;}
#footerterms {float:left;width:250px; text-align:center;}
#footer a{ color:#000000;text-decoration:underline; }
#footer a:hover{text-decoration:none}
#footerlogo{position: relative; display: inline; float: left; width: 100px; margin-left:30px; padding-top:5px; }
#footerlogoright{position: relative; display: inline; float: left; width: 50px; margin-left:10px; padding-top:30px; }
/*End of Footer*/

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
 html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/*Navigation Bar Style*/
ul.navbar {list-style-type: none;padding: 0;margin: 0;}
ul.navbar a{text-decoration: none;display:block;text-align:left;padding-top:2px;padding-left:20px;height:23px;background-color: #34558b;}
ul.navbar a.midnorm{background: url("/Images/graphics/mid_nav_norm.png") no-repeat 0 0;}
ul.navbar a.topnorm{background: url("/Images/graphics/top_nav_norm.png") no-repeat 0 0;}
ul.navbar a.btmnorm{background: url("/Images/graphics/btm_nav_norm.png") no-repeat 0 0;}
ul.navbar a.topcurrent{background: url("/Images/graphics/top_nav_curr.png") no-repeat 0 0;}
ul.navbar a.midcurrent{background: url("/Images/graphics/mid_nav_curr.png") no-repeat 0 0;}
ul.navbar a.btmcurrent{background: url("/Images/graphics/btm_nav_curr.png") no-repeat 0 0;}
ul.navbar a:link{color:#ffffff;}
ul.navbar a:visited {color:#ffffff;}
ul.navbar a:hover{background-color: #606060;color: #ffffff;background-position: 0 -25px;}
/*End of Navbar*/

#info{ 
 width:440px; 
 float:left;
 display: inline;
 text-align: justify;
}
 
#pics{
 position: relative;
 background-color:#ffffff; 
 width:300px;
 display: inline;
 float: right;
 padding-left: 5px;
 padding-right: 5px;
}

#pics img{
margin-bottom:5px;
border: solid 1px; border-color: #34558b;}


#graingerwebsite{
margin-top: 10px;
position: relative;
left: 110px;
float:left;
height:32px;
width:210px;
background: url("Images/graingerwebsitebtn.png") no-repeat 0 0;
background-position: 0 0px;
}

#graingerwebsite:hover
{ 
  background-position: 0 -32px;
}

#graingerwebsite span{
display:none;
}


#topbarwide{background: url(/Images/graphics/top.png);
width:775px;
height: 26px;
color:#ffffff;
text-align:left;
font-weight:bold;
padding-left:5px;
padding-top:4px;
margin-bottom:10px;}

div.sectionheader{
background: url(/Images/graphics/topsection.png);
position:relative;
display:inline;
float:left;
width:455px;
font-weight:bold;
color: #ffffff;
background-color: #34558b;
height:26px;
padding-left: 5px;
padding-top: 4px;
margin-bottom:10px;}

/*Product Frames*/
div.ProdFrame{
 position: relative;
 width:600px;
 display: inline;
 float:left;
 border: 1px solid #606060;
 min-height: 112px;
 margin-bottom: 10px;
}
div.ProdPic{
 position: relative;
 width:100px;
 height:100px;
 border: 1px solid #e6e6e6;
 display: inline;
 margin-left:10px;
  margin-top:5px;
 float:left;
}
div.ProdTitle{
 position: relative;
 width:597px;
 background: url(/Images/graphics/prodbar.png) repeat-x;
 display: inline;
 float:left;
 color: #ffffff;
 background-color:#606060;
 font-weight:bold;
 padding-left:5px;
 padding-top:2px;
}
 div.ProdDesc{
 position: relative;
 width:468px;
 display: inline;
 float:left;
 margin-top:5px;
 margin-left:10px;
 margin-bottom:5px;
 }

 #logos{
 position: relative;
 background-color:#ffffff; 
 width:110px;
 display: inline;
 float: right;
 padding-left: 5px;
 padding-right: 20px;
 
}

#logos img{margin-bottom:5px;}
.page-break { display:none; }

h2.ProdTitleSmall{
 margin-top:5px;
 margin-bottom:5px;
 font-size:1em;
 width:455px;
 background: url(/Images/graphics/prodbarsmall.png) no-repeat;
 float:left;
 color: #ffffff;
 background-color:#606060;
 font-weight:bold;
 padding-left:5px;
 padding-top:2px;
 height:24px;
}
p.ProdFrameSmall{
 margin-top:0px;
 width:458px;
 display: inline;
 float:left;
 margin-bottom: 10px;
}

h1.topbarwide{background: url(/Images/graphics/top.png);
font-size: 1em;
margin-top:0px;
width:775px;
height: 26px;
color:#ffffff;
text-align:left;
font-weight:bold;
padding-left:5px;
padding-top:4px;
margin-bottom:10px;}

#site-banner{
width:440px;}

#interclamp-banner{
float:left;
margin-left:45px;}

p.text-center{
text-align:center;}