﻿body {
font-family:Arial, Sans-Serif;
font-size:12px;
color:#535353;
font-weight:normal;
text-align:center;
background-color:#f1f7fa;
margin:0px;
}
a{
text-decoration:none;
font-weight:normal;
color:#bd2121;
}
a:visited{
text-decoration:none;
font-weight:normal;
color:#bd2121;
}
a:hover{
text-decoration:underline;
font-weight:normal;
color:#bd2121;
}
.wrapper{
width:800px;
min-height:600px;
margin:auto;
background-color:White;
border: 1px solid #dfe1e2;
}
.top{
width:800px;
height:124px;
float:left;
margin:0px;
background-image: url(/images/tile_top.gif);
background-repeat: repeat-x;
}
.logo{
width:246px;
height:124px;
float:left;
}
.mainpic_area{
width:800px;
height:368px;
float:left;
}

.mainpic_home{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection.jpg);
background-repeat:no-repeat;
}

.mainpic_about{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_about.jpg);
background-repeat:no-repeat;
}

.mainpic_products{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_products.jpg);
background-repeat:no-repeat;
}


.mainpic_bladder{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_bladder.jpg);
background-repeat:no-repeat;
}

.mainpic_piston{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_piston.jpg);
background-repeat:no-repeat;
}


.mainpic_diaphragm{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_diaphragm.jpg);
background-repeat:no-repeat;
}

.mainpic_support{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_support.jpg);
background-repeat:no-repeat;
}

.mainpic_contact{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_contact.jpg);
background-repeat:no-repeat;
}

.mainpic_calculations{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_bladder.jpg);
background-repeat:no-repeat;
}

.mainpic_accumulators{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_stations.jpg);
background-repeat:no-repeat;
}

.mainpic_coolers{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_coolers.jpg);
background-repeat:no-repeat;
}

.mainpic_dampers{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_dampers.jpg);
background-repeat:no-repeat;
}

.mainpic_mounting{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_mounting.jpg);
background-repeat:no-repeat;
}

.mainpic_charging{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_charging.jpg);
background-repeat:no-repeat;
}

.mainpic_nitrogen{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_nitrogen.jpg);
background-repeat:no-repeat;
}

.mainpic_safetyblock{
width:800px;
height:368px;
float:left;
background-image: url(/images/mainsection_safetyblock.jpg);
background-repeat:no-repeat;
}
.nav{
width:130px;
height:280px;
float:left;
margin: 30px 0 0 25px;
text-align:left;
}
html>body .nav{
width:130px;
height:280px;
float:left;
margin: 30px 0 0 50px;
text-align:left;
}
*:lang(en) .nav{
width:130px;
height:280px;
float:left;
margin: 30px 0 0 50px;
text-align:left;
}
.nav ul{
margin:0;
padding:0;
list-style:none;
}
.nav li{
width:125px;
height:25px;
display:block;
padding:0;
margin:15px 0 18px 0;
}
.nav li a{
width:125px;
height:20px;
display:block;
color:#ffffff;
padding: 4px 0 0px 3px;
text-decoration:none;
border-bottom: 1px solid white;
}
.nav li a:visited{
color:#ffffff;
text-decoration:none;
border-bottom: 1px solid white;
}
.nav li a:hover{
color:#ffffff;
text-decoration:none;
background-color:#5297c5;
border-bottom: 1px solid white;
}
.title_bar{
width:570px;
height:40px;
float:right;
font-size:20px;
text-align:left;
font-style:italic;
color:white;
margin: 310px 0 0 0;
}
*:lang(en) .title_bar{
margin-top:290px;
}
.larger{
font-size:26px;
font-style:italic;
}
.content_area{
width:765px;
min-height:300px;
float:left;
margin: 0 0 0 10px;
}
html>body .content_area{
width:765px;
min-height:300px;
float:left;
margin: 0 0 0 14px;
}
.left{
width:205px;
min-height:300px;
float:left;
margin: 0px 0 0 -8px;
}
html>body .left{
width:205px;
min-height:300px;
float:left;
margin: 5px 0 0 0;
}
.right{
width:550px;
min-height:300px;
float:right;
text-align:justify;
margin: 10px 0 20px 0;
}
h1{
font-size:18px;
text-align:left;
font-style:italic;
font-weight:normal;
}
h2{
font-size:16px;
text-align:left;
font-style:italic;
font-weight:normal;
}
h3{
font-size:14px;
text-align:left;
font-style:italic;
font-weight:normal;
}
.footer{
width:800px;
height:81px;
float:left;
background-image: url(/images/footer_tile.gif);
background-repeat: repeat-x;
}
.footercontent{
width:780px;
height:25px;
float:left;
font-size:9px;
margin-top:20px;
}
*:lang(en) .footercontent{
margin-left:-30px;
}
.footercontent ul{
margin:9px 0 0 5px;
list-style:none;
text-align:left;
color:#9b9b9b;
}
.footercontent li{
font-size:9px;
display:inline;
text-align:left;
color:#9b9b9b;
}
.footercontent li a{
font-weight:normal;
text-decoration:none;
display:inline;
text-align:left;
color:#9b9b9b;
border-right:1px solid #9b9b9b;
padding: 0px 5px 0px 5px;
}
.footercontent li a:visited{
text-decoration:none;
font-weight:normal;
display:inline;
text-align:left;
color:#9b9b9b;
}
.footercontent li a:hover{
text-decoration:underline;
font-weight:normal;
display:inline;
text-align:left;
color:#9b9b9b;
}
.footercontent a.sitemap{
border-right:none;
}
.copyright{
float:right;
color:#9b9b9b;
margin:-20px 0 0 0;
}
.subnav_box{
width:208px;
height:409px;
float:left;
background-image: url(/images/subnav_box.jpg);
background-repeat:no-repeat;
}
.subnav{
width:130px;
height:380px;
float:left;
margin: 13px 0 0 20px;
text-align:left;
}
html>body .subnav{
width:130px;
height:380px;
float:left;
margin: 13px 0 0 35px;
text-align:left;
}
*:lang(en).subnav{
width:130px;
height:380px;
float:left;
margin:13px 0 0 35px;
text-align:left;
}
.subnav ul{
margin:0;
padding:0;
list-style:none;
}
.subnav li{
width:130px;
height:22px;
display:block;
padding:0;
margin:9px 0 12px 0;
}
.subnav li a{
width:130px;
height:20px;
display:block;
color:#2f6ab1;
font-size:11px;
padding: 4px 0 0px 3px;
text-decoration:none;
border-bottom: 1px solid #bd2121;
}
.subnav li a:visited{
color:#2f6ab1;
text-decoration:none;
}
.subnav li a:hover{
color:#ffffff;
text-decoration:none;
background-color:#4596c8;
}
img{
border:none;
}
label{
display:block;
float:left;
width:180px;
margin: 0 10px 0 0;
padding: 5px 0 0 0;
}
label.long
{
width:220px;
}
.form{
border:none;
font-weight:normal;
}
.forminput{
float:left;
font-family: Arial, Sans-Serif;
font-size:12px;
width:200px;
padding: 3px 0 3px 0;
margin:5px 0 5px 0;
}
.forminputshort{
float:left;
font-family: Arial, Sans-Serif;
font-size:12px;
width:100px;
padding: 3px 0 3px 0;
margin:5px 0 5px 0;
}
div.calccontrol
{
margin-top: 10px;
}
div.calccontrol img
{
margin-right: 10px;
}
.clear{
clear:both;
}
.send{
float:left;
margin:20px 0 0 0px;
padding:0;
width:135px;
height:31px;
}
.error{
color:#7b0220;
font-style:italic;
font-size:10px;
display:block;
float:left;
margin: 0;
padding: 10px 0 0 10px;
}
.caption{
caption-side: top;
text-align:left;
font-style:italic;
font-weight:bold;
font-size:14px;	
background-color:#bd2121;
color:white;
padding:5px 3px;
}	
.table{
border:1px solid silver;
height:auto;
width:550px;
padding:0;
margin:0;
border-collapse: collapse;
}
.table th
{
text-align: left;
}
.tablerow{
height:30px;
width:500px;
padding:0;
margin:0;
}
.rowleft{
background-color:#e8edf0;
border-bottom:1px solid silver;
width:200px;
padding-left:4px;
margin:2px;
}
.rowright{
border-bottom:1px solid silver;
width:auto;
padding-left:4px;
margin:2px;
}
.rowleftlast{
background-color:#e8edf0;
width:200px;
padding-left:4px;
margin:2px;
}
.rowrightlast{
width:auto;
padding-left:4px;
margin:2px;
}
.errorpanel
{
    display: block;
    margin: 10px 0;
    padding: 5px 5px 5px 90px;
    min-height: 60px;
    border: 1px solid #CC3300;
    background: #FFFFCC url(/images/icon-errorpanel.gif) no-repeat 10px 10px;
    color: #CC3300;
}
div.calcresults
{
margin-top: 15px;
}

