/**********************************************************************
 * page
 *********************************************************************/
#page       { margin: 0px auto; width: 960px; background: url(../images/background.gif) repeat-y; }
#pagebody   { margin: 0px auto; width: 930px; background-color: #FFFFFF; padding: 10px 0 0 10px; }
.bglinetop  { height: 10px; line-height: 10px; background: url(../images/bg_line_top.gif) no-repeat; }
.bgline1    { height: 10px; line-height: 10px; background: url(../images/bg_line_1.gif) no-repeat; }
.bgline2    { height: 16px; line-height: 16px; background: url(../images/bg_line_2.gif) no-repeat; }
.bgline10   { height: 1px; line-height: 1px; background: #CCCCCC; }
.bglinedown { height: 20px; line-height: 20px; background: url(../images/bg_line_down.gif) no-repeat; }


/**********************************************************************
 * header
 *********************************************************************/
#header {
  margin: 0px auto;
  text-align: center;
  width: 940px;
  height: 110px;
  background-color: #fff;
}

#header .banner {
  width: 940px;
  height: 110px;
  background-image: url(../images/banner_top.jpg);
}


/**********************************************************************
 * home
 *********************************************************************/
#home_content       { float: left; width: 700px; }
#home_content h1    { margin-left: 16px; }
#home_content p     { margin-left: 0; }
#home_content ul,
#home_content ol    { margin-left: 25px; }
#home_content ul li { margin-top: 4px; list-style-type: disc; }
#home_content ol li { margin-top: 4px; }

.homebox_half { width: 350px; background: url(../images/homebox_half_back.gif); float: left; }
.homebox_half .head {
  background: url(../images/homebox_full_head_back.gif) repeat-x;
  margin: 0 7px 0px 3px;
  height: 24px;
  border: 1px solid #CCCCCC;
  color: #A5560A;
  font-weight: bold;
  font-size: 1.2em;
  padding: 5px 10px 0px 12px;
  line-height: 1.3em;
}
.homebox_half .head_shadow {
  position: relative;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.2em;
  top: -26px;
  left: 14px;
  margin-bottom: -20px;
}
.homebox_half .content { min-height: 125px; height: auto !important; height: 125px; padding: 15px; }
.homebox_half .content img { float: left; margin-left: -11px; margin-right: 10px; }
.homebox_half .bottom {
  clear: left;
  width: 350px;
  height: 10px;
  background: url(../images/homebox_half_bottom.gif) no-repeat;
}
.homebox_full { width: 700px; background: url(../images/homebox_full_back.gif); clear: left; }
.homebox_full .head {
  background: url(../images/homebox_full_head_back.gif) repeat-x;
  margin: 0 7px 0 3px;
  height: 24px;
  border: 1px solid #CCCCCC;
  color: #A5560A;
  font-weight: bold;
  font-size: 1.2em;
  padding: 5px 10px 0px 12px;
  line-height: 1.3em;
}
.homebox_full .head_shadow {
  position: relative;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.2em;
  top: -26px;
  left: 14px;
  margin-bottom: -20px;
}
.homebox_full .content { min-height: 125px; height: auto !important; height: 125px; padding: 15px; }
.homebox_full .content img { float: left; margin-right: 25px; }
.homebox_full .bottom { clear: left; width: 700px; height: 10px; background: url(../images/homebox_full_bottom.gif) no-repeat; }


/**********************************************************************
 * right-box
 *********************************************************************/
#rightcol { float: left; }
#rightcol .box        { width: 225px; background: url(../images/rightcol_box_back.gif); }
#rightcol .first      { margin-top: 60px; }
#rightcol .box_bottom { width: 225px; height: 17px; background: url(../images/rightcol_box_bottom.gif) no-repeat; }
#rightcol .content {
  padding: 8px;
  margin: 0 8px 0 5px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  width: 197px;
}
#rightcol h2 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.2em;
  color: #35478f;;
  font-size: 1.2em;
}
#rightcol label       { display: block; float: left; width: 95px; }
#rightcol input.field { display: block; float: right; width: 95px; }
#rightcol label       { padding-bottom: 0.8em; }
#rightcol form br     { clear: left; }
#rightcol hr          { clear: both; border: 0; border-top: 1px solid #CCCCCC; }
#rightcol input.btn_small { width: auto; }
#rightcol input.btn_login { float: right; }
#rightcol .large      { font-size: 1.2em; font-weight: bold; }


/**********************************************************************
 * navigation
 *********************************************************************/
#nav        { margin: 0px auto; width: 940px; height: 60px; background-color: #FFF; }
ul.main     { float: left; padding-left: 10px; width: 790px; height: 60px; }
ul.main li  { float: left; border-left: #CCC solid 1px; background-color: #FFF; }
ul.main a, ul.main a:visited, ul.main a:active {
  float: left;
  height: 25px;
  padding: 35px 20px 0 10px;
  background-color: #FFF;
  font-size: 1.2em;
  color: #333333;
  text-decoration: none;
  display: block;
}
ul.main a:hover       { text-decoration: underline; }
ul.main a.active,ul.main a.active:visited  { background-color: #F27801; color: #FFF; }
ul.language           { float: left; margin-top: 5px; text-align: right; line-height: 1.3em; }
ul.language li        { margin-left: 70px; text-align: left; font-size: 0.9em; }
ul.language a, 
ul.language a:visited { text-decoration: none; color: #333; font-weight: normal; padding-left: 10px; }
ul.language a:hover   { color: #CC6600; }
ul.language li.active a,
ul.language li.active a:visited { background: url(../images/arr_lan.gif) no-repeat 0px 1px; padding-left: 10px;  font-weight: bold; color: #333333; }


/**********************************************************************
 * content
 *********************************************************************/
#content                          { float: left; width: 664px; padding: 0 20px 0 16px; }

#content table.register td        { padding: 5px 2px 0 0; font-size: 1.0em; margin: 0; width: 130px; }
#content table.register input, 
#content table.register select    { margin-top: -2px; width: 130px; }
#content table.register input.checkbox { width: auto; }
#content table.register textarea  { font-face: Arial, Helvetica, sans; height: 32px; }
#content table.register a         { font-weight: normal; }
#content ul li                    { margin-left: 25px; margin-top: 4px; list-style-type: disc; }
#content ol li                    { margin-left: 25px; margin-top: 4px; }
#content table                    { border: 0; }
#content table td                 { padding: 3px; }

/**********************************************************************
 * products
 *********************************************************************/
#products                         { float: left; width: 664px; padding: 0 20px 0 16px; }
#products .tab                    { clear: both; border: 1px solid #DDDDDD; padding: 10px; margin-top: 0; }
#products .productlist            { float: left; width: 300px; margin-bottom: 20px;  }
#products .right                  { margin-left: 20px; padding-left: 10px; border-left: 1px solid #DDDDDD; }
#products .productlist img        { float: left; margin: 0 10px 5px 0; } 


/**********************************************************************
 * my account
 *********************************************************************/
#account_table              { width: 100%; border-spacing: 0; margin-bottom: 20px; }
#account_table .right       { text-align: right; }
#account_table th           { border-bottom: 1px solid #000000; }
#account_table .head        { border-bottom: 1px solid #999999; }
#account_table .first       { padding-top: 20px; }
#account_table .border-top  { border-top: 1px solid #000000; }
#account_table hr { width: 100%; }


/**********************************************************************
 * contact form
 *********************************************************************/
#contact_form label, 
#contact_form input, 
#contact_form textarea, 
#contact_form span.info { width: 200px; display: block; float: left; margin: 10px 0 0 0; }
#contact_form br        { clear: left; }
#contact_form input.submit { width: auto; }
#contact_form input.hidden { display: none; }


/**********************************************************************
 * footer
 *********************************************************************/
#footer {
  margin: 0px auto;
  text-align: center;
  width: 940px;
  height: 60px;
  background-color: #fff;
}
#footer p { margin-top: 0; }

.footerline {
  margin: 0px 10px 0 10px;
  width: 920px;
  height: 20px;
  border-bottom: #CCCCCC solid 1px;
}

.ft_left {
  float: left;
  margin: 5px 0 0 10px;
  width: 450px;
  font: 11px Verdana;
  color: #666666;
  text-align: left;
}

.ft_right {
  float: right;
  margin: 5px 10px 0 0;
  width: 450px;
  font: 11px Verdana;
  color: #666666;
  text-align: right;
}
.ft_right p { line-height: 1.4em; }

.ft_right a {
  font-size: 11px;
  font-weight: normal; 
}

/* color text */
.grey {
  padding-left: 18px;
  padding-right: 10px;
  color: #999999;
  text-decoration: line-through;
}