* { padding: 0px; margin: 0px}

body {background: rgb(255,255,255); font-family: arial, verdana, tahoma; font-size: 9pt; line-height: 120%; color: rgb(46,91,105); text-align: center}
a {color: rgb(46,91,105); text-decoration: none}
a.nor {color: rgb(46,91,105); text-decoration: underline}
a.nor:hover {color: rgb(46,91,105); text-decoration: none}
a.orange {color: rgb(249,110,21); text-decoration: none}
a.orange0 {color: rgb(249,110,21); text-decoration: underline}
a.orange0:hover {text-decoration: none}
a.orange1 {color: rgb(249,110,21); text-decoration: none}
a.orange1:hover {text-decoration: none; color: rgb(46,91,105)}
a:hover {text-decoration: underline}
a.ov {color: rgb(46,91,105); text-decoration: underline}
a img {border: none}
.orange {color: rgb(249,110,21)}
.both {clear: both}
.both0 {clear: both; height: 8px; font-size: 6px; line-height: 8px}
.both1 {clear: both; height: 14px; font-size: 10px; line-height: 14px; background: rgb(255,255,255)}
.rg {float: right}
.lf {float: left}
table {border: 0px; padding: 0px; margin: 0px;}
table td {text-align: center; vertical-align: middle}
form {margin: 0px; padding: 0px}

#main_box {width: 992px; height: auto; border: none; margin: 0px auto; text-align: left; background: rgb(255,255,255)}


/* HEADER  */

#header {height:158px; background: url(../images/bg0.gif) 0 0 repeat-x}
#header .top_left {height:158px; width: 280px; background: url(../images/in_title.jpg) 0 0 no-repeat; float:left}
#header .top_left img {margin: 16px 0px 0px 77px}
#header .top_left h2 {margin: 145px 0px 0px 62px; font-size: 9pt; position: absolute;}
#header .top_right {height: 158px; width: 712px; background: url(../images/af_title.jpg) 0 0 no-repeat; float:left}
#header .top_right .right01 {height: 20px; width: 44px; background: url(../images/tm0.gif) 0 0 no-repeat; float:right}
#header .top_right .right02 {height: 20px; width: 63px; background: url(../images/tm1.gif) 0 0 no-repeat; float:right}
#header .top_right .right01 a {font-size: 8pt; margin: 5px 0px 0px 10px; display: block}
#header .top_right .right02 a {font-size: 8pt; margin: 5px 0px 0px 12px; display: block}
#header .top_right .right1 {height: 20px; width: 184px; background: url(../images/bg1.gif) 0 0 no-repeat; float:right; line-height: 120%}
#header .top_right .right1 img {margin: 4px 0px 0px 15px; padding: 0px;}
#header .top_right .menu {position: absolute; margin-top: 138px; width: 495px; height: 20px}
#header .top_right .menu img, #header .top_right .menu div {float: left}
#header .top_right .menu div {height: 10px; text-align: center; padding-top: 10px}
#header .top_right .menu a {font-size: 9px; font-family: arial, tahoma; line-height: 10px; color: rgb(249,110,21); cursor: hand}
#header .top_right .menu a:hover {text-decoration: none; padding-bottom: 1px;}
#header .top_right .menu a.nm0 div {width: 56px; background: url(../images/nn0.gif) 0 0 no-repeat}
#header .top_right .menu a:hover.nm0 div {width: 56px; background: url(../images/nn01.gif) 0 0 no-repeat}
#header .top_right .menu a.nm1 div {width: 83px; background: url(../images/nn1.gif) 0 0 no-repeat}
#header .top_right .menu a:hover.nm1 div {width: 83px; background: url(../images/nn11.gif) 0 0 no-repeat}
#header .top_right .menu a.nm2 div {width: 72px; background: url(../images/nn2.gif) 0 0 no-repeat}
#header .top_right .menu a:hover.nm2 div {width: 72px; background: url(../images/nn21.gif) 0 0 no-repeat}
#header .top_right .menu a.nm3 div {width: 81px; background: url(../images/nn3.gif) 0 0 no-repeat}
#header .top_right .menu a:hover.nm3 div {width: 81px; background: url(../images/nn31.gif) 0 0 no-repeat}
#header .top_right .menu a.nm4 div {width: 87px; background: url(../images/nn4.gif) 0 0 no-repeat}
#header .top_right .menu a:hover.nm4 div {width: 87px; background: url(../images/nn41.gif) 0 0 no-repeat}
#header .top_right .menu a.nm5 div {width: 66px; background: url(../images/nn5.gif) 0 0 no-repeat}
#header .top_right .menu a:hover.nm5 div {width: 66px; background: url(../images/nn51.gif) 0 0 no-repeat}
#header .top_right .menu a:hover div {height: 11px; padding-top: 9px}
#header .top_right .search {width: 158px; height: 46px; margin: 94px 0px 0px 551px; position: absolute; background: url(../images/sea.gif) 0 0 no-repeat}
#header .top_right .search h3 {font-size: 8pt; margin: 3px 0px 0px 15px;}
#header .top_right .search input {height: 9px; width: 112px; padding: 2px; border: 1px solid rgb(212,208,200); border-left: 2px solid rgb(64,64,64); border-top: 1px solid rgb(64,64,64); font-size: 9px; font-family: tahoma; float: left; margin: 6px 0px 0px 10px; color: rgb(46,91,105)}
#header .top_right .search button {height: 13px; width: 14px; border: none; background: none; float: right; margin: 6px 10px 0px 0px; cursor: hand}


/* CONTENT  */

#content .left {width: 266px; padding: 0px 3px 20px 11px; float: left}
#content .left .place0 {width: 266px; background: url(../images/bg_0.gif) 0 0 repeat-y}
#content .left .place1 {width: 266px; background: url(../images/bg_1.gif) 0 100% no-repeat}
#content .left .place1 .div {padding: 18px 16px 18px 16px;}
#content .left .place1 p.big_lh {line-height: 240%; font-size: 8pt; text-align: center; padding-right: 85px}
#content .left .place1 p.big_lh a  {text-decoration: underline}
#content .left .place1 p.big_lh a:hover  {text-decoration: none}
#content .left .place1 .price {position: absolute; margin: 0px 0px 0px 175px; font-family: tahoma; font-size: 11pt; font-weight: bold; color: rgb(249,110,21); padding: 9px 4px; background: rgb(255,255,255); border: 1px solid rgb(141,186,198)}
#content .left .place1 h2 {font-weight: bold; font-size: 8pt; font-family: verdana}
#content .left .place1 p  {font-family: arial; font-size: 8pt; padding-right: 15px}
#content .middle {width: 438px; padding: 0px; float: left; padding: 15px 35px 20px 25px; background: url(../images/bg_con.gif) 0 0 no-repeat}
#content .middle h1 {font-size: 10pt}
#content .middle p {font-size: 8pt; font-family: tahoma; line-height: 130%}
#content .right {width: 208px; float: right; padding: 21px 0px 5px 5px; background: rgb(228,235,237) url(../images/bg_log.gif) 0 0 repeat-x}
#content .right .in0 {padding: 0px; background: rgb(255,255,255) url(../images/bg_log1.gif) 0 100% no-repeat}
#content .right .in1 {padding: 0px; background: url(../images/bg_log0.gif) 0 0 no-repeat; padding: 7px 0px 20px 23px}
#content .right .in1 h3 {font-size: 8pt}
#content .right .in1 input {font-size: 9px; line-height: 11px; font-family: tahoma; width: 86px; height: 11px; padding: 1px 2px; margin-right: 20px; border: 1px solid rgb(212,208,200); border-left: 2px solid rgb(64,64,64); border-top: 1px solid rgb(64,64,64)}
#content .right .in1 .lf {font-size: 8pt; font-weight: bold}
#content .right .in1 .both {font-size: 4pt}
#content .right .in1 button {font-size: 9px; line-height: 11px; font-family: tahoma; width: 56px; height: 16px; padding: 0px; margin-right: 20px; border: none; background: none; text-align: right; cursor: hand}
#content .right .in1 button div { position: absolute; margin: 1px 0px 0px 14px;font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}
#content .right .in1 .for_qa {border-top: 1px solid rgb(228,235,237); padding: 12px 10px 0px; margin: 7px 7px 0px 0px}
#content .right .in1 .for_qa a {font-size: 10px; font-family: tahoma; line-height: 170%; text-decoration: underline}
#content .right .in1 .for_qa a:hover {text-decoration: none}

#content .middle0 {width: 487px; padding: 0px; float: left; padding: 15px 5px 20px 6px; background: url(../images/bg_con.gif) 0 0 no-repeat}
#content .middle0 div.fr {padding: 0px 30px 0px 19px}
#content .middle0 h1 {font-size: 10pt}
#content .middle0 h2 {font-size: 9pt}
#content .middle0 a {font-size: 8pt; font-family: tahoma}
#content .middle0 p {font-size: 8pt; font-family: tahoma; line-height: 130%}
#content .middle0 .prod0 {background: url(../images/b0.gif) 0 0 repeat-y}
#content .middle0 .prod1 {background: url(../images/b1.gif) 0 100% no-repeat}
#content .middle0 .prod2 {background: url(../images/b2.gif) 0 0 no-repeat; padding: 10px; padding-top: 20px}
#content .middle0 .prod1 .h2 {font-weight: bold; font-family: arial; font-size: 9pt; line-height: 12px; background: rgb(255,255,255); position: absolute; color: rgb(249,110,21); margin: 0px 0px 0px 15px; padding: 0px 2px 0px 4px}
#content .middle0 .prod2 .lf {width: 133px; margin-right: 15px}
#content .middle0 .prod2 .lf button.lt {font-size: 9px; line-height: 11px; font-family: tahoma; width: 66px; height: 16px; padding: 0px; margin-right: 0px; border: none; background: none; text-align: left; cursor: hand; float: left}
#content .middle0 .prod2 .lf button.lt div { position: absolute; margin: 1px 0px 0px 9px; font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}
#content .middle0 .prod2 .lf button.rt {font-size: 9px; line-height: 11px; font-family: tahoma; width: 66px; height: 16px; padding: 0px; margin-right: 0px; border: none; background: none; text-align: left; cursor: hand; float: right}
#content .middle0 .prod2 .lf button.rt div { position: absolute; margin: 1px 0px 0px 3px; font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}
#content .middle0 .prod2 .item {font-size: 8pt; line-height: 130%; letter-spacing: 1px; font-weight: bold; font-family: tahoma}
#content .middle0 .prod2 .price {font-size: 8pt; line-height: 200%; font-weight: bold; font-family: tahoma; color: rgb(249,110,21)}
#content .middle0 .prod2 .lf button.rtc {font-size: 9px; line-height: 11px; font-family: tahoma; width: 66px; height: 16px; padding: 0px; margin-right: 0px; border: none; background: none; text-align: left; cursor: hand; float: left; margin-left: 32px}
#content .middle0 .prod2 .lf button.rtc div { position: absolute; margin: 1px 0px 0px 3px; font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}

#content .middle .new_line {border-top: 1px solid rgb(201,220,224); border-bottom: 1px solid rgb(201,220,224); font-size: 8pt; line-height: 130%}
#content .middle .new_line .h3 {font-weight: bold; color: rgb(249,110,21)}
#content .middle a {font-size: 8pt; font-family: tahoma}

#content .middle .faq_line {border-top: 1px solid rgb(201,220,224); font-size: 8pt; line-height: 130%}
#content .middle .faq_line .h3 {font-weight: bold; color: rgb(249,110,21)}

#content .middle  button.but, #content .middle0  button.but {font-size: 9px; line-height: 11px; font-family: tahoma; width: 56px; height: 16px; padding: 0px; margin-right: 20px; border: none; background: none; text-align: right; cursor: hand}
#content .middle  button.but div, #content .middle0  button.but div{ position: absolute; margin: 1px 0px 0px 14px;font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}

#content .middle1 {width: 487px; padding: 0px; float: left; padding: 15px 5px 20px 6px}
#content .middle1 a {font-size: 8pt; font-family: tahoma}

table.form {width: 487px; height: auto}
table.form tr.level0  {background: url(../images/lev0_b.gif) 0 0 repeat-x}
table.form tr.level0 td  {height: 6px; font-size: 1px; line-height: 2px}
table.form tr.level0 td.l0l {width: 6px; background: url(../images/lev0_l.gif) 0 0 no-repeat}
table.form tr.level0 td.l0c {width: 6px; background: url(../images/lev0_c.gif) 0 0 no-repeat}
table.form tr.level0 td.l0r {width: 7px; background: url(../images/lev0_r.gif) 0 0 no-repeat}
table.form tr.level1 td  {font-size: 8pt; line-height: 140%; padding: 5px}
table.form tr.level1 td.l1l {width: 6px; font-size: 1px; line-height: 2px; padding: 0px; background: url(../images/lev1_l.gif) 0 0 repeat-y}
table.form tr.level1 td.l1c {width: 6px; font-size: 1px; line-height: 2px; padding: 0px; background: url(../images/lev1_c.gif) 0 0 repeat-y}
table.form tr.level1 td.l1r {width: 7px; font-size: 1px; line-height: 2px; padding: 0px; background: url(../images/lev1_r.gif) 0 0 repeat-y}
table.form tr.level2  {background: url(../images/lev2_b.gif) 0 0 repeat-x}
table.form tr.level2 td  {height: 6px; font-size: 1px; line-height: 2px}
table.form tr.level2 td.l2l {width: 6px; background: url(../images/lev2_l.gif) 0 0 no-repeat}
table.form tr.level2 td.l2c {width: 6px; background: url(../images/lev2_c.gif) 0 0 no-repeat}
table.form tr.level2 td.l2r {width: 7px; background: url(../images/lev2_r.gif) 0 0 no-repeat}
table.form tr.level3  {background: url(../images/lev3_b.gif) 0 0 repeat-x}
table.form tr.level3 td  {height: 2px; font-size: 1px; line-height: 2px}
table.form tr.level3 td.l3l {width: 6px; background: url(../images/lev3_l.gif) 0 0 no-repeat}
table.form tr.level3 td.l3c {width: 6px; background: url(../images/lev3_c.gif) 0 0 no-repeat}
table.form tr.level3 td.l3r {width: 7px; background: url(../images/lev3_r.gif) 0 0 no-repeat}
table.form tr.level4 td.l4l  {height: 2px; font-size: 1px; line-height: 2px; padding: 0px; background: url(../images/lev4_b.gif) 0 0 repeat-y}
table.form tr.level4 td.l4r  {height: 2px; font-size: 1px; line-height: 2px; padding: 0px; background: url(../images/lev4_b.gif) 100% 0 repeat-y}
table.form tr.level4 td.con  {font-size: 8pt; line-height: 140%; padding: 3px; text-align: right}
table.form tr.level5 td.on {background: url(../images/lev5_b.gif) 100% 0 no-repeat; width: 243px; height: 27px; padding: 0px; text-align: left; vertical-align: top;}
table.form tr.level5 td.no {background: url(../images/lev5_b.gif) 0 0 no-repeat; width: 244px; height: 27px; padding: 0px; text-align: right; vertical-align: top;}

table.form  button.fr {font-size: 9px; margin: 6px 0px 0px; line-height: 11px; font-family: tahoma; height: 16px; border: none; background: none; cursor: hand}
table.form  button.fr div{ position: absolute; margin: 1px 0px 0px 14px;font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}
table.form  button.fr0 {font-size: 9px; margin: 6px 0px 0px; line-height: 11px; width: 100px; font-family: tahoma; height: 16px; border: none; background: none; cursor: hand}
table.form  button.fr0 div{ position: absolute; margin: 1px 0px 0px 14px;font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}
table.form  button.fr1 {font-size: 9px; margin: 6px 0px 0px; line-height: 11px; width: 46px; font-family: tahoma; height: 17px; border: none; background: none; cursor: hand}
table.form  button.fr1 div{ position: absolute; margin: 1px 0px 0px 8px; font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}
table.form  button.fr2 {font-size: 9px; margin: 7px 0px 0px; line-height: 11px; width: 70px; font-family: tahoma; height: 16px; border: none; background: none; cursor: hand}
table.form  button.fr2 div{ position: absolute; margin: 1px 0px 0px 14px;font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}
table.form  button.fr3 {font-size: 9px; margin: 7px 0px 0px; line-height: 11px; width: 100px; font-family: tahoma; height: 16px; border: none; background: none; cursor: hand}
table.form  button.fr3 div{ position: absolute; margin: 1px 0px 0px 3px;font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}
table.form  button.fr4 {font-size: 9px; margin: 6px 0px 0px; line-height: 11px; width: 46px; font-family: tahoma; height: 17px; border: none; background: none; cursor: hand}
table.form  button.fr4 div{ position: absolute; margin: 1px 0px 0px 5px; font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}
table.form  button.fr5 {font-size: 9px; margin: 6px 0px 0px; line-height: 11px; width: 63px; font-family: tahoma; height: 17px; border: none; background: none; cursor: hand}
table.form  button.fr5 div{ position: absolute; margin: 1px 0px 0px 18px;font-size: 10px; line-height: 12px; font-weight: bold; color: rgb(255,255,255); cursor: hand}


table.form  input.rem {width: 36px; height: 11px; border: 1px solid rgb(220,220,220); padding: 1px; font-size: 10px; line-height: 11px;}

table.form table {width: 100%; font-family: verdana, tahoma}
table.form table input {width: 120px; height: 14px; border: 1px solid rgb(205,205,205); padding: 1px; font-size: 11px; line-height: 14px;}
table.form table input.rad {width: 20px; height: 13px; border: none; padding: 1px; font-size: 11px; line-height: 14px;}
table.form table textarea {border: 1px solid rgb(205,205,205); padding: 1px; font-size: 11px; line-height: 14px;}
table.form table td.lft {text-align: right; margin-right: 6px; padding: 3px; width: 50%}
table.form table td.rgh {text-align: left; margin-left: 6px; padding: 3px; width: 50%}
table.form table td.ctr {text-align: center;  padding: 3px; width: 100%}

/* FOOTER  */

#footer {height: 149px}
#footer .left {height: 149px; width: 276px; background: url(../images/bgr.gif) 1px 0 repeat-x; float: left}
#footer .left img {margin: 14px 0px 0px 95px}
#footer .left p.copy {font-size: 8pt; font-family: tahoma; line-height: 160%; text-align: center; margin-top: 10px;}
#footer .right {height: 149px; width: 714px; background: url(../images/bgr0.gif) 0 0 repeat-x; float: right}
#footer .right .bot_menu {margin: 7px; margin-left: 10px; line-height: 15px}
#footer .right .bot_menu a {font-weight: bold; font-family: tahoma; font-size: 8pt; line-height: 15px}
#footer .tel {height: 20px; width: 159px; background: url(../images/bg00.gif) 0 0 no-repeat; margin-top: 41px; float: left}
#footer .tel p {font-weight: bold; font-family: arial; font-size: 8pt; line-height: 20px; margin-left: 7px}