@charset "iso-8859-1";
body   { font-family: Verdana, Arial, Helvetica; margin: 0px; padding: 0px; font-size: 75%;  }
p { }
td {}
a, a:visited { color: #004990; }
a:hover, a:visited:hover { color: #1B6EBE; background-color: #D5EAFE }
h2, h3, h4, h5, h6 { font-size: 120%; border-bottom: 1px dashed #ccc; padding-bottom: 3px }

/* page-title */
#page-title h1 { font-size: 125%; margin: 0px; color: #333333 }
#page-title td   { background: #d0f2ae url(images/title_back.gif) repeat-x left bottom; padding: 15px 5px 5px }
#page-title { margin-bottom: 5px }
/* content */
#content { align: left }
#content p { line-height: 140% }
#content td  { text-align: left; line-height: 130% }


/* left content */
.left-content { padding-right: 10px; padding-left: 5px; padding-top: 0px }
.left-content img { float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 5px }
.left-content hr { clear: both; padding-top: 5px; margin-top: 5px; margin-bottom: 5px;  }

/* left content horizontal */
.left-content-horiz { padding-right: 10px }
.left-content-horiz img { margin-top: 10px; margin-right: 10px }
.left-content-horiz hr { height: 1px; color: #999999; clear: both; margin-top: 0px; margin-bottom: 0px;  }
.left-content-horiz table { left: 50% }

/* right content */
.right-content { }

/* technical information */
.tech { border: 1px solid #999999; border-bottom: 0px; border-right: 0px; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; font-size: 90%;   }
.tech td { border-right: 1px solid #999999;  border-bottom: 1px solid #999999;  }
.tech th { border-right: 1px solid #999999; border-bottom: 1px solid #999999; padding: 5px; background-color: #eeeeee; text-align: center }
#tech-info { font-size: 90%; line-height: 140%; margin-top: 0px; margin-bottom: 10px; padding-top: 5px }
.prod-type { font-size: 90%; color: #333333; font-weight: bold;  }

/* sidenav */
.mainlink { display: block }
.mainlink, .mainlink:visited { color: #333; font-weight: bold; font-size: 90%; text-decoration: none; background-color: #eee; margin: 0px; padding: 5px; border-top: 1px solid white;  border-bottom: 1px solid #CCCCCC; display: block }
.mainlink:hover, .mainlink:visited:hover  {  background-color: #CCCCCC; display: block; color: #333;  }
#sidenav p  { margin: 0px;  }
#sidenav  { background-color: #eee; border-top: 1px solid #FFFFFF;  }
#sidenav ul { margin-top: 0px; margin-bottom: 0px; padding-left: 8px; margin-left: 8px; }
#sidenav li  { padding: 3px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC }
.sublink { list-style-type: none; }
.sublink a, .sublink a:visited    { text-decoration: none; color: #333333; list-style-type: none;  font-size: 90%;  }
.sublink a:hover, .sublink a:visited:hover   { background-color: transparent; text-decoration: underline; color: #333; list-style-type: none;  }


/* product index pages */
.product-container a img { border: 0px; margin: 0px;   }
.product-container a:hover img { background-color: white; margin: 0px;  }
.product-container { font-size: 90%; line-height: 150%;  }
.product-container a { font-weight: bold; font-size: 110%}
.product-container td { border-bottom: 1px dashed #ccc; padding-bottom: 10px; padding-top: 10px; padding-right: 10px  }

#producthome p { font-size: 110%; margin: 0px; padding:0px; line-height: 140% }
#producthome p a { font-size: 110%; }

/* product intro pages */
.productintro a img { margin: 1px; border: 1px solid #ccc }
.productintro a:hover img { margin: 0px; border: 2px solid #D5EAFE; background-color: white; }
.productintro a { font-weight: bold; font-size: 120% }
.productintro { font-size: 90%;  }
.productintro td { border-bottom: 1px dashed #ccc; padding-bottom: 10px; padding-top: 10px; padding-right: 10px;  }

/* footer */
#footer { border-top: 1px solid #ccc; padding-top: 3px; font-size: 90% }

/* special order style */
.special { font-weight: bold; color: red}

/* hinges */
.hingetable td { padding: 5px }
.large { font-size: 130%; font-weight: bold }

/* homepage */
#homepagetable { margin-top: 2px }
#homepageintro  { color: #ffffff; background: #333333 url(images/intro_back.jpg) no-repeat right top; padding: 35px 160px 10px 10px; font-size: 95%; border-right: 1px solid white }
#homepageintro p { margin: 0px; padding: 0px }
#homepageintro a, #homepageintro a:hover { font-weight: bold; color: white; background-color: transparent }
#country  { font-size: 90%; background: #D0F2AE url(images/country_back.gif) no-repeat right bottom; padding: 5px }
#country p { margin: 0px; padding: 0px }
#catalogue  { font-size: 90%; background: url(images/catalogue_back.gif) no-repeat right top; padding: 10px 65px 10px 5px }
#catalogue p { margin: 0px; padding: 0px }
#homepageright { background-color: #C1ADE4 }
#homepagetable #producthome p { font-size: 100%}
#newsareahome { background-color: #eee; border-top: 1px solid white }
#news { padding: 5px; padding-top: 0px; padding-left: 10px; border-bottom: 1px solid white   }
#news ul { margin: 0px; padding: 0px; font-size: 90%; margin-top: 5px }
#news li { margin-left: 18px; margin-bottom: 5px }
#news li a { font-weight: bold }