* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100.01%; font-family: Arial, Helvetica, sans-serif;}



HTML, BODY {height: 100%;}

BODY {margin: 0; padding: 0; background: #FFF url(../images/bg.gif) repeat-x; color: #555; text-align: center;}

table {border-collapse: collapse; empty-cells: show;}

div {padding: 0; margin: 0;}

img {margin: 0; padding: 0; border: 0;}

A {color: #0591D0; text-decoration: underline;}

A:hover {color: #D98030;}

FORM {margin: 0;}

INPUT, SELECT, TEXTAREA {font-family: Helvetica, Arial, sans-serif; color: #555;}

INPUT.form-input {border: 1px solid; border-color: #808080 #D4D0C8 #D4D0C8 #808080;}

INPUT.form-button {border: 1px solid; border-color: #D4D0C8 #808080 #808080 #D4D0C8; background: #EAEAEA url(../images/bg_form_button.gif) repeat-x; font-weight: bold;}

TEXTAREA {background: #FFF; overflow: auto;}

.clear {clear: both; height: 1px; overflow: hidden;}



.none {text-decoration: none;}

.under {text-decoration: underline;}



VAR {font-size: 15px; font-style: normal;}

html>body VAR {font-size: 16px;}

html:root VAR {font-size: 14px;}



SUP {font-size: 9px; font-weight: normal; line-height: 99%;}

*html SUP {font-size: 11px;}

H1 {color: #7F4917; font-size: 150%;  font-weight: normal; margin: 1em 0; line-height: 110%;}

H1#ib {background: url(../images/i_buy.gif) 0 50% no-repeat; padding: 0.75em 0 0.75em 52px; margin-top: 0.75em;}

H1#is {background: url(../images/i_sell.gif) 0 50% no-repeat; padding: 0.75em 0 0.75em 52px; margin-top: 0.75em;}

H1#wb {background: url(../images/we_buy.gif) 0 50% no-repeat; padding: 0.75em 0 0.75em 52px; margin-bottom: 0.5em;}

H1#ws {background: url(../images/we_sell.gif) 0 50% no-repeat; padding: 0.75em 0 0.75em 52px; margin-bottom: 0.5em;}

H2, H3 {color: #7F4917; font-size: 110%; margin: 1em 0;}

H4 {color: #7F4917; font-size: 100%; margin: 1em 0;}

P {margin: 1em 0;}



UL, OL {margin: 1em 0; padding: 0; list-style: none;}

LI {margin: 0 0 0.3em 1em; padding: 0 0 0 16px; background: url(../images/bg_tick.gif) 0 3px no-repeat;}



OL {list-style: decimal;}

OL LI {padding: 0; background: none; margin-left: 2.0em;}

html>body OL LI {margin-left: 1.7em;}



P#get-id {margin: 0; padding: 16px 0 16px 8px;}

P#get-id SPAN {display: block; height: 32px; padding: 8px 0 0 39px; background: url(../images/ico_get_id.gif) 0 50% no-repeat;}



P#tech-support {margin: 0; padding: 16px 0 16px 8px;}

P#tech-support SPAN {display: block; height: 32px; padding: 1px 0 0 39px; background: url(../images/ico_tech_support.gif) 0 50% no-repeat;}



P#sign-agreement {margin: 0; padding: 16px 0 16px 8px;}

P#sign-agreement SPAN {display: block; height: 32px; padding: 8px 0 0 39px; background: url(../images/ico_sign_agreement.gif) 0 50% no-repeat;}



.bwown {color: #7F4917;}



.bar {background: #B61414 url(../images/bg_bar.gif) repeat-x; color: #FFF; padding: 0 6px; width: 100%;}



/* -- Wrapper -- */

#wrapper {width: 100%; min-width: 780px; max-width: 900px; margin: 0 auto; text-align: left; padding: 0 2%; min-height: 100%;}

*html #wrapper {width: 900px; height: 100%; width: expression(document.body.clientWidth ? (document.body.clientWidth > 900 ? '900px' : (document.body.clientWidth < 780) ? '780px' : '100%' ) : '100%');}



/* -- Header -- */

#header {width: 100%; padding-left: 169px; position: relative;}

#header TABLE {width: 100%;}

#header TH {font-size: 75%; text-align: left; font-weight: normal; height: 50px; padding: 6px 0;}

#header TD {font-size: 70%; padding-left: 6px;}

#header TD.ht {padding-top: 6px; vertical-align: bottom;}

#header TD.hb {padding-bottom: 6px; vertical-align: top;}

#header P {position: absolute; bottom: 8px; left: 0; margin: 0;}



#header TH#support {background: url(../images/ico_support.gif) 0 50% no-repeat; padding-left: 38px; padding-right: 10px; width: 99%;}



#nav {background: #7F6749 url(../images/bg_nav.gif) no-repeat;}

#nav ul {margin: 0 0 0 auto; padding: 0 2px 0 0; list-style: none; display: table; white-space: nowrap; font-size: 75%; font-weight: bold; background: url(../images/bg_nav.gif) 100% -36px no-repeat;}

#nav li {display: table-cell; margin: 0; padding: 2px 0 2px 2px; background: url(../images/bg_nav.gif) 0 -72px no-repeat;}

#nav a {float:left; color:#fff;  padding: 9px 2em 0; text-decoration:none; display: block; height: 32px;}

#nav a:hover {cursor:pointer;} 



*html #nav ul {display:inline-block;}

*html #nav ul {display:inline;}

*html #nav ul li {float:left;}

*html #nav {text-align:right;}



#content {font-size: 75%; line-height: 130%; padding-bottom: 70px; width: 100%;}



/* -- Creative -- */

#creative {background: url(../images/bg_creative.jpg) no-repeat; margin-top: 25px;}

#creative-fix {height: 176px; background: url(../images/bg_creative_fix.gif) 100% 0 no-repeat; padding: 12px 0 0 14px; width: 100%;}



/* -- Cols for index -- */

.col-left {float: left; width: 48%;}

.col-right {float: right; width: 48%;}

.col-fix {padding-left: 16px;}



.col-left-small {float: left; width: 26%; line-height: 150%;}

.col-left-small H1 {margin-bottom: 0.1em;}

.col-left-small H2 {margin-top: 3em; line-height: 130%;}

.col-left-small OL LI {margin-bottom: 1em; line-height: 130%;}



.col-right-big {float: right; width: 72%;}

.col-right-big TABLE {margin: 1em 0;}



/* -- Cols background -- */

.cl {background: url(../images/bg_cl.gif) no-repeat; margin-top: 25px; padding: 1px 16px; height: 126px;}

html>body .cl {height: auto; min-height: 124px;}

.cbl {background: url(../images/bg_cb.gif) no-repeat; margin-top: 25px;}

.cbr {background: url(../images/bg_cb.gif) 100% -111px no-repeat; padding: 1px 16px; width: 100%; height: 111px;}

html>body .cbr {height: auto; min-height: 109px;}



.cbl-b {background: #FDFBF8 url(../images/bg_cb_big_left.gif) repeat-y; margin-top: 25px;}

.cbr-b {background: url(../images/bg_cb_big_right.gif) 100% 0 repeat-y;}

.cbtl-b {background: url(../images/bg_cb_big_topleft.gif) no-repeat;}

.cbtr-b {background: url(../images/bg_cb_big_topright.gif) 100% 0 no-repeat;}

.cbbl-b {background: url(../images/bg_cb_big_botleft.gif) 0 100% no-repeat;}

.cbbr-b {background: url(../images/bg_cb_big_botright.gif) 100% 100% no-repeat; padding: 1px 16px; width: 100%; height: 130px;}



html>body .cbbr-b {height: auto; min-height: 128px;}



.cl-empty {margin-top: 25px; padding: 1px 16px 1px 0;}



/* --  Decor table -- */

#s-table0 {width: 100%;}

#s-table0 TH {width: 30%; padding: 0 0 0 0; text-align: left; vertical-align: top;}

#s-table0 TD {width: 5%; padding: 0 10px 0; text-align: center;}



.s-table {width: 100%; border-collapse: separate;}

.tb {border-top: 1px solid #F1DEC6;}

.s-table TR.dark TD {background: url(../images/bg_dark.gif) 0 100% repeat-x;}

.s-table TH, .s-table TD {padding: 8px 5px 8px 1px; height: 1px;}

.s-table TH {text-align: left; border-bottom: 2px solid #F1DEC6; vertical-align: top; color: #7F4917;}

.s-table TD {border-bottom: 1px solid #F1DEC6; border-top: 1px solid #FFF; height: 26px;}

.s-table UL {margin: 0;}

.s-table UL LI {margin-top: 0; margin-bottom: 0;}



#s-table1 {width: 100%;}

#s-table1 TH, #s-table1 TD {padding: 0 8px 10px 0;}

#s-table1 TH {width: 1%;}



/* --  Cornered frame -- */

.fr {background: #FDFBF9 url(../images/fr_bottom.gif) 0 100% repeat-x;}

.fr DIV {background: url(../images/fr_top.gif) repeat-x;}

.fr DIV DIV {background: url(../images/fr_left.gif) repeat-y;}

.fr DIV DIV DIV {background: url(../images/fr_right.gif) 100% 0 repeat-y;}

.fr DIV DIV DIV DIV {background: url(../images/fr_topleft.gif) no-repeat;}

.fr DIV DIV DIV DIV DIV {background: url(../images/fr_topright.gif) 100% 0 no-repeat;}

.fr DIV DIV DIV DIV DIV DIV {background: url(../images/fr_bottomright.gif) 100% 100% no-repeat;}

.fr DIV DIV DIV DIV DIV DIV DIV {background: url(../images/fr_bottomleft.gif) 0 100% no-repeat; width: 100%; padding: 2px;}



.fr .step {background: #806849 url(../images/bg_h2_step.gif) 100% 0 no-repeat; padding: 0;}

.fr .step H2 {color: #FFF; font-size: 110%; margin: 0; padding: 0; height: 25px; background: url(../images/bg_h2_step.gif) 0 -25px no-repeat; padding: 4px 0 0 8px;}



/* -- Footer -- */

#footer  {width: 100%; min-width: 780px; max-width: 900px; margin: 0 auto; text-align: left; height: 0; padding: 0 2%;}

*html #footer {width: 900px; width: expression(document.body.clientWidth ? (document.body.clientWidth > 900 ? '900px' : (document.body.clientWidth < 780) ? '780px' : '100%' ) : '100%');}



#footer DIV#f1 {position: relative; width: 100%;}

#footer DIV#f2 {height: 46px; position: absolute; top: -46px; width: 100%;}



#footer TABLE {width: 100%; font-size: 75%; border-top: 2px solid #F1DEC6;}

#footer TH {font-weight: normal; text-align: right;}

#footer TH, #footer TD {height: 44px; padding: 10px 16px;}