body, div{margin:0;padding:0;font-family:Verdana,Arial,Helvetica;}

body{font-size:.7em;}
a, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
td{vertical-align:top;}
img{border:none;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;color:navy;font-weight:bold;}
h1{font-size:1.5em;}

#wrap {
background:#fff;
width:970px;
margin:auto;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}
#content{
width:100%;
float:left;
padding:1.5em 0;
background:url(../img/content-bg.jpg) top left repeat-x;
}
#leftcol{
width:210px;
border-right:1px solid #e5e5e5;
float:left;
}
#leftcol h2{
font-size:1.2em;
margin:0 0 1em 1em;
color:#5E2329;
}
#rightcol{
float:left;
width:750px;
}
.gutter{
padding:1em;
}
#header {
background:#000 url(../img/header-bg2.jpg) top left no-repeat;
height:107px;
}

#tree, #tree ul {
list-style:none;
margin:0;
padding:0 0 0 15px;
}
#tree ul{
padding-left:1em;
}
#tree li{
float:left;
clear:left;
width:100%;
margin:0;
}
#tree a{
display:block;
float:left;
color:blue;
}
#tree a:hover{
background-color:#f5f5f5;
}
#tree .expanded, #tree .collapsed, #tree .noexpand{
width:15px;
height:15px;
float:left;
margin:0 0 0 0;
background-color:transparent;
}

.expanded, .collapsed, .noexpand{
background-repeat:no-repeat;
background-image:url(../img/tree.gif);
}
.expanded{
cursor:pointer;
background-position:center left;
}
.collapsed{
background-position:top left;
cursor:pointer;
}
.noexpand{
background-position:bottom left;
}

#nav, #nav ul { /* all lists */
list-style: none;
background:#000;
margin:0;
padding:0;
}
#nav{
padding:.4em 0 .2em 0;
float:left;
width:100%;
}
#nav li.nav_page_2{
margin-left:1em;
}
#nav a, #nav a:hover {
display: block;
width: 10em;
background:#000;
color:#fff;
font-weight:bold;
text-decoration:none;
font-family:Arial;
}
#nav li { /* all list items */
float: left;
width: 9em; /* width needed or else Opera goes nuts */
}

#nav li.nav_page_14 ul,
#nav li.nav_page_14 ul li,
#nav li.nav_page_14 ul li a, 
#nav li.nav_page_14 ul li a:hover{
width:10em;
}

#nav li.nav_page_2 ul li
#nav li.nav_page_2 ul li a, 
#nav li.nav_page_2 ul li a:hover{
width:10em;
}
#nav li ul { /* second-level lists */
position: absolute;
width: 15em;
left: -999em; 
border-top:1px solid #666;
border-left:1px solid #666;
}
#nav li ul li a{
width:15em;
border-bottom:1px solid #666;
border-right:1px solid #666;
padding:0 0 .3em .5em;
}
#nav li ul li a, #nav li ul li a:hover{
width:15em;
background:#e5e5e5;
color:#333;
}
#nav li:hover ul a:hover,
#nav li.sfhover ul a:hover {
background:#ccc; 
}
#nav li.nav_page_2 ul li,
#nav li.nav_page_2 ul li a, 
#nav li.nav_page_2 ul li a:hover,
#nav li.nav_page_9 ul li,
#nav li.nav_page_9 ul li a, 
#nav li.nav_page_9 ul li a:hover{
width:20em;
}
#nav li.nav_page_9 ul li,
#nav li.nav_page_9 ul li a, 
#nav li.nav_page_9 ul li a:hover{
width:20em;
}
#nav li.nav_page_14 ul,
#nav li.nav_page_14 ul li,
#nav li.nav_page_14 ul li a, 
#nav li.nav_page_14 ul li a:hover{
width:8em;
}
#nav li.nav_page_9{
margin-left:2em;
}
#nav li.nav_page_8,
#nav li.nav_page_8 ul,
#nav li.nav_page_8 a,
#nav li.nav_page_8 a:hover{
width:13em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;}

a.current{background:#ccc;}

dl#feature {
float:left;
margin: 15px 0 2em 0;
padding: 0;
width:100%;
}
dl#feature dt{
clear:both;
margin:0 0 .5em 0;
font-weight:bold;
background:#f3f3f3 url(../img/content-bg.jpg) repeat-x top left;
}
dl#feature dt a{
color:#666;
}
dl#feature dt img{
float:left;
margin:0 15px 15px 0;
border-right:solid 5px #fff;
}
dl#feature dd{
margin:0 0 0 169px;
padding:0 0 10px 0;
font-size:90%;
color:#666;
}
/* for non-IE Browsers */
dl#feature:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*for IE5 win */
dl#feature {
display:inline-table;
}
/* Hide from IE/Mac \*/
* html dl#feature {
height:1%;
}
dl#feature {
display:block;
}/* End hide from IE/Mac */

table.feature{
border: 1px solid #666;
border-right:none;
background:#fff;
margin:0 0 15px 0;
}
table.feature caption{
padding: 4px 10px;
border: 1px solid #000;
border-bottom:none;
font-weight:bold;
background:#f3f3f3 url(../img/content-bg.jpg) repeat-x top left;
}
table.feature img{
border:none;
}
table.feature td a:visited{
/* something else */
}
table.feature tr{
background:#e6e6e6;
}
table.feature tr.alt{
background:#f1f1f1;
}
table.feature td, table th{
border-right: 1px solid #666;
margin:0;
padding:1px 3px;
border-bottom:1px solid #b5b5b5;
}
table.feature .name{
text-align:left;
}
table.feature th{
color:#fff;
background: #666666 url(../img/footer-bg.gif) repeat-x bottom left;
border-right: 1px solid #ccc;
}
table.feature th.last{
border-right: 1px solid #000;
}

.box {
width:260px;
background:transparent url(../img/rounded-right2.jpg) no-repeat top right;
padding:0 0 5px 0;
margin:0 0 15px 0;
float:left;
}
.box h3, .box h4{
background:transparent url(../img/rounded-left2.jpg) no-repeat top left;
padding:5px 0 5px 10px;
border-bottom:1px solid #b5b5b5;
font-weight:bold;
color:black;
font-family:arial;
font-size:1.4em;
}
.box h4{
font-size:1.2em;
}
.box dl{
margin:0;
padding:0 0 2em 0;
background:transparent url(../img/rounded-left2.jpg) bottom left no-repeat;
}
.box dt{
padding:.5em 0 .5em 0;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}
.box dd{
padding:0 0 2px 18px;
margin:0;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}
.box dd p{
margin:0;
padding:0;
}
.box a{
margin:0 0 0 15px;
font-weight:bold;
}
.box dd.last{
border-left:none;
border-right:none;
}
.box div.box_border{
background:transparent url(../img/rounded-right2.jpg) bottom right no-repeat;
}
.home_news .box #news{
height:12em;
overflow:auto;
}

#article{
float:left;
width:50%;
margin-right:10%;
}

#footer {
float:left;
width:100%;
clear:both;
background: #666666 ;
padding:.2em 0 .4em 0;
}
#footer a {
display:block;
color: #CCCCCC;
text-decoration: none;
float:left;
padding:0 1em 0 1em;
}
#footer a:hover {
color: #F4F4D0;
}
#footer a.top{
float:right;
padding-left:1em;
}
#footer a.top{
background:url(../img/top-arrow.gif) no-repeat bottom left;
}
#footer a.top:hover{
background-position:top left;
}
p#legal {
clear:both;
color: #000;
background-color:#eaeaea;
margin:0 0 0 0;
padding:.2em 0 .2em 1em;
}

table.certs{
width:100%;
}
table.certs td{
text-align:center;
border:1px solid #e5e5e5;
margin:10px;
padding:10px;
}
table.certs td a{
display:block;
}
table.publications td{
vertical-align:top;
border-bottom:1px solid #e5e5e5;
}
table.theory img, table.page img{
display:block;
}

span.message{
display:block;
width:100%;
background:#e5e5e5;
font-weight:bold;
}

div.details{
padding-left:20px;
}
p.details{
font-weight:bold;
}
.details table td{
padding:2px 0 12px 0;
border-bottom: 1px solid black;
}

.text table{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.text table td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

.cat_list{
width: 134px; 
text-align: center;
}

#intro{
margin:1em 0;
font-size:1.2em;
}

.seriesImage{
float:left;
margin:0 1em 0 1em;
}

#path{
float:left;
}
#path a{
font-weight:bold;
color:#CB7F0F;
}

#icons{
float:right;
}

.contacts h2{
clear:both;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
margin:0 0 .5em 0;
padding:.1em 0 .2em 15px;
font-size:1em;
background-color:#f5f5f5;
color:black;
cursor:pointer;
}
.contacts div div {
width:100%;
}
.contacts address{
float:left;
width:30%;
}
address{
margin:.5em 0 0 0;
padding:0 0 2.5em 0;
}

.lit td{
white-space:nowrap;
}

.lit td input{
width:200px;
margin:0 0 0 2em;
}

#products div{
border-bottom:1px solid #f5f5f5;
float:left;
margin-left:2em;
text-align:center;
width:50%;
}

#products p{
padding:0 10% 2em 10%;
}

div.search{
margin-bottom:2em;
}
div.search input.search{
width:300px;
}
#results{
font-family:arial;
font-size:1.1em;
}
#results a{
display:block;
font-family:arial;
text-decoration:underline;
font-size:1.4em;
margin-bottom:.3em;
}
#results a.url{
font-size:100%;
color:green;
margin-bottom:1.7em;
}

#index{
float:left;
margin-right:1em;
width:450px;
}

ul.contact{
list-style:none;
}
ul.contact li{
float:left;
margin:0 2em 0 0;
}

dl#simple {
margin: 0 0 2em 0;
padding: 0;
width:95%;
}
dl#simple dt{
margin:0 0 .5em 0;
padding: 0 0 0 7px;
font-weight:bold;
background:#f3f3f3 url(../img/content-bg.jpg) repeat-x top left;
}
dl#simple dd{
margin:0 0 0 100px;
padding:0 0 10px 0;
color:#666;
}
#techdocs li {
margin:0 0 .5em 0;
}

.product{
margin-top:2em;
float:right;
}
.product dt, .product a, .product dd{
margin-top:0;
padding-bottom:0;
padding-top:.1em;
font-weight:normal;
}

.product h4{
font-size:1em;
}

.designBody{
background:#fff;
}
