body { background-color:#FFF; color:#000; }
#body {
	width: 1024px;	
}
p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}
li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}
b { font-weight: bold;}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}
a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC0000}
a.menua { text-decoration: none; font-weight: bold; font-size: 10px; color: #000000}
a.menub { text-decoration: none; font-size: 10px; color: #000000}
a.productlist { text-decoration: none; color: #999999; font-size: 10px;}
table.blacksub { text-align: center;}
a.white {color: #FFFFFF; text-decoration: none;}
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333}
h1.highlight {  color: #FFFFFF; background-color: #333333; padding: 1px;}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999966}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; font-weight: normal; line-height: 25px; padding-left: 8px; }
.contact {
	color: #CC0000;
	font-weight: bold;	
}

.breadcrumb {
	padding-left: 8px;	
}

.footer {
	padding-top: 10px;
	text-align: center;
	color: #CC0000;
	font-size: 9px;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background-color: #CCCCCC;
	color: #000000;
	width: 100%;
	border-width: 0px;
	}
	
.button	{
	background-color: #99CCCC;
	color: #FFFFCC;
	}

.callback {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}	
a.largelink	{
	font-size: 12px;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
hr {  color: #999900 }

.background {
	background-position : center;
	background-repeat : no-repeat;
	background-attachment : fixed;
}
.strapline {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; font-weight: normal; line-height: 34px}
.strapline2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; font-weight: normal; line-height: 25px; clip:   rect(   10)}
.links {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #CC0000}
.survey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
}
.surveyQuestions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.quickeasy {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background-color: #CCCCCC;
	color: #000000;
	width: 100%;
	border-width: 0px;
	}
ul {
	margin-left: 15px;
}
.menuheader	{
	cursor:hand;
	font-weight: bold;
	color: #000000;
	size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}

.menu	{
	cursor:hand;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;	
}

a.hand:hover	{
	cursor:hand;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.search {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #666666;
	width: 100%;
	border-width: 1px;
	border-color: #CCCC66;
}
.message {
 color: #CC0000;
 font-weight: bold;
 font-size: 14px;
 text-align: center; 
}

.xmasmessage1 {
 color: #CC0000;
 font-weight: bold;
 font-size: 14px;
}

.xmasmessage2 {
 color: #FFFFFF;
 font-weight: bold;
 font-size: 12px;
}

.tabselected {
	background-color:#FFFFFF;
	color: #CC1222;
	text-align:center;
	font-weight: bold;
	font-size: 9px;
}

.tab {
	cursor:hand;	
	background-color:#CC1222;
	color: #FFFFFF;
	text-align:center;
	font-weight: bold;
	text-decoration: none;
	font-size: 9px;
}

ul.centered {
	margin-left: 0px;
	text-align:center;
}

td.submenu {
	cursor:hand;	
	background-color: #CC1222;
	font-weight: bold;
	width: 120px;
	text-align: center;
}

td.submenu a {
	color: #FFFFFF;	
	text-decoration: none;
}

#rightimage {
	position: absolute;margin-left: 725px; z-index: 1;
}
/************************MENU***********************/
#dhtmlgoodies_slidedown_menu {
	width: 175px;
}

#dhtmlgoodies_slidedown_menu ul{
	margin:0px;
	padding:0px;
	position:relative;
}

/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	color: #000;
	text-decoration:none;
	display:block;
	clear:both;
}
	
ul.submenuul {
	width: 174px;
	margin-left: 0px;
}

li.submenuli {
	background-color: #F4F3F0;	
	list-style-image: url(images/shelving-racking-workbench.gif);
	border-bottom: 1px solid #000000;
	background-image:url(images/submenu.gif);
	padding-left: 20px;
	padding-right: 15px;
	font-weight: normal;
	line-height: 20px;
	font-size: 10px;
}

a.submenulink {
	font-size: 10px;
	display:block;
	font-weight: normal;
}

a.submenulink:hover, li.submenuli:hover {
	background-image:url(images/submenu-hover.gif);
}

li.menuheadingli, li.menuheadingexpandli{
	font-weight: bold;
	background-color: #CFCFCF;
	list-style-image: url(images/shelving-racking-workbench.gif);
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #000000;
	font-size: 10px;
	margin-left: 0px ;
	vertical-align: middle;
	width: 174px;
	line-height: 18px;	
}
	
li.menuheadingexpandli{	
	background:#CFCFCF url(images/mainmenu.gif) right no-repeat;
}

a.menuheadinglink, a.menuheadinglinkexpand{
	font-size: 10px;
	text-decoration: none;
	display:block;
}

li.menuheadingli:hover, li.menuheadingexpandli:hover {
	background-color:#CCCC99; 
}

li.menuheading2li {
	font-weight: bold;
	background-color: #CCCC99;	
	list-style-image: url(images/shelving-racking-workbench.gif);
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #000000;
	font-size: 10px;
	margin-left: 0px ;
	vertical-align: middle;
	line-height: 18px;	
	}

a.menuheading2link {
	display:block;
}

a.menuheading2link:hover, li.menuheading2li:hover {
	background-color:#E0E0C2;
}

/*****************TABLE STYLES***********************************/
caption {
  text-align: left;
  background: transparent;
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  }
thead th {
  text-align: left;
  color: #FFFFFF;
  padding-top: 3px;
  font-size: 12px;
  text-transform:uppercase;
  }
tfoot th {
  background: #FFFFFF;
  padding-top:3px;
  }
  
td.price {
	font-weight: bold;
	text-align: center;
}

/* green table */
table.green {
  border-bottom:2px solid #38613C;
  border-top: 1px solid #38613C;
  font: 10px;
  color: #38613C;
  background: #FFFFFF;
  vertical-align: top;
  text-align: left;
  }
table.green thead th {
	background: #38613C;
}
table.green tbody th {
  /*border: 1px dotted #77B07C;*/
  color: #FFFFFF;
  background: #77B07C;
  }
table.green tbody td {
  /*border: 1px dotted #77B07C;*/
  color: #666666;
  }
table.green tbody tr{
	background: #E2E2E2; 
}   
table.green tbody tr:hover{
	background: #F7F7F7; 
}  
/* blue table */
table.blue {
  border-bottom:2px solid #3D648B;
  border-top: 1px solid #3D648B;
  font: 10px;
  color: #3D648B;
  background: #FFFFFF;
  vertical-align: top;
  text-align: left;
  }
table.blue thead th {
	background: #3D648B;
}
table.blue tbody th {
  /*border: 1px dotted #6B89A6;*/
  color: #FFFFFF;
  background: #6B89A6;
  }
table.blue tbody td {
  /*border: 1px dotted #6B89A6;*/
  color: #666666;
  }
table.blue tbody tr{
	background: #E2E2E2; 
}   
  
table.blue tbody tr:hover{
	background: #F7F7F7; 
}   
/* purple table */
table.purple {
  border-bottom:2px solid #865D5D;
  border-top: 1px solid #865D5D;
  font: 10px;
  color: #865D5D;
  background: #FFFFFF;
  vertical-align: top;
  text-align: left;
  }
table.purple thead th {
	background: #865D5D;
}
table.purple tbody th {
 /* border: 1px dotted #9C7B7B;*/
  color: #FFFFFF;
  background: #9C7B7B;
  }
table.purple tbody td {
  /*border: 1px dotted #9C7B7B;*/
  color: #666666;
  }
table.purple tbody tr{
	background: #E2E2E2; 
}   
  
table.purple tbody tr:hover{
	background: #F7F7F7; 
}   
 /* yellow table */
table.yellow {
  border-bottom:2px solid #D0D014;
  border-top: 1px solid #D0D014;
  font: 10px;
  color: #D0D014;
  background: #FFFFFF;
  vertical-align: top;
  text-align: left;
  }
table.yellow thead th {
	background: #D0D014;
	color: #666666;
}
table.yellow tbody th {
  /*border: 1px dotted #DCDC4E;*/
  color: #666666;
  background: #DCDC4E;
  }
table.yellow tbody td {
  /*border: 1px dotted #DCDC4E;*/
  color: #666666;
  }
table.yellow tbody tr{
	background: #E2E2E2; 
}   
  
table.yellow tbody tr:hover{
	background: #F7F7F7; 
}    
  /* scroll images */
#gallery{position:relative;width:832px;height:152px; margin-bottom: 15px; margin-left: 4px;}
#gallery img{vertical-align:bottom; padding: 1px;}
#gallery div.base div.left{position:relative;float:left;width:36px;height:88px;background:url(images/leftarrow2.jpg) 0 0 no-repeat;cursor:pointer;margin-top: 31px;}
#gallery div.base div.content{position:relative;float:left;width:760px;height:152px;background:#909090;overflow:hidden;}
#gallery div.base div.right{position:relative;float:left;width:36px;height:88px;background:url(images/rightarrow2.jpg) 0px 0 no-repeat;cursor:pointer;margin-top: 31px;}
#gallery div.base div.content div.thumbnails{position:relative;height:152px;width:3000px;left:0px;}
#gallery div.base div.content div.thumbnails div.animage{position:relative;width:152px;height:152px;float:left;background-color:#909090;} 
#thumbnails {background-color: #909090;}

#gallery2{position:relative;width:832px;height:152px; margin-bottom: 15px; margin-left: 4px;}
#gallery2 img{vertical-align:bottom; padding: 1px;}
#gallery2 div.base div.left{position:relative;float:left;width:36px;height:88px;background:url(images/leftarrow2.jpg) 0 0 no-repeat;cursor:pointer;margin-top: 31px;}
#gallery2 div.base div.content{position:relative;float:left;width:760px;height:152px;background:#909090;overflow:hidden;}
#gallery2 div.base div.right{position:relative;float:left;width:36px;height:88px;background:url(images/rightarrow2.jpg) 0px 0 no-repeat;cursor:pointer;margin-top: 31px;}
#gallery2 div.base div.content div.thumbnails{position:relative;height:152px;width:3000px;left:0px;}
#gallery2 div.base div.content div.thumbnails div.animage{position:relative;width:152px;height:152px;float:left;background-color:#909090;} 

#gallery3{position:relative;width:832px;height:152px; margin-bottom: 15px; margin-left: 4px;}
#gallery3 img{vertical-align:bottom; padding: 1px;}
#gallery3 div.base div.left{position:relative;float:left;width:36px;height:88px;background:url(images/leftarrow2.jpg) 0 0 no-repeat;cursor:pointer;margin-top: 31px;}
#gallery3 div.base div.content{position:relative;float:left;width:760px;height:152px;background:#909090;overflow:hidden;}
#gallery3 div.base div.right{position:relative;float:left;width:36px;height:88px;background:url(images/rightarrow2.jpg) 0px 0 no-repeat;cursor:pointer;margin-top: 31px;}
#gallery3 div.base div.content div.thumbnails{position:relative;height:152px;width:3000px;left:0px;}
#gallery3 div.base div.content div.thumbnails div.animage{position:relative;width:152px;height:152px;float:left;background-color:#909090;} 


/* non scroll*/
#gallerysmall{position:relative;width:832px;height:152px; margin-bottom: 15px; margin-left: 4px;}
#gallerysmall img{vertical-align:bottom; padding: 1px;}
#gallerysmall div.base div.left{position:relative;float:left;width:36px;height:88px;margin-top: 31px;}
#gallerysmall div.base div.content{position:relative;float:left;width:760px;height:152px;overflow:hidden;}
#gallerysmall div.base div.right{position:relative;float:left;width:36px;height:88px;margin-top: 31px;}
#gallerysmall div.base div.content div.thumbnails{position:relative;height:152px;width:3000px;left:0px;}
#gallerysmall div.base div.content div.thumbnails div.animage{position:relative;width:152px;height:152px;float:left;background-color:#909090;} 
 
#imageinfo {
	position: absolute;
	padding-top: 0px;
	text-align: center ;
	background-color: #333333;
	width: 152px;
	padding: 0px;
	color: #FFFFFF;
	bottom: 0px; 
	opacity : 0.7;
	-moz-opacity : 0.7;
	-khtml-opacity : 0.7;
	filter:alpha(opacity=70);
	left: 0px; 
}

#imageinfo p {
	opacity : 1;
	-moz-opacity : 1;
	-khtml-opacity : 1;
	filter:alpha(opacity=100);
} 

/* non scroll*/
#gallerylarge{position:relative;width:832px;height:202px; margin-bottom: 15px; margin-left: 4px;}
#gallerylarge img{vertical-align:bottom; padding: 1px;}
#gallerylarge div.base div.left{position:relative;float:left;width:36px;height:88px;margin-top: 31px;}
#gallerylarge div.base div.content{position:relative;float:left;width:760px;height:202px;overflow:hidden;}
#gallerylarge div.base div.right{position:relative;float:left;width:36px;height:88px;margin-top: 31px;}
#gallerylarge div.base div.content div.thumbnails{position:relative;height:202px;width:3000px;left:0px;}
#gallerylarge div.base div.content div.thumbnails div.animage{position:relative;width:202px;height:202px;float:left;background-color:#909090;} 
 
#imageinfolarge {
	position: absolute;
	padding-top: 0px;
	text-align: center ;
	background-color: #333333;
	width: 202px;
	padding: 0px;
	color: #FFFFFF;
	bottom: 0px; 
	opacity : 0.7;
	-moz-opacity : 0.7;
	-khtml-opacity : 0.7;
	filter:alpha(opacity=70);
	left: 0px; 
}

#imageinfolarge p {
	opacity : 1;
	-moz-opacity : 1;
	-khtml-opacity : 1;
	filter:alpha(opacity=100);
} 

/******************************layouts****************************************/
/******************************mesh products****************************************/

#mesh {
	border-bottom: dashed 1px #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#meshimage {
	width: 120px;
	background-color: #CC1222;
	float: left;
	cursor:hand;	
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 3px;
	text-align: center;	
	font-weight: bold;
	color: #FFFFFF;
}

#meshimage img {
	padding-bottom: 1px;
	margin-bottom: 3px;
	border-bottom: solid 1px #FFFFFF;
}

#meshtext {
	margin-left: 10px;
	float: left;
	width: 700px;
}

/******************************large image horizontal****************************************/

#horizontal {
	border-bottom: dashed 1px #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#himage {
	width: 150px;
	background-color: #333333;
	float: left;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 3px;
	text-align: center;	
	font-weight: bold;
	color: #FFFFFF;
}

#himage img {
	padding-bottom: 1px;
	margin-bottom: 3px;
	border-bottom: solid 1px #FFFFFF;
}

#htext {
	margin-left: 10px;
	float: left;
	width: 650px;
	padding-top: -10px;
}

#clear {
	clear:both;
}


.horizontal {
	border-bottom: dashed 1px #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

.himage {
	width: 150px;
	background-color: #333333;
	float: left;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	/*padding-bottom: 3px;*/
	text-align: center;	
	font-weight: bold;
	color: #FFFFFF;
}

.himage img {
	padding-bottom: 1px;
	margin-bottom: 3px;
	border-bottom: solid 1px #FFFFFF;
}

.himage a {
	cursor: pointer;
	background-color:#FFF;
	display:block;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: -1px;
	margin-right: -1px;
	margin-top: 5px;
	margin-bottom: -5px;
}

.htext {
	margin-left: 10px;
	float: left;
	width: 650px;
	padding-top: -10px;
}