body {
margin: 0;
padding: 0;
font-size: 14px;
font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
background: #70b6f2 url('bg_body.png') repeat-x;
text-align: center;
color: #1364c8;
}
a img {
border: 0;
}
form {
margin: 0;
}
input {
overflow: visible;
vertical-align: middle;
}
p {
text-align: left;
margin: 10px 0 12px;
}
li {
text-align: left;
margin: 5px 0;
}
.clear {
height: 1px;
font-size: 1px;
clear: both;
}
.center {
text-align: center;
}
.center table {
margin-left: auto;
margin-right: auto;
text-align: left;
}
table {
border-collapse: collapse;
empty-cells: show;
}
table td {
padding: 0;
}
a {
color: #440e62;
}
/* ajax */
.ajax {
border-bottom: 1px dashed #fff;
cursor: pointer;
}
/* antibot */
.antibot {
margin-top: -5px;
position: relative !important;
top: 5px;
}
/* hints */
.hint {
cursor: help
}
/* language selector */
#lang {
width: 850px;
margin: 18px auto 5px;
text-align: right;
}
#lang img {
width: 18px;
height: 13px;
}
#lang a {
margin-left: 5px;
}
#lang * {
display: none;
}
/* head */
#head {
width: 868px;
height: 128px;
margin: 0 auto;
}
#head, #head .sb-inner {
background: #f2f2f2 url('bg_head.png') repeat-x;
}
#head .sb-border {
background: #fff;
}
#logo {
margin-top: 4px;
width: 234px;
height: 80px;
}
/* top menu */
#menu {
width: 542px;
margin: 0 auto;
}
#menu a {
height: 40px;
display: block;
float: left;
border-right: 1px solid #b3b3b3;
border-bottom: 1px solid #7eb5ed;
color: #25598d;
font-weight: bold;
line-height: 40px;
background: url('bg_menu.png') repeat-x;
text-decoration: none;
margin-bottom: -40px;
}
#menu a:hover, #menu a.act {
border-right: 1px solid #8db3d9;
background: url('bg_menu_act.png') repeat-x;
}
.menu-left {
background: url('bg_menu_left.png') left no-repeat !important;
}
.menu-left:hover, #menu-left.act {
background: url('bg_menu_left_act.png') left no-repeat !important;
}
.menu-right {
border-right: none !important;
background: url('bg_menu_right.png') right no-repeat !important;
}
.menu-right:hover, #menu-right.act {
background: url('bg_menu_right_act.png') right no-repeat !important;
}
#top {
background: #fff url('bg_top.png') no-repeat;
width: 868px;
height: 41px;
margin: 0 auto;
}
/* main */
#main-outer {
width: 920px;
margin: 0 auto;
padding: 2px 0;
}
#main-outer, #main-outer .sb-inner {
background: #f0f0f0;
}
#main-outer .sb-border {
background: #7eb5ed;
}
#main-inner {
width: 900px;
margin: 0 auto;
padding: 1px; /* strange gap in FF2 */
background: #f0f0f0 url('bg_main.png') center repeat-y;
}
.column {
width: 180px;
margin-top: 10px;
}
#column-left {
float: left;
}
#column-right {
float: right;
}
#content {
margin: 0 180px;
position: relative;
top: -42px;
background: #fff;
padding: 12px 8px;
}
#content * {
/* position: static; */
}
#content h1 {
font-size: 20px;
font-weight: normal;
letter-spacing: -0.05em;
margin: 6px 0 12px;
}
#content h2 {
font-size: 18px;
font-weight: normal;
letter-spacing: -0.05em;
margin: 6px 0;
}
.block {
background: #f0f0f0;
border: 1px solid #7eb5ed;
padding: 4px 10px;
}
.block-left, .block-right {
background: #1f7be5 url('bg_block.png') top repeat-x;
width: 162px;
border: 1px solid #196cc8;
color: #fff;
margin: 2px 10px 13px;
padding-bottom: 4px;
}
.block-left {
margin-left: 5px;
}
.block-right {
margin-right: 5px;
}
.block-sep {
background: #7eb5ed;
color: #7eb5ed;
height: 3px;
border: 0;
width: 158px;
margin: 0 auto 13px;
}
.block-left h2, .block-right h2 {
color: #fff;
font-size: 16px;
font-weight: normal;
letter-spacing: -0.05em;
margin: 4px 0 8px;
}
.block-left a, .block-right a {
color: #fff;
text-decoration: underline;
display: block;
}
#discount {
width: 121px;
height: 121px;
margin: 0 auto;
background: url('bg_discount.png') no-repeat;
color: #0b5cc5;
font-size: 36px;
font-weight: bold;
line-height: 110px;
}
.valute {
font-size: 12px;
}
.valute td {
text-align: right;
padding: 2px 8px 2px 0;
}
/* forms */
.fld-col {
background: #7eb5ed;
color: #cbe1f8;
border: 1px solid #fff;
width: 90%;
height: 23px;
margin-bottom: 6px;
font-size: 16px;
}
.btn-col {
background: transparent url('bg_button.png') repeat-x;
height: 36px;
width: 132px;
border: 0;
color: #fff;
font-size: 22px;
letter-spacing: -0.1em;
cursor: pointer;
margin-top: 2px;
}
.frm {
margin: 0 auto 24px;
width: auto;
text-align: left;
}
.frm label {
display: block;
float: left;
width: 50%;
height: 21px;
text-align: right;
line-height: 24px;
padding-right: 8px;
}
.frm .row {
margin: 2px 0;
}
.frm .control {
margin-top: 8px;
text-align: center;
}
.sign {
margin-left: 4px;
position: relative;
top: 4px;
}
.fld {
background: #f0f0f0;
color: #1f7be5;
border: 1px solid #196cc8;
height: 21px;
font-size: 16px;
width: 200px;
}
.wide {
width: 416px;
margin-left: 54px;
height: auto;
}
.expand {
width: 100%;
height: auto;
}
.val {
height: 21px;
line-height: 24px;
overflow: hidden;
}
.btn {
background: #1f7be5;
border: 1px solid #196cc8;
color: #fff;
padding: 2px 4px;
font-weight: bold;
}
a.btn {
text-decoration: none;
}
.err {
background: #feaeae;
color: #fe6363;
}
/* footer */
#foot {
width: 868px;
height: 48px;
margin: 0 auto 14px;
}
#foot, #foot .sb-inner {
background: #fff;
}
#foot .sb-border {
background: #4396d9;
}
#foot a {
color: #2577e5;
text-decoration: none;
line-height: 44px;
font-size: 16px;
}
#foot a:hover {
text-decoration: underline;
}
#button img {
width: 88px;
height: 31px;
}
/* errors/messages */
.error-box {
color: #ea3030;
padding: 5px;
background: #feaeae;
border: 1px solid #fe6363;
}
.message-box {
color: #1b59a8;
padding: 5px;
background: #7eb5ed;
border: 1px solid #196cc8;
}
/* tickets */
.ticket {
padding: 5px;
text-align: left;
margin-bottom: 10px;
}
.ticket.incoming {
border: 1px solid #196cc8;
}
.ticket .date {
font-weight: bold;
margin-bottom: 4px;
}
.ticket .sign {
font-style: italic;
text-align: right;
}
/* news */
.news {
text-align: left;
margin-bottom: 10px;
}
.news .date {
margin-bottom: 4px;
}
/* faq */
dl.faq {
text-align: left;
}
dl.faq dt {
font-weight: bold;
}
dl.faq dd.answer {
margin-bottom: 20px;
}
/* listings */
.list td, .list th {
border: 1px solid #196cc8;
padding: 2px 4px;
}
.list th {
text-align: center;
}
/* affiliates */
.affiliate div {
float: left;
width: 120px;
text-align: right;
margin-right: 6px;
}
.affiliate {
float: left;
width: 100%;
margin-bottom: 8px;
text-align: left;
}
/* banners */
.banner {
margin-bottom: 16px;
}
.banner .name {
margin-bottom: 4px;
}
.banner .preview {
margin-bottom: 4px;
}
.ad {
text-align: center;
margin: 12px 0;
}
.ad.top {
margin-top: 0;
}
/* rates */
#rate {
text-align: right;
}


.b-share-form-button__before {
	position: fixed;
}

.b-share-form-button__icon {
	position: fixed;
}

.b-share-form-button__after {
	position: fixed;
}