* {-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: #454545; text-align: center;}

table {/*border: 0;	border-spacing: 0;*/  border-collapse: collapse; empty-cells: show;}

div {padding: 0; margin: 0;}

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

A {color: #4074B4; text-decoration: underline;}

A:hover {color: #A60909;}

FORM {margin: 0;}

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

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;}

.error {height: 32px; margin: 1em 0; padding: 8px 0 0 39px; font-weight: bold; font-size: 12px; color: #E30000; background: url(../images/bg_error.gif) no-repeat;}


.none {text-decoration: none;}

.under {text-decoration: underline;}



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

*html VAR {line-height: 120%;}

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;}

SUP.red {color: #A60909;}

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

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

H4 {color: #454545; 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: 15px 0 15px 39px; background: url(../images/ico_get_id.gif) 0 50% no-repeat; min-height: 18px; $height: 48px;}

P.tech-support {margin: 0; padding: 15px 0 15px 39px; background: url(../images/ico_tech_support.gif) 0 50% no-repeat; min-height: 18px; $height: 48px;}

P.sign-agreement {margin: 0; padding: 15px 0 15px 39px; background: url(../images/ico_sign_agreement.gif) 0 50% no-repeat; min-height: 18px; $height: 48px;}



P.arrow-down {margin: 0; background: url(../images/arrow_down.gif) 50% 50% no-repeat; height: 41px; overflow: hidden;}



.red {color: #A60909;}



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


.facebook, .twitter {display: -moz-inline-stack; display: inline-block; text-decoration: none; vertical-align: middle; _display: inline;}

#footer .follow {word-spacing: -2px; padding-left: 2px;}
#footer .facebook, #footer .twitter {width: 26px; height: 24px;}
#footer .facebook {background: url(../images/ico_facebook_24.png) 2px 0 no-repeat;}
#footer .twitter {background: url(../images/ico_twitter_24.png) 2px 0 no-repeat;}


/* -- 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: 145px; position: relative;}

#header TABLE {width: 100%;}

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

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

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

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

#header TD.hb A {white-space: nowrap;}

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



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

#header TH#flash {background: url(../images/ico_flash.gif) 0 50%  no-repeat; padding-left: 38px;}

#header TH#fixer {width: 13%;}



#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;} 

/* #nav a#current {background: url(../images/bg_nav.gif) 0 -108px no-repeat;} */

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



*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%;}

/* -- Tracker - */

#tracker {margin-top: 10px; padding-left: 145px; text-align: center;}

/* -- Creative -- */

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

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

#creative-banner {width: 130px; height: 130px; position: absolute; top: 40px; left: 514px;}


/* -- Tabs -- */

#tabs {position: relative; height: 36px; margin-top:25px;}

#tabs .outer {position: absolute; width: 25%; height: 36px; margin: 0; background: url(../images/bg_cb.gif) no-repeat;}

#tabs .outer.left {left: 2%;}

#tabs .outer.right {left: 29%;}

#tabs .inner {height: 36px; text-align: center; background: url(../images/bg_cb.gif) 100% -111px no-repeat;}

#tabs .outer.active {background: #950909 url(../images/bg_nav.gif) no-repeat;}

#tabs .active .inner {background: url(../images/bg_nav.gif) 100% -36px no-repeat;}

#tabs A {display: block; height: 100%; text-align: center; padding: 10px 2px 0; font-size: 100%; font-weight: bold; color: #454545; text-decoration: none;}

#tabs .active A {color: #FFF;}

#tabs .active A SUP {color: yellow;}

#tabs .tbg {border-top: 4px solid #C50A0A; position: absolute; top: 34px; overflow: hidden; height: 0; width: 100%; z-index: 10;}

/* -- 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%;}

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

.col-left-small H2 {margin-top: 0em;}

.col-left-small OL LI {margin-bottom: 1em;}



.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;}

.cbr H1 {margin-bottom: 1px;}

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



/* --  Decor table -- */

.s-table {width: 100%; font-size: 95%; border-collapse: separate; margin-top: 10px;}

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

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

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

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

.s-table TD STRONG {display: block; padding-left: 6px;}

.s-table1 {width: 100%;}

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

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



/* -- Dialer download -- */

#dialer {width: 97%; font-size: 95%; margin-top: 20px; height: 52px;}

#dialer A {white-space: nowrap;}

#dialer A IMG {margin-right: 10px; vertical-align: middle;}



/* --  Cornered frame -- */

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

.fr DIV {background: url(../images/fr_bottom.gif) 0 100% 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: 1px 6px;}


.payment-logos TD {padding: 10px 10px 0 0;}


/* -- 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 #E4E4E4;}

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

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