@charset "utf-8";
* html { overflow-x: hidden; }
* {padding:0; margin:0;}

body{font-size:12px;font-family:tahoma, verdana, arial, sans-serif;color:#1d1d1d; background: #e3e3e3 url(images/bg.gif) center repeat-y}

/* global div */ 
ul {margin:0; padding:0; list-style-type:none;}
a {color:#0a76d8; text-decoration:none;}
a:hover{ text-decoration:underline}

/* global class */ 
.clear {clear:both; font-size:0px;}

/* body */ 
#body{ width:970px; margin:7px auto;}
#header{ height:105px; background:#010436 url(images/header_bg_right.gif) no-repeat top right;}
.logo{ float:left;width:225px; height:105px; background:url(images/logo_bg.gif) no-repeat}
.main-menu{ float:left; background:##8dc73f; width:715px}
.main-menu ul{}
.main-menu ul li{ float:left;}
.main-menu ul li a{ display:block; outline:none}
.main-menu ul li a span{ display:none}
.menu_01 a{ background:url(images/menu_01.gif) no-repeat; width:100px; height:105px;}
.menu_01 a:hover{ background:url(images/menu_01_active.gif) no-repeat; width:100px; height:105px;}
.menu_02 a{ background:url(images/menu_02.gif) no-repeat; width:100px; height:105px;}
.menu_02 a:hover{ background:url(images/menu_02_active.gif) no-repeat; width:100px; height:105px;}
.menu_03 a{ background:url(images/menu_03.gif) no-repeat; width:125px; height:105px;}
.menu_03 a:hover{ background:url(images/menu_03_active.gif) no-repeat; width:125px; height:105px;}
.menu_04 a{ background:url(images/menu_04.gif) no-repeat; width:100px; height:105px;}
.menu_04 a:hover{ background:url(images/menu_04_active.gif) no-repeat; width:100px; height:105px;}
.menu_05 a{ background:url(images/menu_05.gif) no-repeat; width:117px; height:105px;}
.menu_05 a:hover{ background:url(images/menu_05_active.gif) no-repeat; width:117px; height:105px;}
.menu_06 a{ background:url(images/menu_06.gif) no-repeat; width:120px; height:105px;}
.menu_06 a:hover{ background:url(images/menu_06_active.gif) no-repeat; width:120px; height:105px;}

.header{ padding-top:1px; background:#FFFFFF}
.header-menu { float:left; width:224px; border-right:1px solid #FFFFFF; height:300px; background:#010436}
.header-menu a{ }
.header-menu span{ display:none}
.header-menu ul{ padding-left:10px; padding-top:15px}
.header-menu ul li{ padding-bottom:5px;}
.header-menu ul li a{display:block;color:#FFFFFF;}
.hside-01{ background:url(images/side_title_01.gif) no-repeat; width:200px; height:20px;}
.hside-06{ background:url(images/side_title_02.gif) no-repeat; width:200px; height:20px;}
.hside-11 a{ background:url(images/side_title_03.gif) no-repeat; width:200px; height:20px;}
.hside-02 a{ background:url(images/side_menu_01.gif) no-repeat; width:200px; height:20px;}
.hside-03 a{ background:url(images/side_menu_02.gif) no-repeat; width:200px; height:20px;}
.hside-04 a{ background:url(images/side_menu_03.gif) no-repeat; width:200px; height:20px;}
.hside-05 a{ background:url(images/side_menu_04.gif) no-repeat; width:200px; height:20px;}
.hside-07 a{ background:url(images/side_menu_05.gif) no-repeat; width:200px; height:20px;}
.hside-08 a{ background:url(images/side_menu_06.gif) no-repeat; width:200px; height:20px;}
.hside-09 a{ background:url(images/side_menu_07.gif) no-repeat; width:200px; height:20px;}
.hside-10 a{ background:url(images/side_menu_08.gif) no-repeat; width:200px; height:20px;}
.hside-11 a:hover{ background:url(images/side_title_03_active.gif) no-repeat; width:200px; height:20px;}
.hside-02 a:hover{ background:url(images/side_menu_01_active.gif) no-repeat; width:200px; height:20px;}
.hside-03 a:hover{ background:url(images/side_menu_02_active.gif) no-repeat; width:200px; height:20px;}
.hside-04 a:hover{ background:url(images/side_menu_03_active.gif) no-repeat; width:200px; height:20px;}
.hside-05 a:hover{ background:url(images/side_menu_04_active.gif) no-repeat; width:200px; height:20px;}
.hside-07 a:hover{ background:url(images/side_menu_05_active.gif) no-repeat; width:200px; height:20px;}
.hside-08 a:hover{ background:url(images/side_menu_06_active.gif) no-repeat; width:200px; height:20px;}
.hside-09 a:hover{ background:url(images/side_menu_07_active.gif) no-repeat; width:200px; height:20px;}
.hside-10 a:hover{ background:url(images/side_menu_08_active.gif) no-repeat; width:200px; height:20px;}

.intro{ float:left;width:745px; height:300px;}
#container{width:970px; margin-top:7px;}

#footer{font-size:11px; color:#5f5f5f;text-align:center; margin-top:5px;}
.fline{ background:url(images/bg_line.gif) repeat-x top; font-size:0px; height:10px; width:970px;}
#footer a{ color:#5f5f5f}
.fmenu{ padding-bottom:5px;}
.fmenu a{ color:#555555; font-size:11px; font-weight:bold; padding-left:10px; padding-right:10px;}
.copyright{ padding-bottom:5px;}
.powered{}

#sidebar{ float:left; width:225px;}
#main{ float:left;width:720px; margin-left:10px;}
#main h1{ font-size:18px; padding-bottom:5px; color:#e78c09; border-bottom:1px solid #dcddd8; margin-bottom:10px;}

.page{ padding-bottom:10px;}
.page p{ padding-bottom:7px;}
.page ol{ margin-left:40px;}
.page ol li{ list-style-type: decimal; vertical-align:text-top}
.page ul{ margin-left:40px;}
.page ul li{ list-style-type:disc; vertical-align:text-top}

ul.product-list{ padding-top:10px;}
ul.product-list li{ float:left;text-align:center; width:33%; padding-bottom:15px; height:150px;}
ul.product-list li a{color:#000}
ul.product-list li .image img{ border:1px solid #000000; padding:3px;}
ul.product-list li .title{  font-weight:bold; padding-top:7px;}

div.product-display{ text-align:center; padding-top:10px; padding-bottom:20px;}
div.product-display img{border:1px solid #000000; padding:3px;}
div.product-line{ background:url(images/bg_line.gif) repeat-x top; font-size:0px; margin-top:10px; height:10px; width:100%;}

/* paging */
.paging-box{ padding-bottom:10px; padding-top:5px;}
.paging{padding:10px;}
.paging strong{ font-weight:bold; margin:2px;color:#000;}
.paging a{margin:2px; background:#FFFFFF; color:#000; font-weight:bold}
.paging a:hover{color:#000;}

p.more{ font-weight:bold; text-align:right; padding-bottom:15px; padding-top:5px;border-top:1px solid #dcddd8;}
p.more a{color:#000;}

/* sendmail */
#sendmail { padding-left:20px; color:#000000; padding-bottom:40px; padding-top:10px;}
#sendmail .mail-error{ color:#FF0000}
#sendmail .mail-success{ color:#339900;}
#sendmail .box-sending{text-align:center; background:#BEEFFD; border:1px solid #0DC3F7; padding-top:3px;padding-bottom:3px}
#sendmail .box-error{text-align:center; background:#FAB8B8; border:1px solid #CC0000; padding-top:3px;padding-bottom:3px}
#sendmail .box-success{text-align:center; background:#DDF8C5; border:1px solid #8DC83A; padding-top:3px;padding-bottom:3px}
#sendmail .box-hide{ display:none}
#sendmail input{ width:300px;}
#sendmail textarea{ width:300px; height:100px;}
#sendmail #send{ width:auto;}