body { 
  text-align: center; /* IE6 Fix */
  margin:0;
  background: #EBE5D5;
  font:11px Arial, Helvetica, Verdana, sans-serif,Geneva,'Helvetica Neue',Helvetica,"Lucida Grande";
}

h1 {
font-size: 18px;
color: #70614E;
padding: 0 0 5px;
margin: 0 0 5px;
}

h2 {
font-size: 16px;
padding: 0;
margin: 2px 0;
color: #543F24;
}

h3 {
font-size: 14px;
padding: 0;
margin: 5px 0;
border-bottom: 1px solid #FCFCFC;
color: #97773A;
}

h4 {
font-size: 12px;
padding: 0;
margin: 1px 0;
}

h5 {
font-size: 11px;
padding: 0;
margin: 1px 0;
color: #C9B292;
}

hr {
border-top: 1px solid #97773C;
height: 1px;
}

a {
	color: #fff600;
	text-decoration: none;
}

a:hover {
color: #97773C;
}

ul {
margin: 0;
padding: 0;
}

li {
list-style-type: none;
padding: 5px;
background: transparent url('../img/arrow.gif') no-repeat 20px 10px;
padding-left: 35px;
}

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


input, textarea {
padding: 3px;
font:11px "Lucida Grande", Geneva, Arial, Helvetica, Verdana, sans-serif;
letter-spacing: 0.5px;
background: #F4F4F4 url(../img/field_bg.jpg) no-repeat top right;
border: none;
margin-bottom: 5px;
}

button, .button {
background: #fff url(../img/btn.png) repeat top right;
letter-spacing: 1.5px;
padding: 5px;
font-weight: bold;
text-transform: Uppercase;
}

.container {
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0 auto;   /* Centers layout */
  width: 906px;     /* Total width */
  background: #EBE5D5 url(../img/base_bg.jpg) repeat-y center center;
}

#content {
padding: 0px 15px 15px;
}

*html #content {
margin: 0px 10px 0px 27px;
padding: 0px;
}

#navi {
float: right;
width: 660px;
margin-right: 3px;
background: transparent url(../img/menu_bg.jpg) repeat top left;
}

*+html #navi {
height: 130px;
}

*html #navi {
margin: 0 2px -3px 0;
}

#navi a{
color: #fff;
}

#navi a:hover {
color: #E3B902;
}

#navi .elink {
text-align: right;
display: block;
padding: 20px 33px 33px;
height: 28px;
letter-spacing: 1.5px;
}

*html #navi .elink {
padding: 20px 33px 18px;
}

#header {
clear: both;
display: block;
margin-left: 3px;

}

*html #header img.logo {
position: absolute;
}

#subheader {
clear: both;
background: #E1B302 url(../img/yellow_bg.jpg) repeat;
height: 180px;
display: block;
margin: 0 3px;
}

*html #subheader {
margin: 0 3px 0;
 }

*+html #subheader {
margin-top: -5px;
}

#subhd {
clear: both;
background: #E1B302 url(../img/sidebar.jpg) repeat;
height: 5px; 
display: block;
margin: 0 3px;
}

*html #subhd {
height: 1px; 
margin: 0px 3px;
padding: 0;
background: #FBFADC url(../img/sidebar.jpg) repeat;
}

*+html #subhd {
height: 5px; 
margin: -5px 3px 0;
padding: 0;
background: #FBFADC url(../img/sidebar.jpg) repeat;
}

#sub_l {
background: #E1B302 url(../img/s_info_bg.jpg) no-repeat;
height: 160px;
width: 200px;
padding: 20px 15px 0 25px;
color: #fff;
font-size: 10px;
float: left;
}

#sub_m {
margin-left: 10px;
width: 360px;
float: left;
padding: 10px;
text-align: justify;
font-size: 10px;
color: #000;
}

#sub_m h1 {
color: #bb0606;
margin: 0px;
padding: 0px;
}

#sub_m span {
display: block;
padding-bottom: 15px;
font-weight: bold;
color: #600202;
font-size: 12px;
}

#sub_r {
margin-left: 650px;
font-size: 10px;
font-weight: bold;
width: 200px;
}

*html #sub_r {
width: 240px;
}

#footer {
clear: both;
text-align:right;
padding: 12px 5px;
margin: 3px;
color: #b2ac96;
background: transparent url('../img/footer_bg.jpg') repeat-x center center;
height: 15px;
}

#footer span{
float: left;
}

#footer a{
color: #b2ac96;
padding: 2px 5px;
}

#footer a:hover{
color: #96783B;
}


#mat_list, #left_bar {
clear: both;
margin-left: -12px;
background: transparent url('../img/s_material_bg.jpg') repeat-y top left;
width: 220px;
padding: 10px 15px;
float: left;
color: #fff;
padding-bottom: 0px;
}

#mat_list h3, #mats_list h3, #left_bar h3 {
font-size: 13px;
padding: 2px;
margin: 5px 0;
border-bottom: 1px solid #b2ac96;
color: #b2ac96;
}

#mat_list h3 span {
float: right;
font-size: 10px;
}

#mat_list h3 span a {
color: #b2ac96;
}

#mat_list h3 span a:hover {
color: #DEAE02;
}

#mat_list ul {
margin: 0;
padding: 0;
}

#mat_list li {
display: block;
list-style-type: none;
background-color: #928773;
margin: 2px;
font-size: 12px;
font-weight: bold;
color: #4e4638;
padding: 20px 0;
clear: both;
height: 40px;
}

#mat_list li a {
color: #4e4638;
}

#mat_list li a:hover {
color: #DEAE02;
}

#mat_list li span{
display: block;
border-top: 1px solid #b2ac96;
font-size: 10px;
margin: 3px 0;
padding: 3px;
}

#mat_list li img {
border: 3px solid #eee;
margin: -12px 5px 0;
float: left;
}

#c_list {
margin-left: 230px;
padding: 8px;
text-align: justify;
}

*html #c_list {
margin-left: 230px;
padding: 0px;
}


#c_list h3 {
font-size: 13px;
padding: 3px;
margin: 5px 0;
border-bottom: 1px solid #b2ac96;
color: #b2ac96;
}

#c_list h3 span {
float: right;
font-size: 10px;
}

#c_list h3 span a {
color: #b2ac96;
}

#c_list h3 span a:hover {
color: #DEAE02;
}


#c_list ul {
margin: 0;
padding: 0;
}

#c_list li {


}

#c_list li a {
color: #000;
}

.crhead {
padding-top: 10px;
font-size: 16px;
letter-spacing: 1px;
color: #7d7c14;
margin-bottom: 5px;
}

#c_list li img{
border: 3px solid #EBE5D5 ;
}

.spc_img {
margin-left: -15px;
}





#c_list a, #mat_list a {
color: #E5BF3A;
}

#c_list a:hover, #mat_list a:hover {
color: #005648;
}


.pagination{
clear:both;
display: block;
background: url(../img/pages_bg.png) no-repeat top right;
height: 50px;
}

.pagination ul{
clear: both;
margin: 15px 110px;
padding: 0px;
float: right; /*Set to "right" to right align pagination interface*/
font-size: 10px;

}

.pagination li{
list-style-type: none;
float: left;
padding: 0px 1px;

}

.pagination a, .pagination a:visited, .pagination span.currentpage {
text-align: center;
text-decoration: none; 
color: #515050;
background: url(../img/pag_blank.gif) no-repeat top left;
display: block;
width: 15px;
height: 15px;
margin: 2px;
padding: 2px;
}

.pagination a:hover, .pagination a:active{
color: #FFB703;
background: url(../img/pag_blanko.gif) no-repeat top left;
}

.pagination span.currentpage{
color: #B6FF00 !important;
font-weight: bold;
}



.hdlf {
display: block;
}
.hdrg {}


.qjump {
text-align: center;
padding: 5px;
}


#mats_list {
clear: both;
margin-left: -12px;
background: transparent url('../img/s_material_bg.jpg') repeat-y top left;
width: 220px;
padding: 10px 15px;
float: left;
}


#mats_list li {
list-style-type: none;
border: 1px solid #614931;
margin: 2px 2px;
font-size: 12px;
font-weight: bold;
color: #000;
padding: 10px;
display: block;
}


#mats_list li span{
display: block;
border-top: 1px solid #594129;
font-size: 10px;
padding: 2px;
margin: 3px;
}



#left_bar ul li {
padding: 5px 10px;
}

.notavail {
display: block;
font-size: 14px;
color: #615D5C;
padding: 10px auto;
text-align: center;
font-weight: bold;
}

.notavail span {
display: block;
font-size: 10px;
padding: 5px;
font-weight: normal;
}

.fld_right {
float: right;
}

.product_desc {
margin-left: 160px;
}

.product_detail {
padding: 0 10px;
}

.product_image {
padding: 0px 10px 10px 0;
float: left;
width: 150px;
text-align: center;
}

.product_image img {
border: 3px solid #EBE5D5;
}


h2.title {
margin: 5px;
font-size: 16px;
color: #C73211;
font-weight: bold;
}

.subcat {
display: block;
padding: 3px;
}

.subcat b {
float: left;
width: 100px;
color: #1A3E4D;
}


.description {
margin-top:10px;
display: block;
}


.product_gallery {
margin: 10px;
padding: 5px;
}

.product_gallery .fgall{
margin: 5px;
width: 80px;
height: 80px;
text-align: center;
float: left;

}

.product_gallery .fgall img{
border: 2px solid #EBEFE0;
}


.pricelist {
text-align: right;
width: 150px;
float: right;
font-weight: bold;
font-size: 16px;
margin-right: 10px;
color: #615D5C;
}

.pricelist span {
font-style: italic;
font-size: 10px;
display: block;
font-weight: normal;
padding-right: 15px;
color: #70614E;
}


.sort {
float: left;
}




ul.thumbs li {
float: left;
list-style-type: none;
margin: 5px 10px;
font-size: 12px;
font-weight: bold;
color: #000;
padding: 5px;
height: 170px;
width: 175px;
}


ul.thumbs  li span a{
display: block;
font-size: 10px;
color: #852f2c;
border-bottom: 2px solid #B2AC96;
padding-bottom: 3px;
}

ul.thumbs li img {
display: block;
margin: 5px auto;
}



ul.listing {
padding: 0px 0px;
}


ul.listing li {
height: 80px;
margin: 5px;
padding: 0px;
}



ul.listing li span {
width: 200px;
margin: 3px;
padding: 5px;
float: left;

}

ul.listing li span b {
width: 70px;
float: left;
}

ul.listing .images {
width: 170px;


float: left;
margin: 5px 0; 
text-align: center;
}



.display_mod {
display: block;
padding: 2px;
border: 1px solid #8c857c;
height: 35px;
}

.display_mod img{
border: 1px solid #70614E;
}

.display_mod span{
display: block;
width: 50px;
float: right;
margin: 0px 10px;
}

*html .display_mod span{
margin: 0px 5px;
}

.display_mod span b {
color: #a18f78;
}


.sorted {
float: left;
width: 250px;
color: #70614E;
font-weight: bold;
font-style: italic;
}

.sorted a {
color: #959B9D;
font-weight: normal;
}

.sorted a:hover {
color: #46321A;
}

li.odd {
background-color: #F9F8CC;
}

li.even {
background-color: #FBFADC;
}


.manufacture_list{
border: none;
padding: 10px;
margin: 5px;
font-size: 16px;
font-weight: bold;
color: #2A3974;
}

.manufacture_list li ul li{
clear : none;
margin: 5px;
}


.manufacture_list a {
float: right;
font-size: 10px;
color: #615D5C;
}

.manufacture_list a:hover {
color: #f00;
}

#accordion {
width: 620px;
}


#accordion h3 {
border: none;
cursor: pointer;
border-bottom: 1px solid #eee;
background-color: #EBE5D5;
padding: 5px;
}



ul.mthumbs li {
float: left;
list-style-type: none;
margin: 10px 10px;
font-size: 12px;
font-weight: bold;
color: #000;
padding: 3px;
height: 115px;
width: 95px;
}


ul.mthumbs  li span a{
display: block;
font-size: 10px;
color: #852f2c;
border-bottom: 2px solid #B2AC96;
padding-bottom: 3px;
}

ul.mthumbs li img {
display: block;
margin: 5px auto;
}


.material_detail {
text-align: center;
}

ul#news {
list-style-type: none;
margin: 0;
padding: 0;
}

ul#news li{
padding: 10px;
margin: 2px;
border-bottom: 1px solid #eee;
}

ul#news li .title {
font-size: 12px;
font-weight: bold;
}

ul#news li .date, .news_detail .date {
float: right;
font-size: 10px;
}

ul#news li .category, .news_detail .category {
color: #6B6B6B;
font-size: 10px;
}

.news_detail {
padding: 10px 25px;
}

.news_detail {
text-align: justify;
}

.news_detail img {
clear: left;
float: left;
margin: 5px;
border: 2px solid #eee;
}

ul#news a{
font-size: 16px;
font-weight: normal;
color: #35447F;
}

ul#news a:hover{
color: #961112;
}

.contact_bar {
padding: 5px;
color: #FBFADC;
text-align: justify;
}

.contact_bar h4{
color: #FAE500;
}



#contact_form {
background: #fff url('../img/grad_tooltip01.gif') repeat-x;
padding: 5px 10px;
float: right;
}

#reg_form {
padding: 5px 5px;
float: right;
}

.cform ul{
margin: 0;
padding: 0;
}

.cform li{
width: 195px;

margin: 0;
padding: 2px 0 2px 0;
padding-left: 100px; /*width of left column containing the label elements*/
list-style-type: none;

}

.cform label{
font-weight: bold;
float: left;
margin-left: -95px; /*width of left column*/
width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cform textarea{
font: 11px "Trebuchet MS", Verdana;

}


.cloading {
height: 100px;
width: 100%;
margin: 5% 0;
text-align: center;
}


.send_error {
color: #980605;
padding: 10px;
margin-top: 10px;
width: 310px;
}

.send_ok {
color: #2F61B8;
padding: 10px;
margin-top: 10px;
}

.reg_sm{
float: right;
width: 100px;
font-size: 10px;
font-style: normal;
margin-right: 20px;
}

.member_info {
display: block;
padding: 3px;
font-size: 10px;
text-align: center;
margin-bottom: 10px;
}

.member_info span{
display: block;
color: #FBFADC;
}

.tree_but {
clear: both;
text-align: center;
display: block;

}

.tree_but a{
float: right;
margin: 2px;
padding: 3px;
}