/*global font styles */
*{
font-size: 12px; 
font-family:Verdana,Helvitica,Arial,Sans,Times New Roman; 
}

h4 {
font-size: 13px;
color: #333333; 
}

.title {
font-weight: bold; 
font-size: 24px;  
color: #D9D9C8; 
font-family:Verdana,Helvitica,Arial,Sans; 
text-align:center;
 }
 
.nontitle {
display:none;
 }
 
.nondiv {
background-image:url("img/title.gif");
background-repeat:no-repeat;
height:40px;
width:580px;
}
 
.subtitle {
 font-weight: bold; 
 font-style: italic;
 font-size: 20px;  
 color: yellow; 
 font-family: Times New Roman;
 text-align: center;
 /*margin-left: 125px;*/
 }
 
 .pagetitle {
  font-style: italic; 
  font-size: 20px;  
  color: #D9D9C8; 
  font-family: Verdana,Helvitica,Arial,Sans; 
  text-align:center;
  margin: 10px;
 }
 
body { background-color: #D9D9C8;
}
 
a.change:link { text-decoration: none;  color: #C8D9C8; background-color: transparent;
}
a.change:visited { text-decoration: none;  color: #C8D9C8; background-color: transparent;
}
a.change:hover { text-decoration: none; color: #b2b2a4; background-color: #3a3f3a;
}
a.change:active { text-decoration: none; color: #b2b2a4; background-color: #3a3f3a;
}
a.change { padding: 0px 3px 0px 3px; 
}

a.body:link { text-decoration: none;  color: #ffff85; background-color: transparent;
}
a.body:visited { text-decoration: none;  color: #ffff85; background-color: transparent;
}
a.body:hover { text-decoration: none; color: #d9d9c8; background-color: #5f9e5f;
}
a.body:active { text-decoration: none; color: #d9d9c8; background-color: #5f9e5f;
}
a.body { padding: 0px 3px 0px 3px; 
}

a.small:link { text-decoration: none;  color: #3a3f3a; background-color: transparent; font-size: .97em;
}
a.small:visited { text-decoration: none;  color: #3a3f3a; background-color: transparent; font-size: .97em;
}
a.small:hover { text-decoration: none; color: #3a3f3a; background-color: #b2b2a4; font-size: .97em;
}
a.small:active { text-decoration: none; color: #3a3f3a; background-color: #b2b2a4; font-size: .97em;
}

a.loc:link { text-decoration: none;  color: #aabb66; background-color: transparent; font-size: .97em;
}
a.loc:visited { text-decoration: none;  color: #aabb66; background-color: transparent; font-size: .97em;
}
a.loc:hover { text-decoration: none; color: #b2b2a4; background-color: #3a3f3a; font-size: .97em;
}
a.loc:active { text-decoration: none; color: #b2b2a4; background-color: #3a3f3a; font-size: .97em;
}

p.small {font-size: 8pt; color: #3a3f3a;
}

table.center {
	width: 100%;
	height: 100%;
}

table.product {
	width: 90%;
}

table.photos {
	width: 90%;
	background-color: #FFFFFF;
	border-collapse: collapse;
	border: 5px solid yellow;
}

table.finishes {
	width: 60%;
	background-color: #FFFFFF;
	border-collapse: collapse;
	border: 3px solid green;
}

table.image {
	position: absolute;
	top: 90px;
	left: 40px;
	width: 500px;
	height:204px;
	background-color: #262e37;
	border-collapse: collapse;
	border: 2px solid yellow;
	font-size: 8pt;
	color: #C8D9C8;
}

table.locations {
	position: absolute;
	top: 190px;
	left: 30px;
	width: 520px;
	height: 90px;
	background-color: #262e37;
	border-collapse: collapse;
	border: 2px solid yellow;
	font-size: .97em;
	color: #C8D9C8;
}

td.locations {
	vertical-align: middle;
	text-align: center;
	width: 33.33%;
	font-size: .97em;
}

table.locations2 {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 520px;
	height:290px;
	background-color: #262e37;
	border-collapse: collapse;
	border: 2px solid yellow;
	font-size: 11px;
	color: #C8D9C8;
}

td.locations2 {
	vertical-align: middle;
	text-align: center;
	width: 33.33%;
	font-size: 11px;
	border: 1px solid #666666
}

td.locout {
	vertical-align: middle;
	text-align: center;
	width: 33.33%;
	font-size: 11px;
	border: 2px solid yellow;
	color: yellow;
}

td.all {
	vertical-align: middle;
	text-align: center;
	width: 25%;
	border-top: 10px;
}

td.inner {
	vertical-align: middle;
	text-align: center;
	width: 25%;
	border: 1px dashed green;
}

td.innersmall {
	vertical-align: middle;
	text-align: center;
	width: 4%;
	border: 1px dashed green;
}

td.light {
	vertical-align: middle;
	text-align: left;
	color: #D9D9C8;
	width: 30%;
}

th.light {
	vertical-align: middle;
	text-align: center;
	color: #D9D9C8;
	border-bottom:1px solid #D9D9C8;
}

th.inner {
	vertical-align: middle;
	text-align: center;
	width: 25%;
	border: 1px dashed green;
}

th.innersmall {
	vertical-align: middle;
	text-align: center;
	width: 4%;
	border: 1px dashed green;
}

p { 
color: #D9D9C8;
text-indent: 35px;
margin: 10px;
}

p.noindent { 
color: #D9D9C8;
margin: 10px;
}

div.container {
	position: relative;
	margin: 0 auto;
	width: 780px;
	height: 432px;
	text-align: left;
	background-color:#262e37; 
}

div.longcontainer {
	position: relative;
	margin: 0 auto;
	width: 780px;
	height: 1500px;
	text-align: left;
	background-color:#262e37; 
}

div.left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 432px;
	background: url(img/left1.gif) no-repeat top right;
}

div.leftbottom {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 1500px;
	background: url(img/left2.gif) no-repeat bottom right;
}

div.top {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 580px;
	height: 100px;
	background: url(img/top1.gif) no-repeat top right;
}

div.main {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 580px;
	height: 332px;
	background-color:green;
}

div.bottom {
	position: absolute;
	top: 100px;
	left:200px;
	width: 580px;
	height: 1400px;
	background-color:green;
}

.catalog {
margin-left: 10px;
background-image: url(img/Dcatalog_cover.jpg); 
width:130px; 
height:167px;
}

.catalog:hover {
margin-left: 10px;
background-image: url(img/catalog_cover.jpg); 
width:130px; 
height:167px;
}

ul {
list-style: none;
margin: 1px;
padding: 0;
}

ul.catalogs {
list-style: disc;
margin: 1px;
padding: 0;
}

ul.indent {
list-style: none;
margin: 1px;
margin-left: 2.5em;
padding: 0;
color: #fff;
}

#woods a
{
background: url('img/wood.gif') 0 0 no-repeat;
color: #000;
text-decoration: none;
width:57px;
height:35px;
display: block;
float:left;
}

#woods a:hover {background-position: 0 -35px;}

#woods a:active {background-position: 0 -70px;}

div.light 
{
text-align:center;
position:absolute;
bottom:0px;
height:25px;
width:100%;
font-size: 13pt;
padding-top:3px;
color: darkgreen;
background: yellow;
}