#header {
height:90px;
width:auto;
color:#fff;
background:#4040c0;
border-radius:10px 10px 0 0;
margin-bottom:2px;
padding:0 10px 0 0;
}

#address {
text-align:right;
}

#headermenu {
top:0;
margin-right:200px;
height:auto;
color:#4040C0;
margin-bottom:50px;
border-radius:10px 10px 0 0;
padding:0;
}

#main {
margin-left:200px;
margin-right:10px;
padding:0;
}

#main-narrow {
margin-left:200px;
margin-right:200px;
background:#FFF;
border:0 solid #FFF;
}

#leftpic {
position:absolute;
top:141px;
left:0;
width:180px;
height:580px;
font-size:0.8em;
margin:0 10px 10px;
padding:5px;
}

#rightpic {
position:absolute;
top:200px;
right:10px;
width:180px;
height:580px;
font-size:0.8em;
margin:1em;
padding:0;
}

#footer {
clear:both;
width:98%;
height:auto;
text-align:right;
margin-top:10px;
color:#4040C0;
background:#FFF;
font-size:0.55em;
font-weight:700;
padding:1em;
}

.product {
width:auto;
border-bottom:2px solid silver;
padding:10px;
}

.product_photo {
float:left;
}

.product_desc {
position:relative;
border-bottom:2px solid silver;
left:200px;
}

.news {
width:180px;
height:auto;
font-size:1em;
margin:0 0 5px;
padding:0;
border-radius:10px;
background:#e8e8e8;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c0c0c0), color-stop(0.75, #f0f0f0));
background-image: -moz-linear-gradient(center top, #c0c0c0 0%, #f0f0f0 75%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c0c0c0", endColorstr="#f0f0f0");
}

.news_header {
text-align:center;
color:#4040c0;
border-radius:10px 10px 10px 10px;
border:2px solid #4040c0;
margin:1px 0 0;
padding:10px;
}

h1 {
font-size:1.5em;
border-radius:10px 10px 10px 10px;
padding:0.2em;
}

h2 {
color:#ff8000;
font-size:1.2em;
padding:0.2em 0.5em;
border-radius:10px;
background:#e8e8e8;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c0c0c0), color-stop(0.75, #f0f0f0));
background-image: -moz-linear-gradient(center top, #c0c0c0 0%, #f0f0f0 75%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c0c0c0", endColorstr="#f0f0f0");
}

h3 {
color:#fff;
background:#4040c0;
border-radius:10px 10px 0 0;
margin:0;
padding:5px;
}

p {
font-size:0.8em;
margin:5px;
padding:5px;
}

a {
font-size:1em;
padding:0.2em;
}

body {
font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
color:#4040C0;
font-size:1em;
}

ol {
color:#4040C0;
font-size:1em;
padding:0.2em 2em;
}

code {
font-family:"New Courier", Courier, monospaced;
color:#4040C0;
font-size:1em;
padding:0.2em 0;
}

a:link {
color:blue;
}

a:visited {
color:#000;
}

a:active {
color:#FF9000;
}

.main_header {
font-size:1.5em;
font-weight:700;
text-align:right;
margin-right:0;
margin-left:0;
line-height:0;
padding:21px;
border:2px solid #4040c0;
border-radius:10px;
color:#4040c0;
background:#e8e8e8;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c0c0c0), color-stop(0.75, #f0f0f0));
background-image: -moz-linear-gradient(center top, #c0c0c0 0%, #f0f0f0 75%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c0c0c0", endColorstr="#f0f0f0");
}

.page_header {
font-size:0.8em;
color:#fff;
text-align:right;
}

.product_name {
font-size:1.2em;
font-weight:700;
color:#FF9000;
text-align:left;
}

.content {
font-size:0.8em;
color:#FF9000;
background:#4040c0;
text-align:left;
}

.table-header {
font-weight:700;
font-size:0.8em;
color:#FF9000;
}

.table-content {
font-size:0.8em;
color:#4040c0;
}

.picture-table {
color:#FF9000;
font-size:1.5em;
text-align:center;
font-weight:700;
border-radius:10px 10px 10px 10px;
margin-bottom:2px;
background:#e8e8e8;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c0c0c0), color-stop(0.75, #f0f0f0));
background-image: -moz-linear-gradient(center top, #c0c0c0 0%, #f0f0f0 75%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c0c0c0", endColorstr="#f0f0f0");
}

.project {
float:left;
width:225px;
height:300px;
font-size:1em;
margin:3px;
padding:0;
border:0 solid;
border-radius:10px;
background:#e8e8e8;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c0c0c0), color-stop(0.75, #f0f0f0));
background-image: -moz-linear-gradient(center top, #c0c0c0 0%, #f0f0f0 75%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c0c0c0", endColorstr="#f0f0f0");
}

.header_button {
background:#4040c0;
color:#fff;
font-size:0.8em;
font-weight:700;
text-align:center;
border:0;
padding:5px 0;
}

.doc_button {
background:#4040c0;
color:#fff;
font-size:0.8em;
font-weight:700;
border:1px;
padding:5px 0;
}

li,dl {
color:#4040C0;
font-size:0.8em;
padding:0.2em 0;
}

.table,.top_of_page_link {
font-size:0.8em;
color:#4040c0;
}

a.button {
text-align:center;
width:110px;
font-size:0.8em;
font-weight:700;
text-decoration:none;
border-style:none;
border-width:0;
margin:10px;
padding:10px;
}

a.button:hover {
color:#4040c0;
background-color:#ff8000;
}

a.button:active {
color:#ff0;
background-color:#ff8000;
}

#topmenu {
background:#4040c0;
font-size:16px;
font-weight:700;
padding-left:200px;
width:100%;
border-radius:0 0 10px 10px;
}

#topmenu,#topmenu ul {
float:left;
list-style:none;
line-height:40px;
border:0;
margin:0;
}

#topmenu a {
display:block;
color:#fff;
text-decoration:none;
padding:0 25px;
}

#topmenu li {
float:left;
padding:0;
}

#topmenu ul {
position:absolute;
left:-999em;
height:auto;
width:121px;
font-weight:400;
line-height:1.2;
border:0;
border-top:1px solid #666;
padding:0;
}

#topmenu li li {
width:119px;
border-bottom:1px solid #4040c0;
border-left:1px solid #4040c0;
border-right:1px solid #4040c0;
font-weight:700;
}

#topmenu li li a {
width:99px;
font-size:12px;
color:#ff8000;
padding:10px;
}

#topmenu li ul ul {
margin:-35px 0 0 120px;
}

#topmenu li ul li:hover a,#topmenu li ul li li:hover a,#topmenu li ul li li li:hover a,#topmenu li ul li li li:hover a {
color:#4040c0;
}

#topmenu li:hover ul ul,#topmenu li:hover ul ul ul,#topmenu li:hover ul ul ul ul,#topmenu li.sfhover ul ul,#topmenu li.sfhover ul ul ul,#topmenu li.sfhover ul ul ul ul {
left:-999em;
}

#topmenu li:hover ul,#topmenu li li:hover ul,#topmenu li li li:hover ul,#topmenu li li li li:hover ul,#topmenu li.sfhover ul,#topmenu li li.sfhover ul,#topmenu li li li.sfhover ul,#topmenu li li li li.sfhover ul {
left:auto;
background:#4040c0;
}

a.button:link,a.button:visited {
color:#fff;
background-color:#4040c0;
}

#topmenu li li:hover,#topmenu li:hover,#topmenu li.sfhover {
background:#ff8000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a04f), color-stop(0.75, #ff8000));
background-image: -moz-linear-gradient(center top, #f0a04f 0%, #ff8000 75%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0a04f", endColorstr="#ff8000");
}

#topmenu li:hover a,#topmenu li.sfhover a,#topmenu li:hover li a,#topmenu li li:hover li a,#topmenu li li li:hover li a,#topmenu li li li li:hover li a {
color:#fff;
}

.doclist {font-size:0.8em; padding: 0px 0px 0px 10px;
}

tr.d0 td {
	background-color: #f8f8f8; color:black; padding: 1px 5px 1px 5px;
}
tr.d1 td {
	background-color: #e0e0e0; color:black; padding: 1px 5px 1px 5px;
}

tr td.chkmk {
	background-color: #20a020; color:black;
}

tr td.Schematic {
	background-color:red; color:white; font-weight:700;
} 

tr td.Drawing {
	background-color: green; color:white; font-weight:700;
}

tr td.BOM {
	background-color: blue; color:white; font-weight:700;
}

tr td.Manual {
	background-color: darkorchid; color:white; font-weight:700;
}

tr td.File {
	background-color: DarkCyan ; color:white; font-weight:700;
}

tr td.Picture {
	background-color: Crimson  ; color:white; font-weight:700;
}