/***************/
/* PAGE LAYOUT */
/***************/
html, body {
    overflow: hidden;
    position: relative;
    height: 100%;
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
    margin: 0px 0px 0px 0px;
	color: black;
	font-family: Arial, Helvetica, Times, serif;
    line-height: 100%;
	text-align: center;
    background-color: #FFFACD;
}
span {
    display: none;
}
div.ie6 {
    position: absolute;
    left: 0px; top: 0px;
    z-index: 200;
    clear: both;
    width: 100%;
    padding: 5px 0px 5px 0px;
    border-top: 1px dotted white;
    border-bottom: 1px dotted white;
    border-left: 0px dotted white;
    border-right: 0px dotted white;
    margin: 0px auto 0px auto;
	color: white;
    font-size: 12px;
    line-height: 120%;
    background-color: #A52A2A;
}
table.layout {
    position: relative;
	width: 100%;
    height: 100%;
    padding: 0px 0px 0px 0px;
	border: 0px solid lime;
    margin: 0px 0px 0px 0px;
}
table.layout td {
    position: relative;
    padding: 0px 0px 0px 0px;
	border-top: 0px solid #FFFACD;
	border-bottom: 0px solid #FFFACD;
	border-left: 1px solid #FFFACD;
	border-right: 1px solid #FFFACD;
    margin: 0px 0px 0px 0px;
}
table.layout td.center {
    width: 770px;
}
#top {
    top: 0;
    height: 203px;
}
#bottom {
    bottom: 0;
    height: 110px;
}
#top,
#bottom {
    position: absolute; /*absolute relative*/
    z-index: 500;
    width: 770px;
    padding: 0px auto 0px auto;
	border: 0px solid red;
    margin: 0px auto 0px auto;
    background-color: transparent; /*transparent*/
}
#maincontent {
    overflow: auto;
    position: fixed;
    z-index: 499;
    top: 203px; /* Set top value to #top height */
    bottom: 110px; /* Set bottom value to #bottom height */
    width: 770px;
    height: auto;
    min-height: 100px;
    margin: 0px auto 0px auto;
	border: 0px solid #FFFFFF;
    padding: 0px auto 0px auto;
    background: #fff;
}
.innertube {
    margin: 0px;
	border: 0px solid #FFFFFF;
    padding: 0px;
}

/*************/
/* TOP STYLE */
/*************/
div.header {
    position: relative;
    z-index: 0;
    height: 150px;
    width: 770px;
    padding: 0px;
    border: 0px solid red;
    margin: 0px auto 0px auto;
    background-color: transparent;
    background-image: url(images/header1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    clear: both;
}
div.logo {
    position: absolute;
    right: 40px; top: 40px;
    z-index: 0;
    height: 51px;
    width: 376px;
    padding: 0px;
    border: 0px solid red;
   	margin: 0px;
    background-color: transparent;
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    clear: both;
}

/*****************/
/* CONTENT STYLE */
/*****************/
div.content {
    width: 753px;
    float: left;
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
  	margin: 0px 0px 0px 0px;
    color: black;
    clear: both;
    background-color: white;
    background-image: url(images/page_bg.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}
div.content.products {
    background-image: none;
}
div.left {
    width: 250px;
    float: left;
    padding: 20px 0px 20px 0px;
    border: 0px solid red;
  	margin: 0px 0px 0px 0px;
    color: black;
    background-color: white;
    background-image: url(images/page_bg.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}
div.right {
    width: 500px;
    float: right;
    padding: 10px 0px 20px 0px;
    border: 0px solid cyan;
  	margin: 0px 0px 0px 0px;
    color: black;
    background-color: transparent;
}
div.wide {
    width: 750px;
    min-height: 380px;
    float: left;
    padding: 20px 0px 20px 0px;
    border: 0px solid red;
  	margin: 0px 0px 0px 0px;
    color: black;
    background-color: white;
}
div.about {
    width: 220px;
    float: left;
    padding: 0px 0px 0px 0px;
    border: 0px solid cyan;
  	margin: 0px 0px 0px 20px;
    color: black;
    text-align: center;
    background-color: white;
}

/********************/
/* NEWS INDEX STYLE */
/********************/
div.news {
    width: 480px;
    float: right;
    padding: 0px 0px 0px 0px;
    border: 0px solid cyan;
  	margin: 0px 10px 20px 0px;
    color: black;
    background-color: #D9E5D1;
    background-image: url(images/newsbox_bottom.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}
div.newsbox {
    width: 480px;
    float: left;
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
  	margin: 5px 10px 0px 0px;
    color: black;
    background-color: transparent;
}

/****************/
/* BOTTOM STYLE */
/****************/
div.supplierstext {
    clear: both;
    height: 33px;
    width: 770px;
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
   	border-top: 3px solid white;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    background-image: url(images/suppliers_header.png);
    background-position: top center;
    background-repeat: no-repeat;
}
div.member {
    clear: both;
    overflow: hidden;
    width: 770px;
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
   	border-top: 3px solid white;
    margin: 0px auto 0px auto;
    background-color: transparent;
    background-image: url(images/page_bg.jpg);
    background-position: bottom left;
    background-repeat: repeat;
}
div.visa {
    display: inline;
    float: right; /*right left*/
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
    margin: 10px 20px 10px 0px;
    background-color: transparent;
    background-image: none;
}

/* HEADER STYLING */
h1 {
    display: none;
}
h2 {
    padding: 0px 0px 0px 0px;
    border: 0px solid lime;
  	margin: 0px auto 0px auto;
    font-family: Verdana, Arial, Helvetica, Times, serif;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: black;
    line-height: 100%;
}
h2.welcome {
    height: 61px;
    width: 236px;
    background-image: url(images/welcome2.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
h3 {
    clear: both;
    padding: 0px 0px 10px 0px;
    border: 0px dotted red;
    margin: 0px 0px 0px 0px;
    font-family: "ZapfHumnst BT", Arial, Helvetica, Times, serif;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-variant: small-caps;
    color: #043E0A; /*#043E0A*/
    text-align: center;
    line-height: 130%;
}
h3.specialists {
    padding: 5px 0px 10px 0px;
    font-family: Arial, Helvetica, Times, serif;
    color: white; /*#043E0A*/
    text-align: center;
}
h4 {
    padding: 10px 0px 5px 0px;
    border: 0px dotted red;
    margin: 0px 0px 0px 0px;
    font-family: "ZapfHumnst BT", Arial, Helvetica, Times, serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    color: #C99400; /**/
    line-height: 130%;
}
h4.big {
    font-size: 2em;
}
div.about h4 {
    clear: both;
    min-height: 45px;
    font-size: 16px;
}
div#newera h4 {
    clear: both;
    padding: 0px 0px 0px 0px;
    border: 0px dotted red;
    margin: 0px 0px 5px 0px;
    font-family: "ZapfHumnst BT", Arial, Helvetica, Times, serif;
    font-size: 1.2em;
    text-align: center;
    color: #C99400; /*#B78B21*//*#FFFACD*/
}
div#newera div.area h4 {
    color: white;
}
div.news h4 {
    clear: both;
    padding: 2px 0px 2px 10px;
    border-bottom: 1px solid #FFFFFF;
    color: #055510; /**/
    text-align: left;
    background-color: #D9E5D1;
    background-image: url(images/newsbox_top.gif);
    background-position: top left;
    background-repeat: no-repeat;
}
h4.h4green {
    color: #043E0A;
}
h5 {
    padding: 0px 0px 0px 0px;
    border: 0px dotted red;
    margin: 0px 20px 10px 20px;
    font-family: Arial, Helvetica, Times, serif;
    font-size: 13px; /*0.8em*/
    font-weight: bold;
    font-style: normal;
    color: black; /*#043E0A*/
	text-align: left;
    line-height: 130%;
}
h5.duoplank {
    padding: 0px 0px 5px 20px;
    border: 0px dotted red;
    margin: 0px 0px 0px 0px;
    font-family: "ZapfHumnst BT", Arial, Helvetica, Times, serif;
    font-size: 1.1em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #043E0A;
}
h5.sales {
    padding: 10px 0px 5px 0px;
    border: 0px dotted red;
    margin: 0px 0px 0px 0px;
    font-family: "ZapfHumnst BT", Arial, Helvetica, Times, serif;
    font-size: 1.3em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
div.border {
    position: relative;
    float: left;
    padding: 35px 0px 0px 0px;
    border: 1px solid #B78B21;
  	margin: 0px 20px 0px 20px;
    color: black;
    clear: both;
    background-color: #FFFACD;
}
div.border h5.duoplank {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    padding: 0px 0px 0px 0px;
    border: 0px dotted red;
    margin: 0px 0px 0px 0px;
    font-family: "ZapfHumnst BT", Arial, Helvetica, Times, serif;
    font-size: 1.2em;
    text-align: center;
    letter-spacing: 0.3em;
    color: #FFFACD;
    background-color: #B78B21;
}
h5.newsbox {
    padding: 0px 0px 5px 0px;
    border: 0px dotted red;
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Times, serif;
    font-size: 14px;
    text-align: left;
    color: #043E0A;
}
h6 {
    padding: 10px 0px 5px 0px;
    border: 0px dotted red;
    margin: 0px 0px 0px 0px;
    font-family: "ZapfHumnst BT", Arial, Helvetica, Times, serif;
    font-size: 1.3em;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    color: #C99400; /**/
    line-height: 130%;
}

/* TEXT STYLING */
p {
    padding: 0px 0px 0px 0px;
    border: 0px solid pink;
    margin: 0px 20px 10px 20px;
	text-align: left;
	font-family: Arial, Helvetica, Times, serif;
	font-size: 13px;
    font-weight: normal;
    line-height: 130%;
}
p.p1 {
	font-size: 13px;
    font-weight: bold;
    line-height: 140%;
}
p.center {
	text-align: center;
}
p.large {
    clear: both;
	font-size: 15px;
    font-weight: bold;
    font-family: "ZapfHumnst BT", Arial, Helvetica, Times, serif;
}
p.white {
	font-size: 13px;
	color: white;
}
p.white b {
    font-weight: bold;
	color: #ffffff;
}
p.indent {
    margin-left: 50px;
}
div.about p {
    clear: both;
    margin: 5px 20px 5px 20px;
}
#home p {
    border: 0px solid red;
    margin: 5px 20px 15px 20px;
    font-family: "ZapfHumnst BT";
	font-size: 15px;
    font-weight: bold;
	color: #055510;
    text-align: justify;
    line-height: 130%;
}
#home p.newsboxdate {
    padding: 5px 0px 5px 0px;
    border: 0px dotted red;
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Times, serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #C99400;
}
#home p.newsbox {
    padding: 0px 10px 5px 0px;
    border: 0px dotted red;
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Times, serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #000000;
}
#home .readmore {
    padding: 0px 10px 5px 0px;
    border-bottom: 1px solid #FFFFFF;
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Times, serif;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    color: #000000;
}
.area {
    padding: 10px 0px 5px 0px;
    border: 0px solid #6593B5;
    margin: 0px 10px 10px 10px;
    color: #055510;
    background-color: #C99400;
}

abbr,
acronym {
	border-bottom: 1px dotted #ECDCB7;
    cursor: help;
}
big {
    font-size: 20px;
}
.area big {
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
    font-family: "ZapfHumnst BT";
}
b {
    font-weight: bold;
}
small {
    font-size: 10px;
}
strong {
    font-weight: bold;
	color: #043E0A;
}
em {
    font-weight: bold;
    font-style: normal;
	color: #B78B21;
}
.area em {
    font-weight: bold;
    font-style: normal;
	color: white;
}

#endofline {
    width: 464px;
    height: 52px;
    padding: 0px 0px 0px 0px;
    border: 0px solid lime;
    margin: 0px 10px 0px 10px;
    color: #055510;
    background-color: transparent;
    background-image: url(images/endofline.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
a.block:link, a.block:visited, a.block:active {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-color: transparent;
    background-image: url(images/endofline_hover.gif);
    background-position: center -100px;
    background-repeat: no-repeat;
}
a.block:hover {
    background-position: center center;
}

a:link, a:visited, a:active {
	color: #04480B;
    text-decoration: underline;
    background-color: transparent;
}
a:hover {
	color: #B78B21;
    text-decoration: none;
}

div.ie6 a:link, div.ie6 a:visited, div.ie6 a:active {
	color: white;
    text-decoration: underline;
}
div.ie6 a:hover {
	color: white;
    text-decoration: none;
}

a.img:link, a.img:visited, a.img:active, a.img:hover {
    position: relative;
    z-index: 0;
    display: block;
    float: left;
    padding: 0px 0px 0px 0px;
    border: 0px solid #6593B5;
    margin: 10px 0px 10px 20px;
    text-decoration: none;
    background-color: transparent;
}
a.img img {
    position: relative;
    right: 0;
    display: inline;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
    margin: 0px 0px 0px 0px;
}

/* basic bullet list */
ul {
    list-style-type: disc;
    list-style-position: outside;
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
    margin: 0px 0px 10px 50px;
	color: black;
    font-size: 0.8em;
    text-align: left;
    line-height: 120%;
}

/***************/
/* IMAGES */
/***************/
img {
    display: block;
    vertical-align: middle;
    padding: 0px;
    border: 0px solid lime;
    margin: 10px auto 20px auto;
    background-color: transparent;
}
img.about {
    vertical-align: middle;
    padding: 0px auto 0px auto;
    border: 0px solid lime;
    margin: 0px auto 0px auto;
    background-color: transparent;
}
img.fl { /* FLOAT IMAGES LEFT */
    float: left;
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
    margin: 5px 20px 5px 20px;
    background-color: transparent;
}
img.fr { /* FLOAT IMAGES RIGHT */
    float: right;
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
    margin: 5px 20px 5px 20px;
    background-color: transparent;
}
img.newsbox {
    float: left;
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
    margin: 20px 30px 25px 30px;
    background-color: transparent;
}

div.fl { /* FLOAT SLIDESHOW IMAGES LEFT */
    float: left;
    display: block;
    height: 181px;
    width: 241px;
    padding: 0px 0px 0px 0px;
	border: 0px solid lime;
    margin: 0px 20px 0px 20px;
    background-color: transparent;
}
div.fr { /* FLOAT SLIDESHOW IMAGES RIGHT */
    float: right;
    display: block;
    height: 181px;
    width: 241px;
    padding: 0px 0px 0px 0px;
	border: 0px solid cyan;
    margin: 0px 20px 0px 20px;
    background-color: transparent;
}
div#fadeshow1,
div#fadeshow2 {
    display: block;
    height: 181px;
    width: 241px;
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
}

hr {
    clear: both;
    width: 100%;
    height: 1px;
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
    margin: 0px auto 10px auto;
    color: white;
    background-color: white;
}
hr.g {
    width: 100%;
    margin: 20px 0px 10px 0px;
    color: #05440D;
    background-color: #05440D;
}
div.hr {
    clear: both;
    height: 47px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    border: 0px solid #FF0066;
    margin: 30px 0px 20px 0px;
    background-image: url(images/plank.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
div.hr hr {
    display: none;
}

iframe {
    position: relative;
    z-index: 0;
    width: 425px;
    height: 350px;
    padding: 5px;
    border: 2px solid #04480B;
    margin: 10px 0px 0px 30px;
    text-decoration: none;
    background-color: transparent;
}

/**************************/
/* PORTFOLIO PAGE STYLING */
/**************************/
div.right#portfolio h6 {
    clear: both;
}
div.right#portfolio div.goto {
    clear: both;
    padding: 3px 0px 5px 0px;
    border-top: 1px dotted #C99400;
    border-bottom: 1px dotted #C99400;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    text-align: center;
}
div.right#portfolio div.goto p {
    clear: both;
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    text-align: center;
}
div.right#portfolio div.hr {
    display: block;
    float: left;
    clear: both;
    height: 1px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    border: 0px solid #FF0066;
    margin: 0px 0px 0px 0px;
    background-image: none;
}
div.portfolio {
    position: relative;
    top: 0px;
    z-index: 0;
    padding: 0px 0px 0px 0px;
   	border: 0px solid cyan;
    margin: 0px 0px 0px 15px;
}
div.port {
    float: left;
    height: 125px; /*125px*/
    width: 90px; /*125px*/
    padding: 10px 9px 5px 9px;
   	border: 1px solid #E9E9E9;
    margin: 0px 10px 10px 0px;
    color: black;
	font-family: Arial, Helvetica, Times, serif;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    line-height: 120%;
    background-color: white; /*#F7F6FB*/
}
div.port a {
    padding: 0px 0px 0px 0px;
   	border: 0px solid lime;
    margin: 0px 0px 0px 0px;
}
div.port img {
    height: 90px; /*90px*/
    width: 90px; /*90px*/
    padding: 0px 0px 0px 0px;
   	border: 0px solid red;
    margin: 0px 0px 5px 0px;
    background-color: transparent;
}


/* FORM STYLING */
legend
    {
    	display: none
    }
fieldset
    {
        padding: 0 0 0 20px;
    	border-style: none;
        font-family: Verdana, Arial, Helvetica, Times, serif;
    }
input.wide, textarea.wide
    {
        width: 480px;
        color: black;
    }
input
    {
        color: black;
    }
select.wide
    {
        width: 484px;
        color: black;
    }

/***********************/
/*    TABLE STYLING    */
/***********************/
table.duoplank,
table.boen,
table.junckers,
table.orient,
table.oils,
table.accessories,
table.endofline,
table.new {
    width: 98%;
    padding: 0px 0px 0px 0px;
  	border: 0px solid red;
    margin: 0px 0px 10px 10px;
    font-size: 12px;
}
table.newera,
table.newera2 {
    width: 95%;
    float: left;
    padding: 0px 0px 0px 0px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	border-right: 1px solid black;
    margin: 10px 10px 10px 15px;
}
table.duoplank h5,
table.boen h5,
table.junckers h5,
table.endofline h5,
table.orient h5,
table.oils h5,
table.accessories h5 {
    display: block;
    padding: 8px 0px 8px 0px;
    border-top: 1px solid black;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    text-align: center;
}
/* 'Scroll To' Bar Style */
table td div.goto {
    width: 100%;
    padding: 2px 0px 5px 0px;
    border-top: 1px dotted #C99400;
    border-bottom: 1px dotted #C99400;
    margin: 10px 0px 10px 0px;
    text-align: center;
    font-size: 12px;
    background-color: #FFFCE1;
}
table td.pdf {
    padding: 0px 0px 0px 0px;
  	border: 0px solid red;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
    text-align: center;
}
table td.pdf a {
    display: block;
    padding: 0px 0px 0px 0px;
  	border: 0px solid lime;
    margin: 0px 0px 0px 0px;
}
table td.pdf a img {
    padding: 0px 0px 0px 0px;
  	border: 0px solid #FF00FF;
    margin: 0px auto 0px auto;
}
/******************/
table td {
    position: relative;
    vertical-align: middle;
}
table.duoplank td,
table.boen td,
table.junckers td,
table.orient td,
table.oils td,
table.accessories td,
table.new td,
table.newera td,
table.newera2 td {
    position: relative;
    text-align: left;
    padding: 0px 0px 0px 0px;
  	border: 0px solid cyan;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    text-align: left;
    color: black;
}
table.duoplank td {
    padding: 5px 0px 5px 0px;
    text-align: center;
}
table.accessories td {
    padding: 4px 0px 3px 0px;
}
table.oils td {
    padding: 4px 0px 4px 0px;
}
table.orient td {
    padding: 0px 0px 10px 0px;
}
table.junckers td,
table.boen td {
    text-align: center;
}
table.new td {
    width: 33%;
    padding: 0px 5px 10px 5px;
    margin: 0px auto 0px auto;
    text-align: center;
    vertical-align: top;
}
table.newera td {
    padding: 1px 10px 1px 10px;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	border-right: 1px solid black;
}
table.newera2 td {
    width: 16%;
    padding: 1px 10px 1px 10px;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	border-right: 1px solid black;
}

/******************/
table.oils th img {
    margin-bottom: 0px;
}
table.duoplank td img,
table.boen td img,
table.junckers td img,
table.orient td img,
table.oils td img,
table.accessories td img,
table.new td img {
    position: relative;
    z-index: 25;
    padding: 0px 0px 0px 0px;
  	border: 0px solid lime;
    margin: 0px auto 10px auto;
}
table.new td img {
    clear: both;
    width: 130px;
    height: 130px;
    margin: 10px auto 0px auto;
}
table.duoplank td img,
table.boen td img,
table.oils td img {
    max-width: 100px;
}
table.junckers td img {
    max-width: 200px;
}
table.orient td img {
    max-width: 150px;
}
table.accessories td img {
    margin-bottom: 0px;
}
table.accessories td img.fr {
    float: right;
    width: 100px;
    border: 1px solid #064C0E;
    margin: 5px 5px 5px 5px;
}
table.accessories td img.fr2 {
    float: right;
    width: 247px;
    border: 1px solid #064C0E;
    margin: 5px 5px 5px 5px;
}

/******************/
table.accessories tr.title {
    clear: both;
}

table.duoplank tr.title th h4 {
    padding: 2px 0px 2px 0px;
    font-size: 20px;
    color: #005F2A;
}

table.new tr.title th h5,
table.accessories tr.title th h5 {
    padding: 2px 0px 2px 0px;
    border: 0px solid cyan;
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Times, serif;
    text-align: center;
    color: #FFFFFF;
    background-color: #005F2A;
}
table.new tr.title th h5 {
    margin: 0px 0px 10px 0px;
    font-family: "ZapfHumnst BT";
    font-size: 18px;
}
table.accessories tr.title th h5 {
    display: block;
    margin: 5px 0px 0px 0px;
    font-size: 14px;
    text-transform: none;
}
table.duoplank h5 {
    color: #000000;
}
table.orient h5 {
    color: #043E09;
}
table.boen h5 {
    color: #F47220;
}
table.junckers h5 {
    color: #FC0011;
}

table.accessories tr.title th h6,
table.oils tr.title th h6 {
    border: 0px solid cyan;
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, Times, serif;
    text-align: center;
    color: black;
}
table.accessories tr.title th h6 {
    padding: 4px 0px 4px 0px;
    font-size: 12px;
    background-color: #DCDCDC;
}
table.oils tr.title th h6 {
    display: block;
    padding: 2px 0px 2px 0px;
    margin: 10px 0px 0px 0px;
    font-size: 14px;
    color: white;
    text-transform: none;
    background-color: #005F2A;
}

table.new h6 {
    color: black;
}
table.accessories h6.c {
    display: block;
    text-align: center;
    border: 1px solid red;
}

/******************/
table.newera thead th {
    color: white;
    background-color: #03420B;
}
table.newera2 thead th {
    padding: 5px 5px 5px 10px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 0px solid black;
	border-right: 1px solid black;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    text-align: left;
    color: white;
    background-color: #03420B;
}

/******************/
table.newera th,
table.newera2 th {
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    text-align: left;
    background-color: #C99400;
}
table.newera th {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 0px solid black;
	border-right: 2px solid black;
}
table.newera2 th {
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	border-right: 1px solid black;
}

table.duoplank tr th {
    font-size: 12px;
    text-align: left;
}
table.new tr th {
    border: 0px solid red;
    font-size: 12px;
    text-align: left;
}
table.oils tr th {
    border: 0px solid red;
    font-size: 12px;
    text-align: left;
}

/******************/
table.newera tr.top td {
    padding: 5px 10px 5px 10px;
	border-top: 2px solid black;
	border-bottom: 1px solid black;
	border-left: 0px solid black;
	border-right: 1px solid black;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
}
table.newera2 tr.top td,
table.newera2 tr.top th {
    padding: 1px 10px 1px 10px;
	border-top: 1px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	border-right: 1px solid black;
    margin: 0px 0px 0px 0px;
}
table.accessories tr.topbar td,
table.oils tr.topbar td {
    border-top: 1px solid #000000;
}
table.accessories tr.end td,
table.oils tr.end td {
    border-bottom: 1px solid #EBEBEB;
}

/******************/
table.accessories tr.heading4 td,
table.accessories tr.heading5 td {
    padding: 2px 0px 2px 5px;
    border-top: 2px solid white;
    color: white;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
	background-color: black;
}
table.accessories tr.heading4 td {
    width: 25%;
}
table.accessories tr.heading5 td {
    width: 20%;
}

table.newera td.d1 { width: 24%;
}
table.newera td.d2 { width: 38%;
}

table.duoplank td.d1,
table.duoplank td.d2,
table.duoplank td.d3,
table.duoplank td.d4,
table.duoplank td.d5,
table.duoplank td.d6,
table.duoplank td.d7 {
    padding: 2px 0px 2px 0px;
    border: px solid lime;
    color: white;
    font-weight: bold;
	background-color: #005F2A;
}
table.duoplank td.d1 {
    width: 140px;
    background-image: url(images/duoplank_barimage.jpg);
    background-position: center left;
    background-repeat: no-repeat;
}
table.duoplank td.d2 { width: 80px;
}
table.duoplank td.d3 { width: 170px;
}
table.duoplank td.d4 { width: 110px;
}
table.duoplank td.d5 { width: 85px;
}
table.duoplank td.d6 { width: 90px;
}
table.duoplank td.d7 { width: 60px;
}

table.accessories td.d1,
table.accessories td.d2,
table.accessories td.d3,
table.accessories td.d4,
table.accessories td.d5,
table.accessories td.d6,
table.oils td.d1,
table.oils td.d2,
table.oils td.d3,
table.oils td.d4,
table.oils td.d5,
table.oils td.d6,
table.oils td.d7 {
    padding: 2px 5px 2px 5px;
    border-top: 2px solid white;
    color: white;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
	background-color: black;
}
table.accessories td.d1 {
    width: 123px;
}
table.accessories td.d2 {
    width: 123px;
}
table.accessories td.d3 {
    width: 123px;
}
table.accessories td.d4 {
    width: 123px;
}
table.accessories td.d5 {
    width: 123px;
}
table.accessories td.d6 {
    width: 120px;
}
table.oils td.d1 {
    width: 115px;
}
table.oils td.d2 {
    width: 115px;
}
table.oils td.d3 {
    width: 115px;
}
table.oils td.d4 {
    width: 115px;
}
table.oils td.d5 {
    width: 115px;
}
table.oils td.d6 {
    width: 120px;
}
table.oils td.d7 {
    width: 40px;
    padding-left: 0px;
    font-size: 10px;
    text-align: center;
}


/***************************/
/* DEFINITION LIST STYLING */
/***************************/
dl {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    border: 0px solid green;
    margin: 0px 0px 0px 0px;
	color: #717074;
    font-size: 12px;
    text-align: left;
}
dl dt {
    float: left;
    clear: left;
    width: 42%;
    padding: 0px 15px 0px 0px;
    border: 0px solid red;
    margin: 0px 0px 0px 0px;
    color: #717074;
    font-weight: bold;
    text-align: right;
}
dl dt.title {
    clear: none;
    width: 100%;
    padding: 5px 0px 5px 0px;
    border-top: 1px solid #DCDCDC;
    margin: 0px 0px 0px 0px;
    text-align: left;
}
dl dd {
    float: left;
    width: 53%;
    padding: 0px 0px 0px 0px;
    border: 0px solid #9932CC;
    margin: 0px 0px 5px 0px;
    color: #717074;
    text-align: left;
}
dl strong {
	color: #717074;
}

/**************/
/* NAVIGATION */
/**************/
div.navigation {
    position: relative;
    z-index: 600;
    width: 770px;
    height: 50px;
    padding: 0px 0px 0px 0px;
    border: 0px solid orange;
    border-bottom: 3px solid #FFFFFF;
  	margin: 0px auto 0px auto;
    background-color: #054C0D;
    background-image: url(images/page_bg.jpg);
    background-position: 10px bottom;
    background-repeat: repeat;
}
#navcontainer {
    position: relative;
    z-index: 600;
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    border: 0px solid pink;
    padding: 0px auto 0px auto;
    background-color: transparent;
}
ul#nav1 {
    position: relative;
    z-index: 600;
    width: 740px;
    height: 29px;
	margin: 0px auto 0 auto;
    border: 0px solid lime;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
    background-image: url(images/nav_buttons2.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
ul#nav1 li {
    position: relative;
    z-index: 600;
    float: left;
  	margin: 0px 0px 0px 0px;
    border: 0px solid white;
    padding: 0px 0px 0px 0px;
    background-repeat: no-repeat;
}
ul#nav1 li a:link,
ul#nav1 li a:visited,
ul#nav1 li a:active,
ul#nav1 li a:hover {
    position: relative;
  	display: block;
    float: left;
    height: 29px;
    margin: 0px 0px 0px 0px;
    border-top: 0px solid red;
    border-bottom: 0px solid red;
    border-left: 0px solid red;
    border-right: 0px solid red;
    padding: 0px 0px 0px 0px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent; /*transparent*/
    background-repeat: no-repeat;
}
/* nav buttons */
ul#nav1 li.index a,
ul#nav1 li.about a,
ul#nav1 li.installations a,
ul#nav1 li.products a,
ul#nav1 li.new_era a,
ul#nav1 li.portfolio a,
ul#nav1 li.news a,
ul#nav1 li.contact a {
    background-image: url(images/nav_buttons_hover.gif);
    background-position: 0px -100px;
}
/* nav buttons HOVER */
ul#nav1 li.index a:hover,
ul#nav1 li.about a:hover,
ul#nav1 li.installations a:hover,
ul#nav1 li.products a:hover,
ul#nav1 li.new_era a:hover,
ul#nav1 li.portfolio a:hover,
ul#nav1 li.news a:hover,
ul#nav1 li.contact a:hover {
    background-image: url(images/nav_buttons_hover.gif);
}
/* nav buttons CURRENT */
ul#nav1 li.index#current a,
ul#nav1 li.about#current a,
ul#nav1 li.installations#current a,
ul#nav1 li.products#current a,
ul#nav1 li.new_era#current a,
ul#nav1 li.portfolio#current a,
ul#nav1 li.news#current a,
ul#nav1 li.contact#current a {
    background-image: url(images/nav_buttons_current.gif);
}
/******************/
/* "index" button */
ul#nav1 li.index a {
    width: 65px;
}
ul#nav1 li.index:hover a,
ul#nav1 li.index a:hover,
ul#nav1 li.index#current a {
    width: 65px;
    background-position: 0px 0px;
}
/* "about" button */
ul#nav1 li.about a {
    width: 91px;
}
ul#nav1 li.about:hover a,
ul#nav1 li.about a:hover,
ul#nav1 li.about#current a {
    width: 91px;
    background-position: -65px 0px;
}
/* "installations" button */
ul#nav1 li.installations a {
    width: 127px;
}
ul#nav1 li.installations:hover a,
ul#nav1 li.installations a:hover,
ul#nav1 li.installations#current a {
    width: 127px;
    background-position: -156px 0px;
}
/* "products" button */
ul#nav1 li.products a {
    width: 96px;
}
ul#nav1 li.products:hover a,
ul#nav1 li.products a:hover,
ul#nav1 li.products#current a {
    width: 96px;
    background-position: -283px 0px;
}
/* "new_era" button */
ul#nav1 li.new_era a {
    width: 85px;
}
ul#nav1 li.new_era:hover a,
ul#nav1 li.new_era a:hover,
ul#nav1 li.new_era#current a {
    width: 85px;
    background-position: -379px 0px;
}
/* "portfolio" button */
ul#nav1 li.portfolio a {
    width: 98px;
}
ul#nav1 li.portfolio:hover a,
ul#nav1 li.portfolio a:hover,
ul#nav1 li.portfolio#current a {
    width: 98px;
    background-position: -464px 0px;
}
/* "news" button */
ul#nav1 li.news a {
    width: 63px;
}
ul#nav1 li.news:hover a,
ul#nav1 li.news a:hover,
ul#nav1 li.news#current a {
    width: 63px;
    background-position: -562px 0px;
}
/* "contact" button */
ul#nav1 li.contact a {
    width: 108px;
}
ul#nav1 li.contact:hover a,
ul#nav1 li.contact a:hover,
ul#nav1 li.contact#current a {
    width: 108px;
    background-position: -625px 0px;
}

/***************************/
/* 2nd level nav */
/***************************/
ul#nav1 li ul.nav2 {
/* 2nd level ul */
        display: none;
}
/***************************
ul.nav1 li#current ul.nav2
/* display the 2nd level for the current page
in case js is disabled {
}
***************************/
ul#nav1 li#current:hover ul.nav2,
ul#nav1 li:hover ul.nav2 {
/* 2nd level ul on 1st level hover */
    display: block;
    position: absolute; /*relative*//*absolute*/
    z-index: 150;
    top: 28px;
    left: -20px;
    list-style: none;
    margin: 0px 0px 0px 0px;
    border: 0px solid #BF8F00;
    padding: 10px;
    background-color: transparent; /*transparent*/
    background-image: url(images/transpng2.png);
    background-repeat: repeat;
    background-position: 0px 0px;
}

ul#nav1 li#current ul.nav2 li,
/* 2nd level item for current 1st level */
ul#nav1 li#current:hover ul.nav2 li,
/* 2nd level item on current 1st level hover */
ul#nav1 li:hover ul.nav2 li {
/* 2nd level item on 1st level hover */
    position: relative;
    margin: 0px 0px 0px 0px;
    border: 0px solid green;
    padding: 0px 0px 0px 0px;
    background-color: transparent; /*transparent*/
}

ul#nav1 li ul.nav2 li a,
/* 2nd level link for 1st level */
ul#nav1 li#current ul.nav2 li a,
/* 2nd level link for current 1st level */
ul#nav1 li#current:hover ul.nav2 li a,
/* 2nd level link on current 1st level hover */
ul#nav1 li:hover ul.nav2 li a {
/* 2nd level link on 1st level hover */
    position: relative;
    height: 16px;
    margin: 0px 0px 0px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent; /*#BF8F00*//*transparent*/
    padding: 3px 2px 0px 2px;
    font-size: 12px;
	color: white;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    background-image: none;
    background-color: transparent; /*transparent*/
}

ul#nav1 li ul.nav2 li a:hover,
/* 2nd level link hover */
ul#nav1 li:hover ul.nav2 li a:hover,
/* 2nd level link hover on 1st level link hover */
ul#nav1 li#current ul.nav2 li a:hover,
/* 2nd level link hover for current 1st level */
ul#nav1 li#current:hover ul.nav2 li a:hover {
/* 2nd level link hover on current 1st level link hover */
    border: 1px solid white;
	color: #BF8F00;
    text-decoration: underline;
    background-image: none;
    background-color: #043E0A; /*transparent*/
}

ul#nav1 li#current ul.nav2 li#on a,
ul#nav1 li#current:hover ul.nav2 li#on a {
/* current (on) 2nd level link on 1st level hover */
    border: 1px solid white;
    background-image: none;
    background-color: #BF8F00; /*transparent*/
}
ul#nav1 li#current ul.nav2 li#on a:hover,
ul#nav1 li#current:hover ul.nav2 li#on a:hover {
/* current (on) 2nd level hover */
	color: white;
    text-decoration: underline;
}


/* "index" button */
ul#nav1 li.index ul.nav2 li a,
ul#nav1 li.index#current ul.nav2 li a, {
    width: 65px; /*65px*/
}
/* "about" button */
ul#nav1 li.about ul.nav2 li a,
ul#nav1 li.about#current ul.nav2 li a {
    width: 91px; /*91px*/
}
/* "installations" button */
ul#nav1 li.installations ul.nav2 li a,
ul#nav1 li.installations#current ul.nav2 li a {
    width: 140px; /*127px*/
}
/* "products" button */
ul#nav1 li.products ul.nav2 li a,
ul#nav1 li.products#current ul.nav2 li a {
    width: 150px; /*96px*/
}
/* "new_era" button */
ul#nav1 li.new_era ul.nav2 li a,
ul#nav1 li.new_era#current ul.nav2 li a {
    width: 85px; /*85px*/
}
/* "portfolio" button */
ul#nav1 li.portfolio ul.nav2 li a,
ul#nav1 li.portfolio#current ul.nav2 li a {
    width: 98px; /*98px*/
}
/* "news" button */
ul#nav1 li.news ul.nav2 li a,
ul#nav1 li.news#current ul.nav2 li a {
    width: 63px; /*63px*/
}
/* "contact" button */
ul#nav1 li.contact ul.nav2 li a,
ul#nav1 li.contact#current ul.nav2 li a {
    width: 108px; /*108px*/
}


/*****************/
/* SECONDARY NAV */
/*****************/
div.secondary_nav {
    position: relative;
    z-index: 50;
    overflow: auto;
    clear: both;
    width: 98%; /* 740px */
    padding: 0px 0px 10px 0px;
    border-top: 0px solid #06470D;
    border-bottom: 1px dotted #06470D;
    border-left: 0px solid #06470D;
    border-right: 0px solid #06470D;
  	margin: 0px 0px 10px 10px;
    background-color: transparent;
}
div.secondary_nav ul {
    position: relative;
	margin: 0px auto 0px auto;
    border: 0px solid lime;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}
div.secondary_nav ul li {
    position: relative;
    display: inline;
  	margin: 0px 0px 0px 0px;
    border: 0px solid red;
    padding: 0px 0px 0px 0px;
    background-repeat: no-repeat;
}
div.secondary_nav ul li a:link,
div.secondary_nav ul li a:visited,
div.secondary_nav ul li a:active {
    position: relative;
  	display: inline;
    margin: 0px 0px 0px 0px;
    border: 0px solid #C99400;
    padding: 3px 2px;
    color: #06470D;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
    background-color: transparent; /*transparent*/
    background-repeat: no-repeat;
}
div.secondary_nav ul li a:hover {
    color: #C99400;
    text-decoration: none;
}
div.secondary_nav ul li a#thispage {
    color: #06470D;
    text-decoration: none;
}


/*****************/
/* sitemap NAV */
/*****************/
div.sitemap_nav {
    position: relative;
    z-index: 50;
    float: left;
    width: 190px;
    padding: 0px 0px 0px 0px;
    border: 0px solid orange;
  	margin: 0px 0px 0px 0px;
    background-color: transparent;
}
div.sitemap_nav ul {
    position: relative;
	margin: 0px 0px 0px 0px;
    border: 0px solid lime;
    padding: 0px 0px 0px 50px;
    text-align: left;
}
div.sitemap_nav ul li {
    position: relative;
  	margin: 10px 0px 0px 0px;
    border: 0px solid red;
    padding: 0px 0px 0px 0px;
}
div.sitemap_nav ul li a:link,
div.sitemap_nav ul li a:visited,
div.sitemap_nav ul li a:active {
    position: relative;
  	display: block;
    margin: 0px 0px 0px 5px;
    border: 0px solid #C99400;
    padding: 2px 0px;
    color: #06470D;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
    background-color: transparent; /*transparent*/
    background-repeat: no-repeat;
}
div.sitemap_nav ul li a:hover {
    color: #C99400;
    text-decoration: none;
}

div.sitemap_nav ul ul {
    position: relative;
	margin: 0px 0px 0px 0px;
    border: 0px solid pink;
    padding: 0px 0px 0px 30px;
    text-align: left;
}
div.sitemap_nav ul ul li {
    position: relative;
  	margin: 0px 0px 0px 0px;
    border: 0px solid green;
    padding: 0px 0px 0px 0px;
}

/**********/
/* FOOTER */
/**********/
div.footer {
    clear: both;
    overflow: auto;
    width: 753px; /*753px*/
    padding: 0px 0px 0px 0px;
	border: 0px solid red;
   	border-top: 3px solid white;
    margin: 0px auto 0px auto;
    background-color: transparent;
    background-image: url(images/page_bg.jpg);
    background-position: bottom left;
    background-repeat: repeat;
}
p.foot {
    float: left;
    clear: both;
    width: 753px;
    padding: 0px 0px 10px 0px;
	border: 0px solid cyan;
   	margin: 0px auto 0px auto;
	text-align: center;
	font-family: Verdana, Helvetica, Times, serif;
    font-size: 9px;
    color: #ACD7A8;
    text-align: center;
    background-color: transparent;
}

/**************************/
/* footer navigation menu */
/**************************/
.footer_nav {
    float: left;
    clear: both;
    width: 753px;
    padding: 0px 0px 10px 0px;
	border: 0px solid red;
   	margin: 0px 0px 0px 0px;
    background-color: transparent;
}
.footer_nav ul {
    width: 753px;
    padding: 10px 0px 0px 0px;
	border: 0px solid #075C11;
   	margin: 0px 0px 0px 0px;
	list-style: none;
    text-align: center;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
}
.footer_nav li {
    padding: 0px 0px 0px 0px;
    border: 0px solid green;
	margin: 0px 0px 0px 0px;
    display: inline;
}
.footer_nav a {
    padding: 3px 7px;
    border: 0px solid lime;
	margin: 0px 0px;
    color: #ACD7A8;
    text-align: center;
    text-decoration: underline;
    line-height: 200%;
    background-color: transparent;
}
.footer_nav a:hover {
	color: white;
    text-decoration: none;
}