html {background: #f1f1f1 url(/i/_/bg/baloons.gif) 45px 0 repeat-x; font-size: 100.1%}
body {margin: 0; padding: 0; background: url(/i/_/bg/t_shadow.gif) center top no-repeat; color: #060a17;
    font: 0.7em/120% Arial, 'Nimbus Sans L Condensed', sans-serif; text-align: center;}
/* happy new year! body {padding-top: 10px; background-image: url(/i/_/bg/t_shadow_newyear.png);} */
* {line-height: 120% !important;}
form {margin: 0; padding: 0;}
input.it, textarea, select {font: 1em/120% Arial, 'Nimbus Sans L', sans-serif;}
button {width: 90px; height: 21px; margin: 0; color: #bdf9fd; border: 0; background: #72c2ef url(/i/_/buts/btn_big.png) no-repeat;
    font: bold 11px Arial, 'Nimbus Sans L Condensed', sans-serif; text-transform: uppercase; cursor: pointer;}
    /* @media all and (min-width: 0px) {zzbutton {padding-top: 3px;}} * For Opera only */
button:hover, button.hover {background-position: left bottom;}
img {border: none;}
p {margin: 1em 0;}
sup, sub {vertical-align: middle; position: relative; font-size: 75%;}
sup {bottom: 0.5em;}
sub {top: 0.5em;}
pre, code {font: 0.85em 'Lucida Console', 'Courier New', Courier, monospace;}
.rss img {vertical-align: middle;}
.nw {white-space: nowrap;}
.msg {margin: 5px 0 5px 7px; padding: 5px; border: 1px solid #a2a8b9; color: #666;}
a.no-load {text-decoration: none; border-bottom: 1px dashed;}
#wr1 {width: 899px; margin: 0 auto; border: 1px solid #bdc0c3; border-width: 0 1px; background: white url(/i/_/bg/t_angle.jpg) 1px 10px no-repeat;
    text-align: left;}
#t {position: relative; height: 49px; margin: 0 1px; padding-top: 11px; background: url(/i/_/bg/t_lines.gif) repeat-x;}
#h {position: absolute; top: 0; left: 0; width: 96px; height: 148px; margin: 19px 0 0 12px; background: url(/i/_/logos/jino_main.gif) no-repeat;
    z-index: 20;}
#h a, #h strong {display: block; position: absolute; width: 101px; height: 33px; margin: 8px 0 0 84px; padding: 0;
    background: url(/i/_/logos/jino_t_main.gif) no-repeat;}
#h span {display: none;}
#m {margin: 0 1px; padding: 14px 0 0 0; background: url(/i/_/bg/t_bottom.jpg) right top no-repeat; overflow: hidden;}

/* Main menu */

#mm {position: absolute; top: 11px; right: 0; width: 616px; height: 46px; padding-left: 97px; background: url(/i/_/bg/mm_left.gif) no-repeat; z-index: 10;}
#mm ul {margin: 0; padding: 0; list-style: none;}
#mm li {float: left; width: 154px; background: #f7f7f8 url(/i/_/bg/mm_item.gif) repeat-x;}
#mm li a {display: block; height: 45px; border-right: 1px solid #969292; border-bottom: 1px solid #d3d3d3;
    background: url(/i/_/bg/mm_shadow.gif) right top no-repeat; color: #464747; font-weight: bold; font-size: 12px; line-height: 14px;
    text-transform: uppercase; text-decoration: none; cursor: pointer;}
#mm li a span {display: block; height: 39px; margin: 0 2px; padding: 2px 0 0 43px; background-position: 3px 2px; background-repeat: no-repeat;
    overflow: hidden;}
#mm li:hover a span, #mm li.hover a span {border-bottom: 3px solid;}
#mm li ul {display: none;}
#mm li:hover ul, #mm li.hover ul {display: block; float: left; position: relative; width: 155px; margin-left: -1px; padding: 2px 0 7px 0;
    border-bottom: 1px solid #969292; background: url(/i/_/bg/sm.png) bottom no-repeat;}
#mm li li {width: 155px; height: auto; background: none;}
#mm li li a:link, #mm li li a:visited {width: 135px; height: auto; margin: 0 3px; padding: 3px 3px 3px 11px; border: none;
    background: #cdcdcd url(/i/_/bulls/sm.gif) 3px 0.57em no-repeat; color: #666; font-weight: bold; font-size: 11px; text-transform: none;}
#mm li li a:hover, #mm li li a:active {background-color: #535353; color: white;}
#mm li li.imp a:link, #mm li li.imp a:visited {color: #333;}


#mm li.services a span {border-color: #e55028; background-image: url(/i/_/ico/mm/services.gif);}
#mm li.buy a span {border-color: #f79c18; background-image: url(/i/_/ico/mm/buy.gif);}
#mm li.support a span {border-color: #0e9f28;  background-image: url(/i/_/ico/mm/support.gif);}
#mm li.about a span {border-color: #bb1ec5; background-image: url(/i/_/ico/mm/about.gif);}

#mm li.services li a:hover, #mm li.services li a:active {background-image: url(/i/_/bulls/sm_h_services.gif); color: #fa9983;}
#mm li.buy li a:hover, #mm li.buy li a:active {background-image: url(/i/_/bulls/sm_h_buy.gif); color: #f1dc89;}
#mm li.support li a:hover, #mm li.support li a:active {background-image: url(/i/_/bulls/sm_h_support.gif); color: #25cc48;}
#mm li.about li a:hover, #mm li.about li a:active {background-image: url(/i/_/bulls/sm_h_about.gif); color: #ea90fa;}

/* Main bar */

#mb {float: left; width: 675px;}
#tbnrs {height: 68px; margin-left: 111px;}
.tbnr {float: left; width: 186px; height: 68px; margin-right: 3px;}
.tbnr img {display: block;}
#tbnrs .last {margin-right: 0;}

#bc {min-height: 35px;}
#bc #bc_i {position: relative; margin: 11px 0 0 111px; padding: 2px 27px 3px 5px; border: 1px solid #a2a8b9; color: #a3a0a0;}
#bc span {padding-right: 1em; margin-right: 1em; background: url(/i/_/bulls/bc.gif) 100% 50% no-repeat;}
#bc a:link, #bc a:visited {color: #045c8a; text-decoration: none;}
#bc a:hover, #bc a:active {color: black;}
#bc strong {color: #666;}

#ind {position: absolute; top: 0; right: 0; bottom: 0; width: 21px; border-left: 1px solid #a2a8b9;
    background: #fbfbfb url(/i/_/indicator.gif) 3px 1px no-repeat; visibility: hidden;}

.h1 {background-position: left bottom; background-repeat: no-repeat;}
.services .h1 {background-image: url(/i/services/bg_h1.png);}
.buy .h1 {background-image: url(/i/buy/bg_h1.png);}
.support .h1 {background-image: url(/i/support/bg_h1.png);}
.about .h1 {background-image: url(/i/about/bg_h1.png);}
.services_index .h1 {background-image: url(/i/services/bg_h1_m.png);}
.buy_index .h1 {background-image: url(/i/buy/bg_h1_m.png);}
.support_index .h1 {background-image: url(/i/support/bg_h1_m.png);}
.about_index .h1 {background-image: url(/i/about/bg_h1_m.png);}
h1 {height: 34px; margin: 0 0 10px; padding: 26px 0 0 110px; background-position: 21px 0px; background-repeat: no-repeat; color: white;
    font: bold 1.45em/120% Arial, 'Nimbus Sans L', sans-serif;}
.index h1 {padding-left: 48px;}
#bc h1 {height: auto; margin: 0; padding: 0; color: #666; font-size: 1em;}
#c {float: left; width: 675px; font: 1em/120% Tahoma, Arial, 'Nimbus Sans L', sans-serif;}

/* Sidebar */

#sb {float: right; width: 215px;}
.sbi {width: 209px; margin-bottom: 5px; background: #eee; font-size: 11px; line-height: 13px;}
.sbi h3 {margin: 0; padding: 0; background: #72c2ef url(/i/_/bg/sbi_tr.png) right top no-repeat; color: #aee7fa; font-weight: bold;
    font-size: 11px; line-height: 13px; text-transform: uppercase;}
.sbi h3 span {display: block; padding: 8px 0 4px 10px; background: url(/i/_/bg/sbi_tl.png) no-repeat;}
.sbi_i {background: url(/i/_/bg/sbi_t.png) no-repeat;}
.sbi_ii {padding: 6px 0 5px; background: url(/i/_/bg/sbi_r.png) bottom no-repeat;}
.sbi_i .rw {padding-top: 10px;}
.sbi_i label {color: #595858; font-weight: bold;}
.sbi_i input.it {width: 96px; padding: 1px 2px; border: 1px solid; border-color: #716f64 #f9f9fa #f9f9fa #716f64; background: #efeff2; font-size: 11px;
    line-height: 13px;}
.sbi_i select {padding: 0 0 0 2px; border: 1px solid; border-color: #716f64 #f9f9fa #f9f9fa #716f64; background: #efeff2; font-size: 11px;
    line-height: 13px;}
.sbi_i option {background: #efeff2; font-size: 11px; line-height: 13px;}
.sbi_i button {width: 90px; height: 21px; margin: 0; color: #bdf9fd; padding-top: 2px; padding-bottom: 3px;
    border: none; background: #72c2ef url(/i/_/buts/btn_big.png) no-repeat;
    font: bold 11px Arial, 'Nimbus Sans L Condensed', sans-serif; text-transform: uppercase;
    cursor: pointer;}
.sbi_i button:hover, .sbi_i button.hover {background-position: left bottom;}

#sbi_cp h3 span {background-image: url(/i/_/bg/sbi_tl_fst.png);}
#sbi_cp .sbi_ii {background-image: url(/i/_/bg/sbi_r_cp.png); text-align: right;}
#sbi_cp .rw {padding-right: 30px;}
#sbi_cp .rw.lost {margin-top: -7px; margin-right: 2px; font-size: 0.9em;}
#sbi_cp .rw.lost a:link, #sbi_cp .rw.lost a:visited {color: #595858;}
#sbi_cp .rw.lost a:hover, #sbi_cp .rw.lost a:active {color: #000;}
#sbi_cp button {width: 56px; background-image: url(/i/_/buts/btn_little.png);}
#sbi_cp .reg {padding: 15px 10px 0; text-align: center;}
#sbi_cp .reg a:link, #sbi_cp .reg a:visited {display: block; width: 136px; height: 18px; margin: 0 auto; padding: 3px 0 0;
    background: #639a19 url(/i/_/buts/btn_reg.png) no-repeat; color: #fff; font-weight: bold; text-align: center;}
#sbi_cp .reg a:hover, #sbi_cp .reg a:active {background-position: bottom;}

#sbi_rd .rw {padding: 10px 10px 0; text-align: center;}
#sbi_rd .rw.rwa {padding: 10px 30px 10px 10px; text-align: right;}
#sbi_rd input.it {width: 70px;}

#sbi_em .rw {padding-right: 30px; text-align: right;}
#sbi_em .rwa {padding-bottom: 10px;}
#sbi_em button {width: 56px; background-image: url(/i/_/buts/btn_little.png);}

#sbi_wheretobuy {width: 205px; padding: 1px; border: 1px solid #948f8f;}
#sbi_wheretobuy .rw {text-align: right;}
#sbi_wheretobuy .sbi_i {background: #d45151 url(/i/_/bg/sbi_wheretobuy_bg.png) repeat-x;}
#sbi_wheretobuy .sbi_ii {padding: 50px 10px 10px; background: url(/i/_/bg/sbi_wheretobuy.png) 50% 4px no-repeat;}
#sbi_wheretobuy label {color: #fdd8d8; font-weight: normal;}
#sbi_wheretobuy select {width: 9em; border-color: #716f64;}

#cp_https, #em_https {vertical-align: -5px; vertical-align: top;}
#sbi_cp .submit label, #sbi_em .submit label {padding: 0 12px 0 1px; background: url(/i/_/ico/https.gif) right center no-repeat; font-weight: normal;
    font-size: 11px; line-height: 13px;}

.sbi_error {height: 0px; padding-left: 18px; padding-right: 11px; background: #e45d5d url(/i/_/bg/sbi_error.png) left bottom no-repeat; color: white;
    overflow: hidden;}
.sbi_notice {height: 0px; padding-left: 18px; padding-right: 11px; background: #73bb55 url(/i/_/bg/sbi_notice.png) left bottom no-repeat; color: white;
    overflow: hidden;}
.sbi_problem {height: 0px; padding-left: 18px; padding-right: 11px; background: #b9b9b9 url(/i/_/bg/sbi_problem.png) left bottom no-repeat; color: white;
    overflow: hidden;}
.sbi_text {margin-top: -18px; padding-top: 5px}
.sbi_error a, .sbi_problem a {color: white;}

#chkpass_reqpass {display: block; padding-left: 10px; background: #e25656 url(/i/_/bg/sbi_reqpass.png) bottom no-repeat;}
#chkpass_reqpass_text {display: block; margin-top: -18px; padding-bottom: 10px; padding-top: 0px}
#chkpass_reqpass h4 {margin: 0 0 1em; padding: 11px 8px 4px; background: #7cb52e url(/i/_/bg/sbi_reqpass_h.png) repeat-x; font-size: 1em;}
#chkpass_reqpass p {margin: 0.5em 8px;}
#chkpass_reqpass input.it {width: 130px; border: 1px solid #c13131;}
#chkpass_reqpass button {width: 33px; height: 18px; border: none;
    background: #7cb52e url(/i/_/buts/sbi_reqpass.png) no-repeat; color: white;
    font: 11px Arial, 'Nimbus Sans L Condensed', sans-serif; text-transform: uppercase;
    cursor: pointer;}

#chkpass_reqpass_close {display: block; padding-left: 10px; background: #e25656 url(/i/_/bg/sbi_reqpass.png) bottom no-repeat;}
#chkpass_reqpass_close_text {display: block; margin-top: -18px; padding-bottom: 10px; padding-top: 0px}
#chkpass_reqpass_close h4 {margin: 0 0 1em; padding: 11px 8px 4px; background: #7cb52e url(/i/_/bg/sbi_reqpass_h.png) repeat-x; font-size: 1em;}
#chkpass_reqpass_close p {margin: 0.5em 8px;}
#chkpass_reqpass_close input.it {width: 130px; border: 1px solid #c13131;}
#chkpass_reqpass_close button {width: 66px; height: 18px; border: none;
    background: #7cb52e url(/i/_/buts/sbi_reqpass.png) no-repeat; color: white;
    font: 11px Arial, 'Nimbus Sans L Condensed', sans-serif; text-transform: uppercase;
    cursor: pointer;}

#sb_vt {margin: 5px 0; width: 209px;}
#sb_vt img {display: block; border: none;}
#sbb {margin: 1em 0 2em 0; text-align: center;}
#sbb div {margin: 0 0 0.5em;}
#sbb .sbb_l {float: left; width: 90px; padding-left: 13px;}
#sbb .sbb_r {float: right; width: 90px; padding-right: 19px;}
#sbb .sbb_c {padding-right: 6px;}

#sbtags {width: 209px; margin: 5px 0; background: url(/i/_/bg/sbtags.gif) no-repeat;}
#sbtags .i {padding: 10px 0; background: url(/i/_/bg/sbtags.gif) 100% 100% no-repeat;}
#sbtags p {margin: 0; padding: 0 10px; border: 1px solid #b2b2b2; border-width: 0 1px; text-align: center;}
#sbtags a:link, #sbtags a:visited {color: #3d83ca; margin: 0 0.15em; vertical-align: -0.2em; text-transform: lowercase;}
#sbtags a:hover, #sbtags a:active {color: #f26522;}

#sbban img {display: block;}

/* Footer */

#dnav {width: 897px; margin: 0 1px; padding-top: 10px;}
#dnav ul {margin: 0; padding: 6px 5px; border-top: 1px solid #bdc0c3; border-bottom: 3px solid #03aae0; background: #f0fafe; text-align: center;
    list-style: none;}
#dnav li {display: inline; padding: 0 7px; color: #898989;}
#dnav a:link, #dnav a:visited, #dnav strong {color: #898989; white-space: nowrap;}
#dnav a:hover, #dnav a:active {color: black;}

#f {margin: 1px 1px 0; padding: 17px 0; border-top: 1px solid #bdc0c3; background: white url(/i/_/bg/f.gif) 0 2px repeat-x; color: #999; text-align: center;}
#f a:link, #f a:visited {color: #898989;}
#f a:hover, #f a:active {color: black;}