/*
* <!-- Copyright Notice -->
* <!-- All the elements of www.karoswood.co.za/www.karoswood.com, but not limited to the content,       -->
* <!-- imagery are protected by copyright, trademark, trade restrictions, moral rights and all          -->
* <!-- other laws governing and related to intellectual property rights. No portion of this             -->
* <!-- website may be copied or used for any other means, unless explicitly agreed with both Karos      --> 
* <!-- Wood Products and Dynamic Computing Software Services.                                           -->
* <!-- The content and imagery of the www.karoswood.co.za/www.karoswood.com website remains the         -->
* <!-- exclusive property of Karos Wood Products. Any unauthorised use, alteration or dissemination     -->
* <!-- of information on this website is prohibited. Should a user not comply and breach the terms      -->
* <!-- of this clause, then Karos Wood Products will have the right to claim damages, which shall       -->
* <!-- also include the right claim special, consequential, incidental or indirect damages. Karos       -->
* <!-- Wood Products will also be entitled to claim for loss of profits, loss of business and loss      -->
* <!-- of exclusive ideas and shall be entitled to recover legal costs on a scale as between            -->
* <!-- attorney and own client.                                                                         -->
* <!-- The SQL, Java, Servlets, JSP, JavaScript and Stylesheet (CSS) documents/files used to render     -->
* <!-- the www.karoswood.co.za/www.karoswood.com website remains the exclusive property of              -->
* <!-- Dynamic Computing Software Services. Any unauthorised use, alteration or dissemination           -->
* <!-- of information on this website is prohibited. Should a user not comply and breach the terms      -->
* <!-- of this clause, then Dynamic Computing Software Services will have the right to claim damages,   -->
* <!-- which shall also include the right claim special, consequential, incidental or indirect          -->
* <!-- damages. Dynamic Computing Software Services will also be entitled to claim for loss of profits, -->
* <!-- loss of business and loss of exclusive ideas and shall be entitled to recover legal costs on a   -->
* <!-- scale as between attorney and own client.                                                        -->
*/

DIV.topPanel {
   margin: 0em 0% 0em 0%;
   position: absolute;
   top: 0%; 
   height: 18%; 
   left: 0%;
   width: 89%;
   background-color: #EFDDCB;
}

IMG.topLeftSideIMGPanel {
   margin: 0em 0% 0em 0%;
   position: relative; 
   top: 0%;
   left: 0%;
/*   height: 95%;
   bottom: 5%;*/
}

IMG.topRightSideIMGPanel {
   margin: 0em 0% 0em 0%;
   position: relative; 
   width: 30%;
}

MARQUEE.topRightSidePanel {
   margin: 0em 0% 0em 0%;
   position: relative; 
   left: 9%;
   height: 100%; 
   width: 91%;
}

DIV.commonRightSidePanel {
   margin: 0em 0% 0em 0%;
   position: absolute; 
   top: static-position; 
   height: 97%; 
   left: 89%;
   right: 0%;
   background-color: #844218;
}

DIV.copyrightButtonPanel {
   position: absolute;
   top: 90%;
   bottom: 0%; 
   left: 0%;
   right: 0%;
   width: 100%;
   height: 5%;
   background-color: #EFDDCB;
   text-align: center;
}

IMG.commonIMGRightSidePanel {
   margin: 0em 0% 0em 0%;
   position: absolute; 
   width: 100%;
}

IMG.leftMenuHomexIMGPanel {
   margin: 0em 0% 0em 0%;
   position: relative; 
   width: 30%;
}

DIV.commonRightSideCopyrightPanel {
   margin: 0em 0% 0em 0%;
   position: absolute;
   top: 97%;
   bottom: 0%; 
   left: 89%;
   right: 0%;
   background-color: #844218;
}

DIV.pageNameBarPanel {
   margin: 0em 0% 0em 0%;
   position: absolute;
   text-align: center; 
   vertical-align: center; 
   top: 18%;
   height: 4%; 
   left: 0%;
   width: 89%;
   right: 11%;
   background-color: #844218;
}

DIV.leftMenuPanel {
   margin: 0em 0% 0em 0%;
   position: absolute; 
   top: 22%; 
   bottom: 0%; 
   left: 0%;
   width: 20%;
   height: 78%;
   background-color: #EFDDCB;
}

DIV.contentPanel {
   margin: 0em 0% 0em 0%;
   position: absolute;
   overflow: auto;
   text-align: left;
   top: 22%;
   bottom: 0%; 
   left: 20%;
   right: 11%;
   width: 69%;
   height: 78%;
   background-color: #EFDDCB;
}

DIV.contentProductsTopPanel {
   margin: 0em 0% 0em 0%;
   position: absolute;
   overflow: auto;
   text-align: left;
   top: 22%;
   bottom: 65%; 
   left: 20%;
   right: 11%;
   width: 69%;
   height: 13%;
   background-color: #EFDDCB;
}

DIV.contentProductsPanel {
   margin: 0em 0% 0em 0%;
   position: absolute;
   overflow: auto;
   text-align: left;
   top: 35%;
   bottom: 0%; 
   left: 20%;
   right: 11%;
   width: 69%;
   height: 65%;
   background-color: #EFDDCB;
}

DIV.contentRFQProductsPanel {
   margin: 0em 0% 0em 0%;
   position: absolute;
   overflow: auto;
   text-align: left;
   top: 35%;
   bottom: 5%; 
   left: 18%;
   right: 0%;
   width: 82%;
   height: 60%;
   background-color: #EFDDCB;
}

DIV.commonButtonPanel {
   position: absolute;
   top: 95%;
   bottom: 0%; 
   left: 35%;
   right: 35%;
   width: 30%;
   height: 5%;
   background-color: #EFDDCB;
   text-align: center;
}

DIV.commonRFCButtonPanel {
   position: absolute;
   top: 95%;
   bottom: 0%; 
   left: 20%;
   right: 11%;
   width: 69%;
   height: 5%;
   background-color: #EFDDCB;
   text-align: center;
}

DIV.commonRFQButtonPanel {
   position: absolute;
   top: 95%;
   bottom: 0%; 
   left: 40%;
   right: 25%;
   width: 35%;
   height: 5%;
   background-color: #EFDDCB;
   text-align: center;
}

DIV.staffcontactPanel {
   margin: 0em 0% 0em 0%;
   position: absolute;
   overflow: auto;
   text-align: left;
   top: 12%;
   bottom: 10%; 
   left: 10%;
   right: 10%;
   width: 80%;
   height: 78%;
   background-color: #EFDDCB;
}

DIV.popupBoxPanel {
   position: relative; 
   visibility: hidden;
   border-style: solid;
/*   background-color: rgb(255,255,220); */
   background-color: #FFFFDC;
   border: 2px solid #333;
   padding: 0px; 
/*   margin: 0px auto; */
}

DIV.popupProductsFrontPageBoxPanel {
   position: relative; 
   visibility: hidden;
   border-style: solid;
/*   background-color: rgb(250,250,50); */
   background-color: #FFFFDC;
   border: 2px solid #333;
   padding: 0px;
   text-align: left; 
/*   margin: 0px auto; */
}

SPAN.popupBoxPanel {
/*   background-color: rgb(250,250,50); */
   background-color: #FFFFDC;
}

FONT.popupBoxPanel {
   font-family: Arial;
   font-size: 8pt;
   color: #000000;
}

FONT.errorFont {
   font-family: Arial;
   font-size: 10pt;
   color: rgb(255,0,0); /*#000000;*/
}

IMG.commonIMGWidth100 {
   margin: 0em 0% 0em 0%;
   position: relative; 
   width: 100%;
}
IMG.commonIMGWidth60 {
   margin: 0em 0% 0em 0%;
   position: relative; 
   width: 60%;
}
IMG.commonIMGWidth30 {
   margin: 0em 0% 0em 0%;
   position: relative; 
   width: 30%;
}

TABLE.contenttable {
   margin: 0em 0% 0em 0%;
   width: 98%;
   padding: 10;
}

.PageBody {
   margin: 0em 0% 0em 0%;
   background-color: #EFDDCB;
   overflow: hidden;
}

.PageBorder {
   background-color: #844218;
}

.Heading {
   color: #ffffff;
   text-align: center;
   border-style: outset;
   border-width: 0;
   font-size: 10pt; 
   font-weight: bold;
}

.SubHeading {
   color: #000000;
   text-align: center;
   border-style: outset;
   border-width: 0;
   font-size: 10pt; 
   font-weight: bold;
}

TD {
   font-size: 10pt; 
   color: #000000; 
   font-family: Arial;
}

TD.left {
   background-color: #F4C8A0 ;
   font-size: 10pt; 
   color: #000000; 
   font-weight: bold; 
   font-family: Arial;
   text-align: left;
}

TD.right {
   background-color: #F4C8A0 ;
   font-size: 10pt; 
   color: #000000; 
   font-weight: bold; 
   font-family: Arial;
   text-align: right;
}

TD.exclaim {
   font-size: 10pt; 
   color: #000000; 
   font-weight: bold; 
   font-family: Arial;
}

A {
   font-size: 10pt; 
   color: #000000; 
   text-decoration: none; 
   font-family: Arial;
   font-weight: bold;
}

A:visited {
   color: #ffffff; 
}

/*A:active {}*/

/*A:link {}*/

A:hover {
   text-decoration: underline;
   background: #EFDDCE;
   width: 100%;
}

INPUT.buttons {
   BACKGROUND-COLOR: #FFF0CF;
   COLOR: #000000;
   BORDER-TOP: #506FA5 1pt solid;
   BORDER-LEFT: #506FA5 1pt solid;
   BORDER-RIGHT: #506FA5 1pt solid;
   BORDER-BOTTOM: #506FA5 1pt solid;
   FONT-FAMILY: arial,times new roman,verdana,geneva,helvetica;
   FONT-SIZE: 10pt;
}

SELECT.drop {
   BACKGROUND-COLOR: #FFF0CF;	
   COLOR: #000000;
   BORDER-TOP: #506FA5 1pt solid;
   BORDER-LEFT: #506FA5 1pt solid;
   BORDER-RIGHT: #506FA5 1pt solid;
   BORDER-BOTTOM: #506FA5 1pt solid;
   FONT-SIZE: 10pt;
}

INPUT.textboxes {
   BACKGROUND-COLOR: #FFF0CF;	
   COLOR: #000000;
   BORDER-TOP: #506FA5 1pt solid;
   BORDER-LEFT: #506FA5 1pt solid;
   BORDER-RIGHT: #506FA5 1pt solid;
   BORDER-BOTTOM: #506FA5 1pt solid;
   FONT-SIZE: 10pt;
}

INPUT.inputButton {
   color: #EFDDCB;
   background-color: #844218;
}

INPUT.qtyInputBox {
   width: 45px;
}

TEXTAREA.textarea {
   BACKGROUND-COLOR: #FFF0CF;	
   COLOR: #000000;
   BORDER-TOP: #506FA5 1pt solid;
   BORDER-LEFT: #506FA5 1pt solid;
   BORDER-RIGHT: #506FA5 1pt solid;
   BORDER-BOTTOM: #506FA5 1pt solid;
   FONT-SIZE: 10pt;
}

BUTTON.copyrightButton {
   color: #EFDDCB;
   background-color: #844218;
}