body {
padding: 0px 0px 80px 0px;
background: #63635d;
/*background: #FFFFFF url(../UserFiles/Image/Template/en/Background.jpg) repeat-x top;*/
font: 0.75em Tahoma;
color: #333333;
voice-family: female;
speech-rate: medium;
speak-punctuation: code;
speak-numeral: continuous;
pause: 20ms;
}

hr {
color: #FFFFFF;
height: 1px;
padding: 0px;
margin: 0px;
}

/* Header Tags - remember we are using the h5 tags for navigation!!! */

h1 {
font: bold 1.2em Tahoma;
color: #96bd0d;
margin: 0px 0px 0px 0px;
}

/* Main Navigation - Works with Nav Link Style */
h3, H3 {
font-size: 1.0em;
margin: 0px;
padding: 0px;
display: inline;
font-weight: inherit;
}

/* Site Map Only */
h5 {
font: bold 0.75em Tahoma;
color: #CCCCCC;
margin: 0px;
margin: 3px 0px 3px 0px;
}

div#innerWrapper {
width: 767px;
/*margin: 20px;*/
border: 3px solid #b1b1b2;
text-align:left;
/*background: #FFFFFF;*/
padding: 0px 0px 0px 0px;
}
div#middleWrapper {
width: 768px;
margin: 20px;
text-align:left;
/*background: #FFFFFF;*/
padding: 0px 0px 0px 0px;
}
div#wrapper {
position:absolute;
top: 0px;
left: 50%;
width: 807px;
background: #ffffff;
margin: 20px 0px 20px -400px;
text-align:left;
padding: 0px 0px 0px 0px;
}

div#wrapperHeader {

width: 767px;
height: 109px;
background: #FFFFFF;
text-align: left;
}

div#wrapperLogo {
float: left;
width: 275px;
height: 88px;
margin: 0px;
padding: 0px;
border-right: 2px solid #b1b1b2
}

div#wrapperSketchImage {
width: 490px;
height: 88px;
margin: 0px;
padding: 0px;
float: left;
}

div#wrapperTag {
position: absolute;
left: 150px;
width: 465px;
height: 106px;
}

div#wrapperTagITSupport {
position: absolute;
left: 220px;
width: 400px;
height: 64px;
}

div#wrapperDate {
position: absolute;
right: 10px;
top: 40px;
width: 153px;
padding: 3px 0px;
text-align: right;
color: #000000;
background: transparent;
}

div#wrapperPageImage {
height: 462px;
float: right;
width: 275px;
overflow: hidden;
border-left: 3px solid #b1b1b2;
background: url('../UserFiles/Image/Template/en/TreeTechRandom.jpg') top left no-repeat;
z-index: 0;
}

div#wrapperMainNavigation {
clear: both;
float: left;
width: 100%;
height: 22px;
border-top: 2px solid #b1b1b2;
border-bottom: 2px solid #b1b1b2;

}

div#navigation {
width: 100%;
height: 22px;
}

div#navigation ul{
list-style: none;
margin: 0px;
padding: 0px;
}

div#navigation ul li{
float: left;
text-align: center;
vertical-align: middle;
width: 152px;
height: 22px;
border-left: 2px solid #ffffff;
background: #b6b7b9;
}

div#navigation ul > li:first-child {
border-left: none;
width: 151px;
}

div#wrapperTRBox {
position: absolute;
top: 61px;
right: 0px;
height: 310px;
width: 175px;
text-align: center;
overflow: hidden;
background: url(../UserFiles/Image/Template/en/trBG.gif) no-repeat left top;
}

div#wrapperTRContent {
padding: 100px 30px 10px 10px;
}

div#wrapperNavigation {
position: absolute;
top: 329px;
left: 10px;
height: 35px;
width: 612px;
text-align: left;
padding: 0px;
border-bottom: 5px solid #FFFFFF;
}

div#wrapperBodyEN {
/*left: 50px;*/
width: 768px;
vertical-align: top;
padding: 0px 0px 0px 0px;
background: url(../UserFiles/Image/Template/en/main_bg.gif) repeat-y;
}

div#wrapperBodyENWhite {
/*left: 50px;*/
width: 768px;
vertical-align: top;
padding: 0px 0px 0px 0px;
}

div#wrapperMainContent {
margin-top: 5px;
margin-left: 0px;
width: 430px;
height: auto;
padding: 30px;
background: #FFFFFF;
}

div#wrapperMainContentSingle {
float: left;
position: relative;
margin-left: 0px;
width: 707px;
height: auto;
min-height:500px;
padding: 20px 30px 0px 30px;
background: #FFFFFF;
}

div#wrapperMainContentKBase {
float: left;
position: relative;
margin-left: 0px;
width: 730px;
height: auto;
min-height:500px;
padding: 20px 30px 0px 30px;
background: #FFFFFF;
}

div#wrapperCentralContent {
float: left;
position: relative;
left: 10px;
width: 232px;
padding: 20px 0px 12px 0px;
background: #bfe5f7 url(../UserFiles/Image/Template/en/centralColBottom.gif) bottom no-repeat;
}

div#wrapperCentralContent h1 {
padding: 0px 10px 0px 10px;
font-size: 1.45em;
font-weight: normal;
}

div#wrapperCentralContent p {
padding: 0px 10px;
}
/*
div#wrapperRightContent {
float: right;
position: relative;
margin-right: 9px;
width: 165px;
background: #FFFFFF;
}

div#wrapperRightColBox {
height: 200px;
width: 165px;
overflow: hidden;
background: #e0f2fb url(../UserFiles/Image/Template/en/rtColBoxBottom.gif) bottom no-repeat;
border-bottom: 10px solid #FFFFFF;
}

div#wrapperRightColContent {
padding: 100px 30px 10px 10px;
}*/

div#wrapperNewsContent {
padding: 10px;
}

div#wrapperNewsContent ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#wrapperNewsContent li {
margin: 0px;
}

div#wrapperFooter {
clear: both;
width: 767px;
padding: 0px;
margin: 0px;
height: 88px;
background: #e1ecb9 url(../UserFiles/Image/Template/en/TreeTechFooter.jpg) bottom left;
border-top: 3px solid #b1b1b2;
}

div#wrapperFooter div#wrapperContactDetails {
background: #e1ecb9;
float: right;
width: 275px;
height: 88px;
border-left: 3px solid #b1b1b2;
padding: 0px;
margin: 0px;
}

div#wrapperFooter div#wrapperContactDetails div.wrapperContactRow{
padding: 9px 0px 5px 10px;
}

div#wrapperFooter img{
display: none;
visibility: hidden;
padding: 0px;
margin: 0px;
}
div#wrapperSiteMap {
position: absolute;
/*bottom: 0px;*/
width: 800px;
padding: 5px;
background: #FFFFF;
color: #FFFFFF;
}

div#wrapperFooterBanner {
clear: both;
width: 700px;
}

/* Top Right Box */
.remoteSupportIcon {
padding: 5px 15px 0px 0px;
}

/* Navigation */
/*
div#navigation, div#navigationImage {
padding: 5px 25px 5px 0px;
width: 120px;
text-align: right;
}*/
/*
div#topIconsHome {
position: absolute;
top: 5px;
left: 0px;
}

div#topIconsRemoteSupport {
position: absolute;
top: 5px;
left: 40px;
}

div#topIconsContact {
position: absolute;
top: 5px;
left: 80px;
}*/
/*
div#navigation img {
padding: 0px;
margin: 0px;
width: 40px;
}

div#navigation ul, div#navigationImage ul {
margin: 10px 10px; 
padding: 0px 0px 5px 0px;
list-style-type: none;
border-bottom: 1px solid #000000;
}

div#navigation li, div#navigationImage li {
margin: 0px;
display: inline;
height: 30px;
}

div#navigation a, div#navigationImage a{
padding: 5px 10px;
font-weight: bold;
text-decoration: none; lets remove the link underlines
}

div#navigation a:link, div#navigation a:active, div#navigation a:visited, div#navigationImage a:link, div#navigationImage a:active, div#navigationImage a:visited {
color: #96bd0d;
text-decoration: none; lets remove the link underlines
font-weight: bold;
}

div#navigation a:hover,  div#navigationImage a:hover {
color: #000000;
/*border-top: 10px solid #FF0000;
text-decoration: none; /*lets remove the link underlines
font-weight: bold;
}      

div#subNavigation, div#subNavigationImage {
padding: 7px 20px;
text-align: left;
}

div#subNavigation ul, divsubNavigationImage ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#subNavigation li, divsubNavigationImage li {
margin: 0px;
display: inline;
}

div#subNavigation a, divsubNavigationImage a{
width: 150px;
padding: 0px 5px;
border-right: 1px solid #FFFFFF;
font-weight: bold;
text-decoration: none; 
}

div#subNavigation a:link, div#subNavigation a:active, div#subNavigation a:visited, div#subNavigationImage a:link, div#subNavigationImage a:active, div#subNavigationImage a:visited {
color: #ffffff;
text-decoration: none; 
font-weight: bold;
}

div#subNavigation a:hover,  div#subNavigationImage a:hover {
color: #ffffff;
text-decoration: underline; 
font-weight: bold;
}*/

.active {
color: #FFFFFF;
text-decoration: underline; 
}

.mainActive {
/*border-bottom: 3px solid #FF0000;*/
padding: 0px;
margin: 0px;
}

.subActive {
color: #93170A;
text-decoration: underline; /*lets remove the link underlines*/
}

/* List Styles */
div#downloadList ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#downloadList li {
background: #FFFFFF url(../UserFiles/Image/icon_pdf.jpg) no-repeat;
padding: 2px;
}

div#downloadList a{
display: block;
padding: 0px 0px 0px 25px;
text-decoration: none; /*lets remove the link underlines*/
}

div#downloadList a:link, div#downloadList a:active, div#downloadList a:visited {
color: #96bd0d;
}

div#downloadList a:hover {
color: #6db33f;
text-decoration: underline; /*lets remove the link underlines*/
}

div#wrapperLanguageLink a:link, div#wrapperLanguageLink a:active, div#wrapperLanguageLink a:visited, 
div#wrapperLoginLink a:link, div#wrapperLoginLink a:active, div#wrapperLoginLink a:visited,
div#wrapperSiteMapLink a:link, div#wrapperSiteMapLink a:active, div#wrapperSiteMapLink a:visited {
color: #FFFFFF;
text-decoration:none;
}

div#wrapperLanguageLink a:hover, div#wrapperLoginLink a:hover, div#wrapperSiteMapLink a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* Image Styles */

div#wrapperRightColumn img, div#wrapperLeftColumn img {
padding: 0px 0px 5px 0px;
}

/* Text Styles */
.headerText {
text-align: left;
vertical-align: middle;
font-weight: bold;
color: #FFFFFF;
padding: 5px;
}

.footerText {
padding: 0px 20px;
align: left;
}

/* Main Body Styles */

.image_left {
float: left;
width: 100px;
height: 75px;
overflow: hidden;
}

.image_right {
float: right;
width: 200px;
height: 211px;
}

/* Right Colum Styles */

.imageTitle {
position: relative;
padding: 0px 10px 10px 0px;
clear: both;
}

.newsImage {
padding: 10px 0px;
}

.elementNews {
position: relative;
background: #DCE9D6;
width: 210px;
padding: 5px;
}

.textDate {
font-weight: bold;
text-align: center;
}

/* Class Link Styles */

div#wrapperMainContent a:link, div#wrapperMainContent a:visited,
div#wrapperLeftColumn a:link, div#wrapperLeftColumn a:visited,
div#wrapperRightColumn a:link, div#wrapperRightColumn a:visited,
div#wrapperMainContentSingle a:link, div#wrapperMainContentSingle a:visited,
div#wrapperMainContentKBase a:link, div#wrapperMainContentKBase a:visited {
color: #96bd0d;
text-decoration: underline;	
}

div#wrapperMainContent a:hover, div#wrapperRightColumn a:hover, div#wrapperMainContentSingle a:hover, div#wrapperMainContentKBase a:hover {
color: #96bd0d;
text-decoration: none;	
}

div#wrapperFooter a:link, div#wrapperFooter a:visited {
color: #FFFFFF;
text-decoration: none;
}

div#wrapperFooter a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* Image Mouseover Link Styles */

.mouseover a:link, .mouseover a:visited {
color: #93170A;
text-decoration: none;	
}

/* Class Header Styles */

div#wrapperMainContent h1, div#wrapperLeftColumnHome h1, div#wrapperRightColumnHome h1, div#wrapperCRContent h2, div#wrapperMainContentSingle h1, div#wrapperMainContentKBase h1 {
font-size: 1.45em;
color: #96bd0d;
font-weight: normal;
}

div#wrapperMainContent h2, div#wrapperLeftColumnHome h2, div#wrapperRightColumnHome h2, div#wrapperMainContentSingle h2, div#wrapperMainContentKBase h2 {
font-size: 1.2em;
color: #bfe5f7;
}

/* Class Form Styles */

input, select {
font-size: 0.75em;
border: 0px solid #000000;
padding: 0px;
}

.text2 {
font-size: 1.0em;
border: 1px solid #000000;
padding: 2px;
}

big {
font: 1.0em Tahoma;
}

/* Rounder Corners */

.boxTL {
background: url(../UserFiles/Image/Template/en/BGTopLeft.gif) 0 0 no-repeat;
}

.boxTR {
background: url(../UserFiles/Image/Template/en/BGTopRight.gif) 100% 0 no-repeat;
padding: 10px;
}
 
.boxBR {
background: url(../UserFiles/Image/Template/en/BGBottom.gif) 100% 100% no-repeat;
}

.boxBL {
background: transparent url(../UserFiles/Image/Template/en/BGBottom.gif) 0 100% no-repeat;
width: 800px;
}

/* KBase */

.KBaseTD {
background: #96bd0d;
color: #FFFFFF;
padding: 5px;
}

.galleryImageBox {
float: left;
width: 150px;
border: 2px solid #b1b1b2;
padding: 5px;
margin: 5px;
}
.galleryImageInner {
background: #FFFFFF;
width: 150px;
height: 100% !important;
}