body {
  margin: 0px;
  padding: 0px;
  /*background: #ffffff url("tausta.gif") repeat-x 0% 0%;*/
	background-image:url(./web_graphics/topFrameBackground.gif);
	background-repeat:repeat-x;
	background-color: #212226;
	text-align:center;
	
}

body, td, div, input, select, textarea, button {
  font-family: Verdana, Arial;
  font-size: 11px;
  color: #000000;
  line-height: 1.3em;
}

a {
  text-decoration: none;
  color: #B0000F;
  font-style: normal;
}

a:hover {
  text-decoration: underline;
}

.text, .button {
  border: 1px solid #626262;
  background-color: #dedede;
}

.text {
  padding: 1px 2px 1px 2px;
  float: center;
}

#t50 {
  width: 285px;
}

#t10 {
  width: 48px;
}

.button {
  padding: 0px 4px 0px 4px;
}

a.button {
  margin-left: 4px;
  padding: 1px 6px 1px 6px;
  color: #000000 ! important;
  cursor: default;
}

a.button:hover {
  text-decoration: none ! important;
  cursor: default;
}

.check {
  margin: 0px ! important;
  padding: 0px ! important;
}


#spacer {
  font-size: 28px;
}

#topmenu {
  background: #e80031 url("linkkibg.gif") repeat-x;
  height: 14px;
  color: white;
  padding: 6px 8px 3px 8px;
}

#topmenu a {
  color: white;
  font-weight: bold;
  padding: 0px 4px 0px 4px;
  border-left: 2px solid #bebebe;
  border-right: 2px solid #bebebe;
  margin-right: 8px;
}

#searcher {
  float: left;
}

#searcher .text {
  width: 90px ! important;
  margin-right: 4px;
}

#searcher .button {
  width: 40px ! important;
}

#mainframe {
  /*background: url("tausta.png") repeat;*/
  background-color:#FFF;
  border: 1px solid #bebebe;
  border-bottom: 0px none ! important;
  padding: 8px;
}

#footer {
  background: url("tausta.png") repeat;
  border: 1px solid #bebebe;
  border-top: 1px dotted #990000 ! important;
  padding: 10px;
  text-align: center;
  line-height: 1.3em;
  background-color:#FFF;
  /*background: url("tausta.png") repeat;*/
}

#menu {
  vertical-align: top;
  width: 170px;
  padding-right: 8px;
}

#menu img {
  vertical-align: bottom;
}

#menu td {
  vertical-align: top;
}

#menu a {color: #000;}

#content {
  vertical-align: top;
  width: auto;
}

.groups a {
  color: #990000;
  font-weight: bold;
}

.groups img {
  vertical-align: bottom;
}

#subbox, #form {
  margin-top: 8px;
  width: 580px;
}

#subbox td {
  color: #990000;
  text-align: right;
}

#subbox a {
  color: #990000;
}

#subbox button, #subbox input {
  margin-left: 4px;
}

#product {
  background: #f1f1f1;
  border-top: 1px dotted #990000;
  margin-top: 8px;
  width: 580px;
}

#product a {
  color: #990000;
  font-weight: bold;
}

#product #msg {
  border-left: 1px dotted #990000;
  border-right: 1px dotted #990000;
  border-bottom: 1px dotted #990000;
  padding: 2px 4px 2px 4px;
  text-align: left;
  vertical-align: top;
  background: #ffffff;
}

#product #field, #product #field_ {
  border-left: 1px dotted #990000;
  border-bottom: 1px dotted #990000;
  color: #990000;
  font-weight: bold;
  padding: 2px 4px 2px 4px;
  vertical-align: top;
}

#product #value, #product #value_ {
  border-left: 1px dotted #990000;
  border-bottom: 1px dotted #990000;
  padding: 2px 4px 2px 4px;
  vertical-align: top;
}

#product #field_, #product #value_ {
  border-right: 1px dotted #990000;
}

#product #value_ input.text {
  width: 24px;
}

#product #value_ input.button {
  width: 40px;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

#product #nametag {
  border-left: 1px dotted #990000;
  padding: 2px 4px 2px 4px;
  background: #ffffff;
}

#picbox {
  float: right;
  padding: 0.5em;
  text-align: center;
}

#picbox img {
  clear: both;
  display: block;
  margin-bottom: 0.5em;
}

.bold {
  color: #990000;
  font-weight: bold;
}

.errorbold {
  color: #990000;
  font-weight: bold;
}

#cart {
  border: 1px dotted #990000;
  background: #f1f1f1;
  margin-top: 1em;
  padding: 0.5em;
}

#cart select, #cart input {
  width: 100%;
}

#cart form {
  margin: 0px;
  padding: 0px;
}

#form #field {
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  padding-top: 2px;
  width: 50%;
}

#form #value {
  text-align: left;
  vertical-align: top;
  padding: 2px 0px 2px 0px;
  width: 50%;
}

#form #buttons {
  text-align: right;
  vertical-align: top;
}

.offer {
  color: #990000;
  font-weight: bold;
}

s {
  color: #888888;
}

#offerdisplay {
  width: 580px;
  position: relative;
}

#offerdisplay td {
  vertical-align: top;
  padding: 0px 8px 0px 8px;
  background: #ffffff;
  border: 1px dotted #990000;
}

#offerdisplay table td {
  border: 0px ! important;
  padding: 4px 8px 4px 8px;
}

#offerdisplay #lowpiece {
  vertical-align: bottom;
}

#offerdisplay input.text, #offerwindow input.text {
  width: 24px;
}

#offerdisplay .bold, #offerwindow .bold {
  font-size: 16px;
}

#offerwindow {
  border: 1px dotted #990000;
  background: url("tausta.png") repeat;
}

#offerwindow td {
  padding: 4px 8px 4px 8px;
}

#offerdisplay img {
  width: 75px;
}

/* Added by PIXELEYE */

img#logo_toolpoint{
	
	padding-right:30px;
	padding-top:15px;
	padding-bottom:4px;
}

a.navi_link{
	padding-right:20px;
}

table#navigation_table{
	position:absolute;
	top:0px;
	left: 25px;
	z-index:2;
}

div#navi_middle{
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:76px;
	z-index:1;
	background-image:url(./web_graphics/topMiddleBackgroundOpacity_body.png);
	background-repeat:no-repeat;
}

div#matrix{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width:900px;
}

#main {
  width: 800px;
  position:relative;
 margin-left: auto;
	margin-right: auto;
  top:40px;
  left:0px;
  z-index:2;
}