/* general styles */

BODY {
  font-family:"Arial","Helvetica","sans-serif";
  font-color:#222222; 
  background-color:#DDDDDD;
  background-image:url(img/logobgsl.jpg);
  background-repeat: repeat;
  height:100%;
  font-size:100.01%;
}

TABLE.headerbar {
  background-image:url(img/bg6.gif);
}

.bannertext {
  font-weight:bold;
  font-size:10px;
  color:#FFFFFF;
  text-align:right;
  vertical-align:bottom;  
  padding-top:5px;
  padding-right:5px;
}


.size1 {font-size:xx-small;}

.size2 {font-size:x-small;}

.size3 {font-size:small;}

.size4 {font-size:medium;}

.size5 {font-size:large;}

.highlight {color:red;}

TD.headline, TH.headline {
  background-color:#0004AE;
}


DIV.headline {
  font-weight:bold;
  font-size:small;
  color:#FFFFFF;
}


DIV.subline {
  font-weight:bold;
  font-size:medium;
  color:#0004AE;
}

DIV.subline2 {
  font-weight:bold;
  font-size:small;
  color:#BABABA;
  text-align:left;
  font-style:italic;
}




TABLE.prod {
  width:100%;
}

TABLE.prod TD {
  padding-top:20px;

}

DIV.prod {
  text-align:center;
  font-weight:bold;
  font-size:medium;
  color:#0004AE;

  border-width:1px;
  border-color:#999999;
  border-style:solid;
}

SPAN.catalog {
  margin-top:10px;
}

SPAN.catalog A{
  width:100%;
  text-align:left;
  font-weight:normal;
  font-size:small;
  color:#0004AE;
  padding:2px;
  margin:2px;


  border-width:1px;
  border-color:#999999;
  border-style:solid;
  background-color:#FEFEFE;

} 

UL.prod {
  font-weight:bold;
  font-size:small;
  color:#0004AE;
  line-height:2;
  list-style-type:disc;

}



IMG {border-width:0;}

A:link, A:visited, A:mailto{
  color:#0004AE;
  text-decoration:none;
}

A:hover, A:active {
  color:#0004AE;
  text-decoration:underline;

}





/* styles for the enclosing page-table */

TABLE.page { 
  vertical-align:top;
  width:800px;
  margin-top:5px;

}

TABLE.page TD{ 
  vertical-align:top;
}

TABLE.intro TD{
  background-color:#EEEEEE;
  border-width:5px;
  border-color:#EEEEEE;
  border-style:solid;
}

/* styles for the content-table */

TABLE.content{
  background-image:url(img/bgsl.jpg);
  width:740px;
  margin-top:0px;
  margin-left:31px;
  vertical-align:top;

  font-size:x-small;
  text-align:left;
  border-width:1px;
  border-color:#999999;
  border-style:solid;
  background-color:#D5E6F7;

}


TABLE.content TD{
  vertical-align:top;
  padding-left:20px;
  padding-right:20px;
  padding-top:5px;
  padding-bottom:5px;

}


/* styles for the detail view (detailed view of products) */

BODY.detail {
  background-image:url(img/bgsl.jpg);
}

TABLE.detail {
  margin-top:10px;
}

TABLE.detail TR TD,TH {
  background-color:#A9CBED;
  vertical-align:top;
  padding:3px;
  border-width:1px;

  border-style:solid;

  border-top-color: #FFFFFF;
  border-right-color: #999999;
  border-bottom-color: #999999;
  border-left-color: #FFFFFF;

}

TABLE.slideshow TR TD {
  padding:0px;
  border-width:0px;
}


/* styles for the contact-form-table */

TABLE.form TR TD {
  font-size:x-small;
  vertical-align:top;
  padding:3px;
}



/* styles for the menu */
		
.leftMenu { text-align: left; }
		
.centerMenu { text-align: center;}
		
.rightMenu { text-align: right;	}
		
a.MenuLabelLink	{ COLOR: #e0e0e0; FONT-SIZE: 14px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None;
margin: 0px; padding: 0px; font-weight: bold; }

a.MenuLabelLink:link { COLOR: #e0e0e0; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
a.MenuLabelLink:visited	{ COLOR: #e0e0e0; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None;	}
a.MenuLabelLink:hover{ COLOR: #e0e0e0; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
		
a.MenuLabelLinkOn {COLOR: #ffffff; FONT-SIZE: 14px;
FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None;
margin: 0px; padding: 0px; font-weight: bold; }
a.MenuLabelLinkOn:link { COLOR: #ffffff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
a.MenuLabelLinkOn:visited { COLOR: #ffffff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
a.MenuLabelLinkOn:hover { COLOR: #ffffff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
		
a.MenuItemLink { COLOR: #e0e0e0; FONT-SIZE: 12px;
FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None;
margin: 0px; padding: 0px; font-weight: bold; }
a.MenuItemLink:link { COLOR: #e0e0e0; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
a.MenuItemLink:visited { COLOR: #e0e0e0; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
a.MenuItemLink:hover { COLOR: #e0e0e0; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
		
a.MenuItemLinkOn { COLOR: #ffffff; FONT-SIZE: 12px;
FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None;
margin: 0px; padding: 0px; font-weight: bold; }
a.MenuItemLinkOn:link { COLOR: #ffffff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
a.MenuItemLinkOn:visited { COLOR: #ffffff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
a.MenuItemLinkOn:hover { COLOR: #ffffff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: None; }
		
.myMenu { position: absolute; visibility: hidden; z-index: 5; }		
		
.myMenuLabelleft { padding: 0px 0px 0px 0px; text-align: left; }		
.myMenuLabelcenter { padding: 0px 0px 0px 0px; text-align: center; }		
.myMenuLabelright { padding: 0px 0px 0px 0px; text-align: right; }		
.myMenuItemleft { padding: 0px 0px 0px 0px; text-align: left; }		
.myMenuItemcenter { padding: 0px 0px 0px 0px; text-align: center; }		
.myMenuItemright { padding: 0px 0px 0px 0px; text-align: right; }		
		

/* styles for debugging of tables */

/*
TABLE {

  border-width:1px;
  border-color:#FF7777;
  border-style:solid;

}

TABLE TD {

  border-width:1px;
  border-color:#999999;
  border-style:solid;

}

*/