/* ===================================================================================== */
/* STANDARD TAGS FORMATTING								 																							 */
/* ===================================================================================== */

a {
display: inline;
color: #429EFF;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
}

a:hover {
color:#B6E2FE; 
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
background-color: transparent;
}

body {
background-color: #fff;
background-image: url("images/back2.gif");
background-position: 50%;
background-repeat: repeat-y;
font-family: Arial,Helvetica,sans-serif;
color: #50557F;
margin: 0px;
text-align: center;
}

table{
margin: 0px; padding: 0px;
font-family: Arial,Helvetica,sans-serif;
border-collapse: collapse;
}

td {
margin: 0px; padding: 0px;
font-family: Arial,Helvetica,sans-serif;
}

tr {
margin: 0px; padding: 0px;
font-family: Arial,Helvetica,sans-serif;
}

h1, h2, h3, h4 {
margin: 0px; padding: 0px;
font-family: Arial,Helvetica,sans-serif;
}

p {
margin: 0px; padding: 0px;
font-family: Arial,Helvetica,sans-serif;
}

ul {
margin: 0px; padding: 0px;
font-family: Arial,Helvetica,sans-serif;
}

li {
margin: 0px; padding: 0px;
font-family: Arial,Helvetica,sans-serif;
}

form {
margin: 0px; padding: 0px;
}

img {
margin: 0px; padding: 0px;
border-style: none;
vertical-align: middle;
}

/* ===================================================================================== */
/* CUSTOM CLASS FORMATTING 								 																							 */
/* ===================================================================================== */

/* ========================================= */
/* BACKGROUND               		     				 */
/* ========================================= */

div.centerback {
position: relative;
left: 0px; top: 0px;
width: 750px;
background: #fff;
text-align: left;
z-index: 0;
}

/* ========================================= */
/* TOPBAR               		     						 */
/* ========================================= */

a#topbar_link {
font: normal 100 1.3em arial,sans-serif;
color: #E9EEF8;
}

a#topbar_link:hover {
color: #50557F; 
}

a span {
display: none;
}

a:hover span {
display: block;
position: absolute; 
right: 175px; top: 27px;
right: 10px; top: 50px;
width: 750px;
font: normal 100 0.6em arial,sans-serif;
text-align: right;
color: #50557F;
z-index: 100;
}

div.topbar {
position: relative;
left: 0px; top: 0px;
width: 750px; height: 155px;
background-image: url("images/topbar_back.jpg");
background-repeat: no-repeat;
z-index: 0;
}

span#logo {
position: absolute;
left: 0px; top: 0px;
background-image: url("images/topbar_logo.gif");
background-repeat: no-repeat;
width: 305px; height: 109px;
z-index: 0;
}

span#topbar_menu1 {
position: absolute;
/*left: 530px; top: 110px;*/
right: 0px; top: 110px;
z-index: 1;
}

span#topbar_menu2 {
position: absolute;
left: 12px; top: 137px;
font: normal 900 0.9em arial,sans-serif;
color: #50557F; 
z-index: 1;
}

/* ========================================= */
/* MENUBAR (LEFT)  		     				 					 */
/* ========================================= */

a#menubar_link {
font: normal 100 0.7em arial,sans-serif;
color: #50557F;
}

a#menubar_link:hover {
color: #B8C5E3; 
}

div.leftcontent {
display: inline; float: left;
width: 22%;
z-index: 1;
background: #fff;
}

ul#left {
position: relative;
left: 0px; top: 10px;
margin-left: 10px;
}

li#left {
list-style: none;
margin-top: 5px;
margin-bottom: 5px;
line-height: 17px;
}

/* ========================================= */
/* MAIN CONTENT         		     				 		 */
/* ========================================= */

a#contentlink1 {
font: normal 900 1.0em arial,sans-serif;
color: #50557F;
}

a#contentlink1:hover {
color: #B8C5E3; 
}

div.rightcontent {
position: relative;
display: inline; float: left;
width:77.5%;
background-color: #fff;
border-left: 1px solid #CDD0DE;
z-index: 1;
}

div#woodaddress {
position: absolute;
left: 120px; top: 170px;
width: 170px;
font: normal 100 0.9em arial,sans-serif;
line-height: 1.3em;
/*padding: 10px;*/
border: 1px solid #E3E8F4;
}

div#swadaddress {
position: absolute;
left: 320px; top: 170px;
width: 150px;
font: normal 100 0.9em arial,sans-serif;
line-height: 1.3em;
/*padding: 10px;*/
border: 1px solid #E3E8F4;
}

h1#content, h2#content {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 20px;
font: normal 900 1.3em arial,sans-serif;
}

p#content {
padding-left: 120px;
padding-right: 120px;
padding-top: 10px;
padding-bottom: 10px;
text-align: justify;
font: normal 100 0.9em arial,sans-serif;
line-height: 1.3em;
}

p#small {
text-align: left;
font: normal 100 0.9em arial,sans-serif;
line-height: 1.3em;
}

blockquote#title {
padding-left: 100px;
padding-right: 120px;
font: normal 900 0.9em arial,sans-serif;
line-height: 1.3em;
}

blockquote#content {
padding-left: 120px; padding-right: 120px;
font: normal 100 0.8em arial,sans-serif;
line-height: 1.3em;
}

/* contact form  */

p#form {
padding-left: 120px;
padding-right: 120px;
padding-bottom: 10px;
text-align: justify;
font: normal 100 0.8em arial,sans-serif;
line-height: 1.3em;
}

/* category list  */

div#catlist {
margin-left: 40px;
}

div#catdetail {
position: relative;
width: 246px; height: 74px;
background-image: url("images/cat_back.gif");
background-repeat: no-repeat;
margin-bottom: 15px; margin-right: 10px;
}

img#catpic {
position: relative;
left: 10px; top: 12px;
width: 50px;
z-index: 2;
}

p#catname {
position: absolute;
left: 70px; top: 15px;
width: 140px;
cursor: pointer;
margin: 0px;
z-index: 3;
}

/* product list sort box */

div#sort {
margin-right: 30px;
text-align: right;
}

p#sort {
font: normal 100 0.9em arial,sans-serif;
}

select#sort {
font: normal 100 0.8em arial,sans-serif;
color: #50557F;
}

/* product list  */
div#prodlist {
margin-left: 50px;
}

div#proddetail {
position: relative;
width: 500px; height: 100px;
margin-top: 20px; margin-bottom: 20px;
border-top: 1px solid #E3E8F4;
}

span#prodmanupic {
position: absolute;
right: 55px; top: 10px;
z-index: 2;
}

span#prodpic {
position: absolute;
left: 20px; top: 10px;
width: 100px; height: 100px;
z-index: 3;
}

div#prodinfo {
display: block;
position: absolute;
left: 80px; top: 10px;
width: 260px;
z-index: 3;
}

div#prodname {
font: normal 900 0.9em arial,sans-serif;
}

div#proddesc {
padding-top: 10px; 
padding-left: 10px; padding-right: 20px;
font: normal 100 0.7em arial,sans-serif;
}

span#prodview {
position: absolute;
left: 372px; top: 60px;
width: 74px; height: 24px;
padding-top: 1px;
background-image: url("images/button_2.gif");
background-position: top left;
background-repeat: no-repeat;
font: normal 900 0.9em arial,sans-serif;
text-align: center;
}

span#prodview a {
position: relative;
top: 2px;
}

/* product info  */

div#prodinfobox1 { /* surround */
position: relative;
width: 100%; height: 150px;
text-align: left;
}

div#prodinfobox2 { /* pic */
position: absolute;
top: 0px; left: 20px;
width: 150px; height: 150px;
z-index: 2;
}

div#prodinfobox3 { /* text & detail */
position: absolute;
top: 0px; left: 170px;
width: 407px;
z-index: 2;
}

span#prodinfoname {
position: relative;
width: 100%;
margin-left: 10px;
font: normal 900 1.1em arial,sans-serif;
color: #838CB7;
z-index: 2;
}

span#prodinfomanupic {
position: absolute;
right: 20px; top: -15px;
z-index: 2;
}

span#prodinfodesc {
display: block;
position: relative;
width: 350px;
padding: 20px;
font: normal 100 0.7em arial,sans-serif;
text-align: left;
z-index: 2;
}

/* product type  */

div#prodtypebox {
position: relative;
width: 273px;
margin-left: 0px; margin-right: 0px; 
left: 150px;
}

p#prodtypetitle {
margin: 0px;
font: normal 900 0.9em arial,sans-serif;
color: #838CB7;
}

div#prodtypeboxinner {
position: relative;
margin-bottom: 15px;
background-image: url(images/type_back.gif);
background-repeat: no-repat;
width: 273px; height: 260px;
z-index: 2;
}

span#prodtypeboxinner img {
position: relative;
width: 273px; height: 260px;
}

span#prodtypename {
position: absolute;
left: 30px; top: 10px;
font: normal 900 1.0em arial,sans-serif;
color: #838CB7;
text-align: left;
z-index: 3;
}

span#prodtypesale {
position: absolute;
left: 112px; top: 30px;
font: normal 900 1.2em arial,sans-serif;
color: #B0BFE0;
z-index: 3;
}

span#prodtypeoutstock {
position: absolute;
left: 50px; top: 225px;
font: normal 900 1.2em arial,sans-serif;
color: #B0BFE0;
z-index: 3;
}

span#prodtypeprice {
position: absolute;
left: 150px; top: 30px;
font: normal 900 1.2em arial,sans-serif;
color: #B0BFE0;
z-index: 3;
}

div#prodtypeattr {
position: absolute;
left: 37px; top: 50px;
width: 200px;
font: normal 100 0.7em arial,sans-serif;
text-align: left;
}
p#prodtypeattr {
margin: 0px; padding: 0px;
margin-bottom: 4px;
}

/* ========================================= */
/* PAGE BACK OPT.         		     					 */
/* ========================================= */

p#backlower {
position: relative;
left: 40px; width: 85%;
margin-top: 10px; padding: 5px;
/*width: 80%; margin-left: auto; margin-right: auto;*/
font: normal 100 0.7em arial,sans-serif;
text-align: right;
border-top: 1px dashed #838CB7;
}

/* ========================================= */
/* BOTTOM BAR              		     					 */
/* ========================================= */

a#footerlink {
color: #94ADD7;
font-size: 0.7em;
}

a#footerlink:hover {
color: #50557F;
}

div.bottombar {
position: relative;
left: 0px; right: 0px;
width: 100%; height: 79px;
background-image: url("images/bottombar_back.jpg");
background-repeat: no-repeat;
z-index: 1;
clear: both;
}

span#footerlink {
position: absolute;
top: 25px; left: 515px;
}

/* ========================================= */
/* GENERIC FORMATTING       		     				 */
/* ========================================= */

.bold {
font-style: bold;
}

.times {
font: normal normal 900 1.4em Times New Roman,Times,serif;
}

.sanssmall {
font: normal normal 900 0.9em Arial,sans-serif;
}

.left {
float: left;
}

.right {
float: right;
}

/* ========================================= */
/* SPECIFIC FORMATTING                       */
/* ========================================= */

span#hidden {
visibility: hidden;
}

span#largebold {
font: normal 900 1.2em arial,sans-serif;
}

span#biggesttext {
font-size: 1.7em;
}

span#bigtext {
font-size: 1.3em;
}

span#smallertext {
font-size: 0.9em;
}

span#smallertext {
font-size: 0.7em;
}

span#smallesttext {
font-size: 0.5em;
}

span#lightblue {
color: #B0BFE0;
}

span#smalllightblue {
font: normal 900 0.7em arial,sans-serif;
color: #B0BFE0;
}

span#smallmedblue {
font: normal 900 0.7em arial,sans-serif;
color: #838CB7;
}

span#medblue {
color: #838CB7;
}

span#smallestred {
font: normal 900 0.6em arial,sans-serif;
color: #FF5E1F;
}

span#smallred {
font: normal 900 0.9em arial,sans-serif;
color: #FF5E1F;
}

span#red {
font: normal 900 1.1em arial,sans-serif;
color: #FF5E1F;
}