body { background:#161616;  font-family:Tahoma; font-size:11px; padding:25px; background: #161616; color: white}
input, texarea, select.ShippingBoxFormat, select {color: white; background: black}
  table { font-family:Tahoma; font-size:11px; }
 a { text-decoration:none; }
 a:hover { text-decoration:underline; }
 h1 { clear:both; font-family:"Trebuchet MS", Tahoma; color:#9db635; font-size:22px; letter-spacing:-1px; border-bottom:1px solid white; font-weight: normal}
 h2 { clear:both; font-family:"Trebuchet MS", Tahoma; color:#8ba325; font-size:17px; background: #41413e; padding 2px 4px; font-weight: normal; text-indent: 5px  }
 h3 { font-family:"Trebuchet MS", Tahoma; color:#9db635; font-size:17px; font-weight: normal;  }
 img.clsleft { margin-right:10px; margin-bottom:10px; }
 img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
 img.clsright { margin-left:10px; margin-bottom:10px; }
 .datatable thead td { background-color:#176FBB; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
 .datatable tbody td { background-color:#6e6e6e; border:1px solid white; padding:4px; }
 .datatable tfoot td { background-color:#B2DBF6; border:1px solid white; padding:4px; }
 #container { background-color:#2a2a2a; width:742px; text-align:left}
 #date { background-color:#41413e; color:white; border-bottom:3px solid #2a2a2a; height:25px; text-align:right; padding-right:10px; }
 #head { border:0px solid #161616; height:100px; background: #161616 }
 #sitelogo { height:90px; line-height:85px; color:#034C96; font-family:"Trebuchet MS"; font-weight:bold; font-size:23px; float:left; text-indent:13px; letter-spacing:-1px; }
 #hbc { float:right; height:90px; line-height:85px; padding-right:10px;}
 #hbc a {color:#8ba325}
 #hbc a:hover { text-decoration:underline }
 
 #left { width:170px; background-color:#6e6e6e; vertical-align:top; border-right:3px solid #2a2a2a; }
 #menu_heading { background:url(../template/second_back.gif) #41413e; border-bottom:1px solid #2a2a2a; height:22px; width:170px; text-indent:7px; letter-spacing:2px; font-weight:bold; color:#8ba325; }
 a.menu { border-bottom:1px solid #2a2a2a; text-indent:7px; background-color:#62625f; color: white; height:25px; line-height:22px; display:block; text-decoration:none; margin-bottom:-13px; }
 a.menu:hover { background-color:#9db635; color:white; text-decoration:none; }
 #contact_heading { background:url(../template/second_back.gif) #41413e; border-bottom:1px solid #2a2a2a; border-top:1px solid #2a2a2a; height:24px; text-indent:7px; letter-spacing:2px; font-weight:bold; color:#8ba325; }
 #products_heading { background:url(../template/second_back.gif) #41413e; border-bottom:1px solid #2a2a2a; border-top:1px solid #2a2a2a; height:24px; text-indent:7px; letter-spacing:2px; font-weight:bold; color:#8ba325; }
 #contact { background-color:#62625f; border-bottom:1px solid #2a2a2a; padding:7px; color:white; }
 #right { vertical-align:top; }
 #top_image { background:url(../template/top_pic.jpg); border:1px solid #2a2a2a; height:139px; border-top: 0; alt:shopfittings birmingham}
 #pagebody { border:1px solid #2a2a2a; border-bottom:3px double #2a2a2a;width:559px; padding:25px; height:150px; background: #161616; color: white; text-align:left}
 #pagebody img { border:4px solid #EEEEEE; }
 #pagebody .noborder img { border:0px; }
 #pagebody a { color:#9db635; text-decoration:none; font-weight: bold }
 #pagebody a:hover { text-decoration:underline; }
 #copyright { background-color:#41413e; color:white; border-bottom:3px solid #2a2a2a; border-top:3px solid #2a2a2a; height:28px; text-align:center;  }
 #copyright a { font-size:11px; color:white; border:0px; background:none; }
 #copyright a:hover { color:#9db635; border:0px; background:none; text-decoration:none; }
 #end { text-align:center; margin-top:8px; padding-bottom:10px; }
 #end a { font-size:9px; color:#76777A; border:0px; background:none; }
 #end a:hover { color:#176FBB; border:0px; background:none; text-decoration:none; }
 .notes { font-size:9px; color:#e7e7e7; }
 .shout { font-size:14px; font-weight:bold; padding:4px; color: white; background: #9db635 }
#pagebody .shout a {color: white}
 .white_vert { width:5px; }
 .white_hoz { height:5px; }
 .spacer { height:20px; }

#nav2, #nav2 ul { /* all lists */
   padding: 0; margin:0; list-style: none; 	line-height: 1;
   }
 #nav2 a {display: block; width: auto;  padding-left:7px; background-color:#62625f; color:#fff; height:25px ; line-height:22px ;  border-bottom:1px solid #2a2a2a; text-align:left  }
 #nav2 a:hover {background-color:#9db635; color:#fff; text-decoration:none;  }

 #nav2 li { /* all list items */ float: left; width: 170px; /* width needed or else Opera goes nuts */  }

 #nav2 li ul { /* second-level lists */ position: absolute; width: 170px ; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */   }

 #nav2 li ul ul { /* third-and-above-level lists */ margin: -25px 0 0 170px;   }

 #nav2 li:hover ul ul, #nav2 li.sfhover ul ul {left: -999em;    }

 #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul { /* lists nested under hovered list items */ left: auto; margin: -26px 0 0 170px;    }
 #nav2 li ul ul { /* third-and-above-level lists */margin: -1em 0 0 10em;   }
 #nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {left: -999em;   }
 #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { /* lists nested under hovered list items */left: auto;   }






input,  textarea {background: #2a2a2a; border: 1px solid #9db635; color: #9db635}

.searchbox { background-color:#6e6e6e; border: 1px solid #161616; padding:0; margin:0; }
#search_button input { background-color:#6e6e6e; border: 1px solid #161616; padding:0; margin:0; color:white; cursor:hand; }
#search_button a {color:#8ba325; text-decoration:none }
#search_button a {text-decoration:underline  }

#search { background-color:#62625f;  padding:7px; padding-top:10px; padding-bottom:10px; color:white; }

#nav, #nav ul { /* all lists */
   padding: 0; margin:0; list-style: none; 	line-height: 1;
   }
 #nav a {display: block; width: auto;  padding-left:7px; background-color:#62625f; color:#fff; height:25px ; line-height:22px ;  border-bottom:1px solid #2a2a2a; text-align:left  }
 #nav a:hover {background-color:#9db635; color:#fff; text-decoration:none;  }

 #nav li { /* all list items */ float: left; width: 170px; /* width needed or else Opera goes nuts */  }

 #nav li ul { /* second-level lists */ position: absolute; width: 170px ; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */   }

 #nav li ul ul { /* third-and-above-level lists */ margin: -25px 0 0 170px;   }

 #nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;    }

 #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; margin: -26px 0 0 170px;    }
 #nav li ul ul { /* third-and-above-level lists */margin: -1em 0 0 10em;   }
 #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;   }
 #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */left: auto;   }
