/* [Layout Style] */
.t_bgcol1 { background-color: #000000; }
.t_col1   { color: #000000; }
.t_bdcol1 { border: solid 1px #000000; }
.t_bgcol2 { background-color: #000000; }
.t_col2   { color: #000000; }
.t_bdcol2 { border: solid 1px #000000; }
.t_bgcol3 { background-color: #000000; }
.t_col3   { color: #000000; }
.t_bdcol3 { border: solid 1px #000000; }
.t_bgcol4 { background-color: #000000; }
.t_col4   { color: #000000; }
.t_bdcol4 { border: solid 1px #000000; }

/*  [ Layout Positioning ]  */
body       { margin: 0px; background: url(/img/user/layout/hessian.jpg); }
#lyo_outer { text-align: center; }
#lyo       { margin: 10px auto; text-align: left; width: 960px;}
#lyo_toolbars { color: #ffffff; }


/*  [ Layout shadow and frame ]  */
#lyo_main_outer {
  background: url(/img/user/layout/wood_background.jpg); padding: 8px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: #271500 5px 5px 15px;
  -webkit-box-shadow: #271500 5px 5px 15px;
  -moz-box-shadow: #271500 5px 5px 15px;
}
#lyo_nav #nav_root_1 {
  margin: 0 auto;
}
#lyo_main        { background: url(/img/user/layout/hessian_darker.jpg); color: #eee; }
#lyo_main_header {
  color: #ffffff; background: #280000; border-bottom: 1px solid #F09C36; padding: 1em 0 0 0;
}
#lyo_pyro_tip_left{
  display: block; float: left; margin: 5px;
}
#lyo_pyro_tip_right {
  display: block; float: left; margin: 5px;
}
#lyo_main_header h1 {
  display: block; float: left; margin: 0; line-height: 40px; width: 680px; text-align: center;
}
#lyo_breadcrumbs { margin: 5px 10px; float: left; }
#lyo_breadcrumbs label { color: #ffffff; font-weight: bold; margin: 0 10px 0 0; float: left; }
#lyo_icons {
  float: right; margin: 0 5px 0 0;
}
#lyo_icons img {
  display: block; float: left; margin: 0 2px;
}

#lyo_search{
  float: right; position: relative; padding: 0px; width: 167px; height: 18px; margin: 0 2px 0 0;
}
#topbar_search{
  position: absolute; top:0px; left:0px; height: 16px; width: 134px;
  background: url(/img/user/layout/bg-search.gif); border: none; line-height:16px; padding: 1px 2px;
}
#topbar_search_btn{
  position: absolute; top: 0px; left: 138px; height: 18px; width: 29px;
  background: url(/img/user/layout/bg-go.gif);  border: none; padding: 0;
}
#topbar_search_btn:hover {
  background-position: 0% 100%;
}


#lyo_inner {
  padding: 10px 20px;
  position: relative;
}
#lyo_inner a { font-weight: bold; color: #c0c0ff; text-decoration: none; }
#lyo_inner a:hover { color: #0000ff; text-decoration: underline; }
#lyo_inner .product_catalogue a { color: #0000C0; }
#lyo_inner .pnav a              { color: #0000C0; }
#lyo_inner .report a            { color: #0000C0; }
#lyo_pre_footer {
  height: 30px; line-height: 30px; font-size: 80%; text-align: center;
  color: #ffffff; background: #280000; border-top: 1px solid #F09C36; 
}
#lyo_pre_footer ul { list-style-type: none; margin: 0; display: inline; padding: 0 10px; }
#lyo_pre_footer li { display: inline; }
#lyo_pre_footer a  { color: #ccf; font-weight: bold; text-decoration: none; padding: 0 5px; }
#lyo_pre_footer a:hover { text-decoration: underline; color: #88f;}

#lyo_footer         { font-size: 80%; color: #ffffff; text-align: center; padding: 10px; }
#lyo_footer a       { color: #ccf; font-weight: bold; text-decoration: none; }
#lyo_footer a:hover { color: #88f; text-decoration: underline; }

blockquote {
  border: 1px solid #808000; background: #ffffe0; padding: 0em 1em; color: #808000;
  display: block; font-weight: bold; text-align: justify; margin: 2em 2em 1em 2em;
}
address { display: block; margin: 1em 0; }