/* common */
html, body {width: 100%; height: 100%; margin: 0; padding: 0; font: 84.9% tahoma, verdana, sans-serif; color: #000066; background: #FFF;}
#allpage {height: 100%; margin-bottom: -90px; min-width: 776px; padding: 0;}
body #allpage {height: auto; min-height: 100%;}
#empty {height: 90px; clear: both;}
#footer {height: 90px; min-width: 776px; padding: 0; background: #F2F2F2; font-size: 91%; color: #0B0B0B;}
#footer a {color: #0B0B0B; text-decoration: none;}
* html #allpage {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <= 778)? "778px" : "auto");}
* html #footer {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <= 778)? "778px" : "auto");}
* html .sp #allpage {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <= 778)? "778px" : "auto");}
* html .sp #footer {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <= 778)? "778px" : "auto");}
table {font-size: 100%; border-collapse: collapse;}
table td, table th {padding: 0;}
table td {padding: 0; vertical-align: top;}
a:link {color: #3366FF;}
a {color: #3366FF; text-decoration:underline;}
a:hover {color: #D53333;}
a img, img {border:none;}
form {padding: 0; margin: 0 0 1em 0;}
label, button {cursor: pointer; cursor: hand;}
input, select, textarea, button {font: 100% tahoma, verdana, sans-serif; color: #1E6BBE;}
input, textarea, select {margin: 3px 0;}
input, textarea {border: 1px solid #AAA;}
.btn {color: #FFF; background: #716F6F; border: none; padding: 3px 5px;}
ul {padding: 0; margin: 1em 0 1em 20px;}
ol {padding: 0; margin: 0 0 1em 40px;}
ul li {padding-bottom: 0.5em; padding-left: 15px; background: url(i/bull02.gif) no-repeat 0 0.4em; line-height: 120%; list-style: none;}
ul li ul {margin: 1em 0 0.5em 20px;}
ul li ul li {padding-bottom: 0.5em; padding-left: 10px; background: url(i/bull03.gif) no-repeat 0 0.5em; line-height: 120%; list-style: none;}
ol li {padding-bottom:0.3em;}
dl {padding:0;margin:0 0 1em 0;}
dd {padding:0;margin:0;}
/* H */
h1, h2 {padding: 0; margin: 0 0 0.8em 0; font: bold 14px arial, sans-serif; color: #D20C0C}
h3 {padding: 0; margin: 0 0 0.8em 0; font: bold 14px arial, sans-serif; color: #0000FF}
h4 {padding: 0; margin: 0 0 0.5em 0; font: bold 120% arial, sans-serif; color: #0000FF;}
h5 {padding: 0; margin: 0 0 0.5em 0; font: bold 130% arial, sans-serif; color: #0000FF; text-transform: uppercase;}
.index {text-align: center;}
.my {width: 600px; text-align: center; font: bold 14px arial, sans-serif; padding: 10px 0px;}
.tbh {font: bold 14px arial, sans-serif; padding: 0px 30px;}
/* table/div */
#t {text-align: center; background: #FFFFCC;}
#c {text-align: center; background: #FFCC66; font: bold;}
#sales {text-align: center; background: #FFFF66; font: bold;}
#m {text-align: center; background: #FFFF99;}
#n {background: #FFFFCC;}
#o {background: #FFFFCC;}
#s {text-align: center;}
#v {text-align: center; color: #C82728; font: bold;}
#i {text-align: center; background: #FFFAE6;}
#tech tr td {padding: 7px 4px 7px 6px;}
.content {font: tahoma, verdana, sans-serif; font-size: 130%;}
/* d.menu-ats */
.c-ml {margin:0 10px 0 0; font: tahoma, verdana, sans-serif; font-size: 100%;}
.c-mr {margin:0 0 0 10px; font: tahoma, verdana, sans-serif; font-size: 100%;}
.m-al {margin:0 20px 0 0; font: tahoma, verdana, sans-serif; font-size: 130%;}
.m-ar {margin:0 0 0 15px; font: tahoma, verdana, sans-serif; font-size: 130%;}
.t1 {color:#003399; font: bold 140% arial, sans-serif;}
.t2 {color:#003399; font: bold 130% arial, sans-serif;}
.t3 {color:#003399; font: bold 120% arial, sans-serif;}
.pt {font: bold 110% arial, sans-serif;}
.po {font: 110% arial, sans-serif;}
/* p */
.t {font-weight: normal; font-size: 11pt; margin-top: 15px; margin-left: 15px; margin-right: 75px; margin-bottom: 15px;}
.o {font-weight: normal; font-size: 10pt; margin-top: 10px; margin-left: 15px; margin-right: 75px;}
.c {font-weight: normal; font-size: 10pt; margin-top: 10px; margin-left: 05px; margin-right: 10px;}
.c2 {font-weight: normal; font-size: 10pt; margin-top: 10px; margin-left: 15px; margin-right: 0px;}
.ct {color:#0000FF; font: bold 16px arial, sans-serif;}
.ctm {color:#0000FF; margin-left: 18px; font: bold 16px arial, sans-serif;}
.cc {color:#FF0000; font: bold 12px arial, sans-serif;}
p .b {padding: 0; margin: 0.5em 0 0.5em 0; font: bold 100% arial, sans-serif; color: #FF0000;}
.doc {padding: 0px 10px;}
.price {text-align: center;}
.abz {padding-left: 15px;}
.info {padding: 0 80px;}
.ty {font: bold 100% arial, sans-serif;}
p.c {text-align: center;}
div.equip {margin: 0px 0px 0px 5px;}
div.ty {margin: 0px 0px 0px 25px; font: bold 100% arial, sans-serif;}
.img {}
.mt {padding: 10px 0px 40px 5px;}
div.m {background: #FFFFFF;}
td.m {background: #F1F1F1;}
.m a:link, .m a:visited, .m a:active, .m a:hover {padding: 0; margin: 0 0 0.5em 0; font: bold 130% arial, sans-serif; color: #2264B3; text-transform: uppercase;}
p {padding: 0; margin: 0 0 1em 0;}
.tel {padding: 0; margin: 0 0 1em 0;}
/* base */
.navi {float: none;}
.fleft {float: left;}
.fright {float: right;}
.rel {position: relative;}
.abs {position: absolute;}
.spacer {width: 1px; height: 1px; font-size: 0;}
.both {clear: both;}
.aright {text-align: right;}
/* hlt */
#header {padding: 1px 0; background: #CCC; border-top: 1px solid #FFF; margin-bottom: 14px;}
#header div {background: #C7DDEB url(i/header2.jpg) no-repeat 50% 0; height: 92px; border: 1px solid #FFF; border-width: 1px 2px;}
#header .fleft {margin: 26px 0 0 33px;}
#header .fright {margin: 8px 33px 0 0; display: block; margin-left: auto;}
.nav {color: #0B0B0B; background: #EEE; padding: 8px 13px 8px 23px; font-size: 91%;}
.nav a {color: #0B0B0B; text-decoration: none;}
.nav a:hover {color: #0B0B0B; text-decoration: underline;}
/* horizont */
.left, .center {float: left;}
.right {float: right;}
.left, .right {width: 21%;}
.phone {margin-left: 100px;}
.center {margin-left: 10px; width: 56%;}
.center .cont {padding: 5px 5px;}
.sp .center {width: 77%;}
#footer .left, #footer .right {margin: 4px 0 0 0;}
#footer .left {width: 30%; padding: 0 0 0 23px;}
#footer .center {width: 48%; text-align: center; margin: 19px 0 0 0;}
#footer .right {width: 18%;}
#footer .right img {vertical-align: middle; margin-right: 4px;}
.menu {padding: 18px 15px 25px 31px; background: #F1F1F1; margin: 0; position: relative;}
.menu li {text-transform: uppercase; color: #C82728; font: bold 109.2% arial, sans-serif; padding-bottom: 0.3em; padding-left: 14px; background: url(i/bull04.gif) no-repeat 0 0.4em;}
.menu li a {color: #666; text-decoration: none;}
.menu li a:hover {color: #C82728;}
.menu ul {margin: 0;}
.menu ul li {text-transform: none; color: #C82728; font: 92% arial, sans-serif; padding-bottom: 0.1em; padding-left: 7px; background: url(i/bull05.gif) no-repeat 0 0.5em;}
.menu ul li ul li {font-size: 100%;}
.menu li a.curr {color: #C82728;}
.menu li ul li ul a.curr {color: #C82728; text-decoration: underline;}
.cm_menu {padding: 0 5px 23px 23px; margin: 0;}
.block_equipment li, .cm_menu li {color: #C82728; padding-bottom: 0.3em; padding-left: 14px; background: url(i/bull01.gif) no-repeat 0 0.5em;}
.block_equipment a, .cm_menu li a {color: #666; text-decoration: none;}
.block_equipment li a:hover, .cm_menu li a:hover {color: #C82728;}
.block_equipment li, .block_equipment {color: #666;}
.block_equipment ul {margin: 4px 0 15px 0;}
.block_equipment {margin: 0 10px 23px 23px;}
/* T */
.iq1 {margin: 0px 0px 0px 40px;}
.iq2 {margin: 0px 0px 0px 50px;}
.iq3 {margin: 0px 0px 0px 60px;}
.iq4 {margin: 0px 0px 0px 90px;}
/* T4k */
.fabe_menu {padding: 0 5px 5px 35px; margin: 0;}
.f_tbl {padding: 0px 0px 5px 10px; margin: 0;}
.f_style {padding: 0 5px 5px 70px; margin: 0;}
.t_style {padding-left: 10px; margin: 0 10px 23px 16px; background: url(i/t4k.gif) no-repeat 0 0.5em;}
.fabe_menu li {margin: 0px 20px; padding-bottom: 0.3em; padding-left: 20px; background: url(i/t4k.gif) no-repeat 0 0.5em;}
/* map */
.map {margin-left: 15px; margin-right: 25px;}
.inco {margin: 8px 5px 5px 5px;}
.i1 {margin: 0px 0px 0px 25px; background: url(i/t4k.gif) no-repeat 0 0.5em;}
.i2 {margin: 0px 0px 0px 35px;}
.i3 {margin: 0px 0px 0px 45px; background: url(i/bull03.gif) no-repeat 0 0.5em;}
.i4 {margin: 0px 0px 0px 55px;}
/* on-line */
.phones {font-size: 18px; text-transform: uppercase; color: #D20C0C; text-align: center; padding: 30px 10px;}
.phones em {font: normal bold 22px tahoma, verdana, sans-serif; color: #999;}
.online {font-size: 14px; font-weight: bold; color: #D20C0C; text-align: center; padding: 4px 10px;}
.icq {text-align: center; padding: 8px 0px;}
.h2g {background: #7C7C7C url(i/h2grey_bg2.gif) repeat-x; font: bold 12px arial, sans-serif; margin-bottom: 23px;}
.h2g div {background: url(i/h2grey_bg.gif) no-repeat 100% 0; text-transform: uppercase; color: #FFF; padding: 6px 5px 6px 23px;}
.h2r {background: #E10101 url(i/h2_bg2.gif) repeat-x; font: bold 12px arial, sans-serif; margin-bottom: 14px;}
.h2r div {background: url(i/h2_bg.gif) no-repeat 100% 0; text-transform: uppercase; color: #FFF; padding: 6px 5px 6px 23px;}
.h2g a, .h2r a {color: #FFF; text-decoration: none;}
.h2g a:hover, .h2r a:hover {color: #FFF; text-decoration: underline;}
h2.m {padding: 10px 10px; margin: 0 0 0.8em 0; font: bold 14px arial, sans-serif; color: #D20C0C; text-transform: uppercase;}
#r1 {width: 600px; text-align: center; font: bold 14px arial, sans-serif; padding: 0px 0px;}
#r2 {width: 600px; text-align: center; font: bold 14px arial, sans-serif; padding: 10px 0px;}
#r3 {width: 600px; text-align: center; font: bold 14px arial, sans-serif; padding: 10px 0px;}
#r4 {width: 600px; text-align: center; font: bold 14px arial, sans-serif; padding: 10px 0px;}
#r5 {width: 600px; text-align: center; font: bold 14px arial, sans-serif; padding: 10px 0px;}
.mp {height: 245px; float: left; width: 49%; margin: 0 1px 1px 0; border: 1px solid #CCC;}
.mp div {padding: 13px 0px 15px 13px;}
.mp2 {height: 250px; float: left; width: 49%; margin: 0 1px 1px 0}
.mp2 div {padding: 13px 0px 15px 13px;}
#i1 {background: #FBFBFB;}
#i1 div {padding: 10px 10px;}
#i2 {}
#i2 div {}
#i3 {}
#i3 div {}
#i4 {}
#i4 div {}
#i5 {}
.mr {height: 144px; width: 93%;}
#i5 div {height: 144px; float: left; width: 46%; margin: 0 10px 10px 0;}
/* news */
.left .news {margin: 0 5px 23px 23px; color: #666;}
.left .news .date {display: block; font-size: 88%;}
.left .news a {color: #666; text-decoration: none;}
.left .news p {margin: 0 0 30px 0;}
/* promo */
.promo_marg {margin: 0 0 0 15px;}
.promo_price {float: right; width: 100%; border: 1px solid #DBDBDB; background: #F1F1F1 url(i/price_fp.jpg) no-repeat 100% 0;}
.promo_price .txt {padding: 20px 0 10px 20px; color: #666;}
.promo_price h2 {margin: 0;}
.promo_price .fright {height: 71px; width: 148px;}
.promo_price .fright a {display: block; margin-top: 15px; padding: 22px 0 0 5px; font: bold 82% tahoma, sans-serif; color: #1D6394;}
#ie {background: url(i/ico_ie.gif) no-repeat 110px 20px;}
#excel {background: url(i/ico_excel.gif) no-repeat 100px 23px;}
.promo {height: 314px; float: left; width: 48%; border: 1px solid #CCC; margin: 0 10px 10px 0;}
.promo div {padding: 13px 0 15px 13px;}
#pr01 {background: #FBFBFB url(i/promo01.jpg) no-repeat;}
#pr01 div {background: url(i/promo01.gif) no-repeat 100% 20px;}
#pr02 {background: #FFF url(i/promo02.jpg) no-repeat;}
#pr02 div {background: url(i/promo02.gif) no-repeat 100% 20px;}
#pr03 {background: #FFF url(i/promo03.jpg) no-repeat;}
#pr03 div {background: url(i/promo03.gif) no-repeat 100% 20px;}
#pr04 {background: #FFF url(i/promo04.jpg) no-repeat;}
#pr04 div {background: url(i/promo04.gif) no-repeat 100% 40px;}
#pr02, #pr04 {margin-right: 0;}
.promo_blocks {margin: 0 0 0 15px; background: #F7F7F7; padding: 10px 8px 0 11px; border: 1px solid #DBDBDB;}
.promo_width {width: 100%;}
.brd {border-top: 19px solid #AAA; background: #FFF; font-size: 0; height: 5px;}
.promo_img {background: url(i/promo_img.gif) repeat-x; margin: 10px 0;}
.promo_img div {background: url(i/promo_img02.jpg) no-repeat 152px 0;}
.resources {background: #F1F1F1; padding: 13px 0; text-align: center;}
.resources img {border: 2px solid #FFF;}
.dynamic {float: left;}
div#fancy_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 30;
}
div#fancy_loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 100;
}
div#fancy_loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url('order/help/fancy_progress.png') no-repeat;
}
div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 90;
padding: 20px 20px 40px 20px;
margin: 0;
background: transparent;
display: none;
}
div#fancy_inner {
position: relative;
width:100%;
height:100%;
background: #FFF;
}
div#fancy_content {
margin: 0;
z-index: 100;
position: absolute;
}
div#fancy_div {
background: #000;
color: #FFF;
height: 100%;
width: 100%;
z-index: 100;
}
img#fancy_img {
position: absolute;
top: 0;
left: 0;
border:0;
padding: 0;
margin: 0;
z-index: 100;
width: 100%;
height: 100%;
}
div#fancy_close {
position: absolute;
top: -12px;
right: -15px;
height: 30px;
width: 30px;
background: url('order/help/fancy_closebox.png') top left no-repeat;
cursor: pointer;
z-index: 181;
display: none;
}
#fancy_frame {
position: relative;
width: 100%;
height: 100%;
display: none;
}
#fancy_ajax {
width: 100%;
height: 100%;
overflow: auto;
}
a#fancy_left, a#fancy_right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
z-index: 111;
display: none;
background-image: url("data:image/gif;base64,AAAA");
outline: none;
overflow: hidden;
}
a#fancy_left {
left: 0px;
}
a#fancy_right {
right: 0px;
}
span.fancy_ico {
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
z-index: 112;
cursor: pointer;
display: block;
}
span#fancy_left_ico {
left: -9999px;
background: transparent url('order/help/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
right: -9999px;
background: transparent url('order/help/fancy_right.png') no-repeat;
}
a#fancy_left:hover, a#fancy_right:hover {
visibility: visible;
background-color: transparent;
}
a#fancy_left:hover span {
left: 20px;
}
a#fancy_right:hover span {
right: 20px;
}
#fancy_bigIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
div#fancy_bg {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg {
position: absolute;
display: block;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div#fancy_bg_n {
top: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('order/help/fancy_shadow_n.png') repeat-x;
}
div#fancy_bg_ne {
top: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('order/help/fancy_shadow_ne.png') no-repeat;
}
div#fancy_bg_e {
right: -20px;
height: 100%;
width: 20px;
background: transparent url('order/help/fancy_shadow_e.png') repeat-y;
}
div#fancy_bg_se {
bottom: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('order/help/fancy_shadow_se.png') no-repeat;
}
div#fancy_bg_s {
bottom: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('order/help/fancy_shadow_s.png') repeat-x;
}
div#fancy_bg_sw {
bottom: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('order/help/fancy_shadow_sw.png') no-repeat;
}
div#fancy_bg_w {
left: -20px;
height: 100%;
width: 20px;
background: transparent url('order/help/fancy_shadow_w.png') repeat-y;
}
div#fancy_bg_nw {
top: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('order/help/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
position: absolute;
z-index: 100;
display: none;
}
div#fancy_title div {
color: #FFF;
font: bold 12px Arial;
padding-bottom: 3px;
white-space: nowrap;
}
div#fancy_title table {
margin: 0 auto;
}
div#fancy_title table td {
padding: 0;
vertical-align: middle;
}
td#fancy_title_left {
height: 32px;
width: 15px;
background: transparent url('order/help/fancy_title_left.png') repeat-x;
}
td#fancy_title_main {
height: 32px;
background: transparent url('order/help/fancy_title_main.png') repeat-x;
}
td#fancy_title_right {
height: 32px;
width: 15px;
background: transparent url('order/help/fancy_title_right.png') repeat-x;
}