html{ font-size:100%; } /* for IE */
body {
  font: 0.625em Arial, Helvetica, Verdana, Geneva, sans-serif;
  background:#f0ede6 url('/i/_bg_body.png') repeat-x top;
  color:#5d5e59;
}
a:active, a:focus, img { outline: 0;border-style: none;}
a {color:#2242bd;}
a:hover {text-decoration:none;}
.clear {display:block; height:0; clear:both; visibility:hidden;}

/*......................................_ Body & Top Area_................................................*/
.top{position:relative; width:944px; margin:0 auto;z-index:10;}
.top #phone{position:absolute;top:72px;right:0;font-size:1.4em;text-align:right;}
.top #phone a{display:block;margin:0px 0 0 0;color:#33322a;}
.top #header{position:absolute;top:47px;right:0;font-size:1.4em;text-align:right;font-weight:bold;}
.top .logo{margin:0 0 0 -8px;padding:31px 0 ;}
.top .logo img{border:0;}


#nav {margin:0 0 -1px 0px;height:46px;}
*html #nav {margin:0;}
#nav ul {
  list-style:none;
  font-size:14px; 
  margin: 0; 
  padding: 0;
  text-transform: uppercase;
}
#nav ul li {float:left;}
#nav ul li a,#nav ul li a:hover,#nav ul li span{
  background:url('i/m_short.png') no-repeat top;    
}

#nav ul li a {
  display:block;
  width:136px;
  height:30px;
  color:#33322a;
  text-decoration:none;    
  padding:16px 0 0 15px;
  background-position: left;
}
#nav ul li a:hover {
  color:#010101;
  background-position: right;    
}
#nav ul li span {
  display:block;
  width:136px;
  height:30px;
  color:#33322a;
  background-position: right;
  padding:16px 0 0 15px;
}
#nav ul li .nolink{
  background-position: left;
  cursor: default;
}
#nav .last a, #nav .last span,#nav .last a:hover{
  width: 171px;
  background-image: url('i/m_wide.png');
}
#nav .last ul a, #nav .last ul span,#nav .last ul a:hover{    
  background-image: none;
  width: auto;
}
#nav ul ul li{
  height: auto;
  z-index: 500;
}
#nav ul ul li a{
  padding: 0;
  margin: 0;
  height: auto;
  background: none;
}
#nav ul ul li{
  width: 100%;
  padding: 0;    
  margin: 0;        
}
#nav ul ul {
  height: auto;    
  background: white;    
  position: absolute;
  z-index: 500;
  padding: 0;
  margin: 0;
  border: solid #dcd8cd 1px;
}
#nav ul ul ul {
  height: auto;
  white-space: nowrap;
  width:166px;
  position: absolute;
  top: -1px;
  z-index: 500;
  padding: 0;
  margin: 0;
  border: solid #dcd8cd 1px;
}
#nav ul ul li{
  background: none;   
  width: 100%;
}
#nav ul ul li a{    
  padding: 5px 5% 5px 5%;
  display: block;
  float: none;        
  color: #33322c;    
  text-transform: none;
  width: 90%;
}
#nav ul ul ul{
  margin: 0 !important;
  padding: 0 !important;
}
#nav ul ul ul li a{    
  padding: 5px 5% 5px 5% !important;
  display: block;
  float: none;        
  color: #33322c;    
  text-transform: none;
  width: 90%;
}

#nav ul ul li a:hover{    
  background: #dcd8cd;
}
div#nav li:hover ul{display: block;}

div#nav li li:hover ul,
div#nav li li:hover ul ul
{display: block !important;}

div#nav ul ul
{display:none;}

div#nav li:hover ul ul{display: none;}


.outer {
  position:relative; margin:0 auto; background:#FFF;border:1px solid #d0d2c7;z-index:0;
  border-top: none;
}
.outer .inner{font-size:1.3em;}
.outer .inner h1{
  font-size:20px;
  color:#010101;
  font-weight:100;
}


.wrapperMain{
  clear: both;
  width: 945px;
  margin: 0 auto;
  font-size: 1em;
}
.middleContainer,.pagecontent,.footer{    
}
h1{
  margin: 0;
  font-size: 20px;
  padding: 0;
  font-weight: normal;
  margin: 27px 0;
}
h2{
  font-size: 14px;
}
h3{
  font-size: 13px;
  text-decoration: underline;
}
.pagecontent{
  padding: 0 0;
  overflow: auto;
}
.footer{
  margin-top: 40px;
  background: white;
  height: 313px;
  font-size: 11px;
  color: #52504a;
}
.footer .ftrcontent{
  margin: 0 auto;
  width: 945px;
  padding-top: 71px;
}
.footer .ftrcontent a{
  padding-left: 32px;
  background: url('/i/ico_letter.png') no-repeat left center;
  color: #52504a;    
}
.footer .ftrcontent a:hover{
  color: black
}
.go{
  cursor: pointer;
}
.sshow{
  padding: 11px; 
  height: 340px;
  width: 900px;

}
#slider {       
  margin: 0 auto;
  width: 919px;
  min-height: 286px;
}

#slider img {
  top:0px;
  left:0px;
  display: none;
}
#slider a {
  border:0;
}
.sshow .title{
  padding: 20px;
  line-height: 22px;
  font-size: 16px;
}
.textarea,.news .title a{
  padding: 30px 20px;
  color: #52504a;
}
.textarea .tleft{
  width: 450px;
  float: left;
  font-size: 16px;
  line-height: 25px;
  color: #33322c;    
}
.textarea .tright{
  width: 391px;
  float: right;
  font-size: 12px;        
}  

.textarea .tright img{
  border: solid #d3d1c7 1px;
  padding: 0;
}
.news{
  margin-bottom: 28px;
  line-height: 16px;
  overflow: auto;
}
.news .date{    
  padding: 6px 9px;
  background: white;
  margin-bottom: 21px;
  display: block;
  float: left;

}
.news .ntitle{
  clear: both;
  font-weight: bold;
  margin-bottom: 20px;
}
.news .ntitle a{
  color: inherit;
}
.news .descr{

}
.tpcontent ul{
  margin: 0;
  padding-left: 10px;
}
.tpcontent,.store{
  overflow: auto;
  padding:  0 32px 32px 32px;
  color: black;
}
.tpcontent .left{
  float: left;
  width: 553px;
}
.tpcontent .right{
  float: right;
  width: 290px;
}
.tpcontent img{
  padding: 8px;
  border: solid #d3d1c7 1px;
  margin-bottom: 25px;
}
.learnmore{
  border-left: solid #d3d1c7 1px;
  padding: 5px 25px;
}
.learnmore a{
  color: #5a5433;
  line-height: 20px;
}
.sendmailform input, .sendmailform textarea{
  height: 31px;
  padding:0 5px;
  width: 390px;
  background: #efede5;
  font-size: 20px;
  color: #5b5650;
  border: solid 1px #5b5650;
}
.sendmailform .required{color: red; display: block; float: right; font-size: 11px; font-style: italic;}
.sendmailform td{
  padding: 10px 0;
  vertical-align: top;
}
.sendmailform .inputs td{
  padding-top: 0;
}
.in1{
  display: block; padding: 0 13px; color:#efede5; font-size: 12px; font-weight:bold; cursor: pointer;
  height: 22px; line-height: 22px; background: #5b5650; border: solid #716f63 2px;    
}
.in1:hover{border: solid #716f63 2px; background: #efede5; color:#5b5650;}

.quote-box h2{margin:32px 0 5px 0;font-size:16px;}
.quote-box .err{color:#cc0000;border:1px dashed #cc0000;background:#fae7e7;float:left;padding:5px 15px 8px 15px;}
.quote-box .ok{color:#009900;border:1px dashed #009900;background:#e9fae7;float:left;padding:8px 15px 8px 15px;}
.quote-box .sub-box{width:680px;}
.quote-box .sub{float:left;margin:10px 35px 0 0;}
.quote-box .r{background:url('/i/radio.png') no-repeat 0 -31px;padding:4px 0 4px 22px;cursor:default;}
.quote-box .on{background:url('/i/radio.png') no-repeat 0 6px;padding:4px 0 4px 22px;}
.quote-box .t{visibility:hidden;height:0px;overflow:hidden;}

.quote-box .fl{float:left;}
.quote-box .fr{float:right;}
.quote-box .col{width:48%;margin:25px 0;}
.quote-box .field{margin:5px 0 20px 0;}
.quote-box .required{color: red; display: block; float: right; font-size: 11px; font-style: italic;}
.quote-box .col input{width:98%;}
.quote-box .col textarea{width:98%;height:90px;resize:none;overflow:auto;}
.quote-box .col input,.quote-box .col textarea{padding:7px 2px 6px 4px;color: #5b5650;background:url('/i/q-in.png') no-repeat;font:16px Arial, Helvetica, Verdana, Geneva, sans-serif;border:1px solid #b0aea3;}
.quote-box .button-light{}



.store .left{float:left;width:635px;}
.store .right{margin:-20px 0 0 670px;}


.store .unit{position:relative;}
.store h2{font-size:16px;color:#444444;margin:0 0 0 206px;}
.store p{margin:0 0 0 206px;}
.store .price{float:right;font-size:16px;color:#444444;padding:2px 8px;margin:0 0 0 20px;border:1px solid #d3d1c7;background:#efede5;}
.store .list-img{float:left;width:176px;padding:8px 0;border:1px solid #d3d1c7;background:#efede5;text-align:center;}

.store .add-to-cart{margin:20px 0 0 206px;}

.store .right .box{width:206px;color:#FFF;margin:0 0 30px 0;padding:0 0 20px 0;}
.store .right .dark{background:#545248 url('/i/dark_top.png') no-repeat top;}
.store .right .light{background:#78766b url('/i/light_top.png') no-repeat top;}

.store .right .box h2{font-size:14px;color:#FFF;padding:11px 0;margin:0 20px;}
.store .right .dark h2{border-bottom:1px solid #7c7a6f;}
.store .right .light h2{border-bottom:1px solid #98968a;}
.store .right .box p{margin:20px 0 0 20px;}
.store .right .box strong{font-weight:normal;margin:0 20px 0 0;}
.store .right .box a{color:#ffe971;}

.button-light,.button-dark{height:28px;} 
.button-light a{display:block;float:left;font-size:15px;color:#302f29;text-decoration:none;background:#d8d4c9 url('/i/blight_l.png') no-repeat;}
.button-light a strong{display:block;padding:5px 30px;background:url('/i/blight_r.png') no-repeat top right;}

.button-dark a{display:block;float:left;font-size:15px;color:#FFF;text-decoration:none;background:#5c5845 url('/i/bdark_l.png') no-repeat;}
.button-dark a strong{display:block;padding:5px 30px;background:url('/i/bdark_r.png') no-repeat top right;}
.b-l{float:left;margin:0 30px 0 0;}