/* CSS Document */
html{
margin:0px;
padding:0px;
height:100%;
}
body{
 font-family:Arial, Helvetica, sans-serif;
 background-image: url(images/supplies.jpg);
 background-position:center;
 background-repeat:repeat-y;
 background-color:#cccccc;
 padding:0px;
 color:#000033;
 height:100%;
 margin:0px;
 font-size:12px;}

.wrapper {
    margin-left: auto;
	margin-right: auto;
	text-align: justify;
    width: 780px;
	background-color:#FFFFFF;
	min-height:100%;
	display:block;
	position:relative;
	_height:100%;
	margin-bottom:-25px;
	background-image:url(images/steel_supplies.jpg);
	background-position:left;
	background-repeat:repeat-y;
}
	

.header{
	margin-top:0px;
	padding-top:0px;
	height:212px;
	background-image: url(images/stainless_steel.jpg);
	background-repeat:no-repeat;
}
.logo{
float:left;
margin-top:20px;
margin-left:20px;
}
#search{
position:relative;
float:right;
padding-right:45px;
padding-top:150px;}


.bottom{
background-image:url(images/screws.jpg);
background-repeat:no-repeat;
float:left;
position:absolute;
	margin-top:0px;
	width:160px;
	height:25px;
	}
.main{
position:relative;
margin-left:190px;
margin-top:0px;
padding-right:20px;
padding-bottom:30px;

}
.sub{
padding:0px;
white-space:nowrap;
text-align:left;
color:#000000;
margin-left:0px;
margin-right:auto;
}
a
{
  outline: none;
}



.clear {
    clear: both;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    
   
}

.footer{

font-size:10px;
height:25px;
margin-left:auto;
margin-right:auto;
padding-bottom:0px;
padding-left:10px;
padding-right:10px;
position:relative;
width:760px;
background-image:url(images/screws.jpg);

background-repeat:no-repeat;
}

#rightfoot {
float:right;
padding-right:10px;}

#leftfoot a{
float:left;
padding-left:10px;
text-decoration:none;
color:#000033;}

#left{
float:left;
width:430px;
padding:10px 10px 10px 20px;}

#right{
width: 250px;
float:right;
text-align:center;
padding-top:20px;}
#center{
padding-left:20px;
padding-right:20px;
padding-top:20px;}
#center a{
color:#FF0000;
}
#decl{
font-size:10px;
padding-bottom:10px;}
#desc{
padding:10px;}

h1{
font-size:16px;
padding-left:180px;
}
.categ {
margin-left:0px;
text-align:left;
}
#catimage, #catimage a:link, #catimage a:visited {
width:120px;
height:120px;
padding:10px;
color:#000;
float: left;
text-align:center;
margin-bottom:15px;
text-decoration:none;
cursor:pointer;
}

.productlist{
font-size:10px;
text-align:left;
padding-top:2px;
padding-bottom:2px;
font-family:arial,verdana, "Times New Roman";
width:100%;
margin-bottom: 0px;
vertical-align: bottom;}

#spec{
color:#FF0000;
font-weight:bold;
}
h1 {
text-align:left;
margin-left:0px;
padding-left:0px;
}
.photos a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;

}
.photos a:visited {
	color: #000;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}
.photos a:hover {
	color: #000;
	
}
.photos a:active {
	color: #000;
	
}
#infoDiv {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	z-index:1000;
	background-color: #0099FF;
	}
 
div.info { 
  width:250px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  color:#009 }
  
#morelink,  #morelink a:link, #morelink a:visited, #morelink a:hover{
    text-decoration:none;
color:#000;
  width:295px;
  height:52px;
  text-align:center;
  margin:auto;
  background:url(images/bolts.jpg) center center no-repeat;
padding-top:30px;
cursor:pointer;}

#linklink{
  text-align:center;
  margin:auto;
width:120px;
height:50px;
float: left;
background:url(images/balustrades.jpg) center center no-repeat;
padding:10px;}

#linklink a{ 
color:#000;
text-decoration:none;
}

#crumb, #crumb a{
font-size:14px;
font-weight:bold;
}

#blue{
color:#0033FF;
}
#red{
color:#FF0000;
}