* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
  background: url(i/top-bg.gif) repeat-x;
}
a {
	color: #DF0008;
	outline: none;
}
a:hover {
	color: #000;
}
p {margin: 0 0 18px}
img {border: none}
input {vertical-align: middle}
blockquote {
	margin: 0 0 18px 20px;
	padding: 1px 12px;
	background: #F4F4F4;
	border-left: 3px solid #E5E5E5;
}
blockquote p {
	padding: 8px 0;
	margin: 0;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 269px;
	position: relative;
  background: url(i/header.jpg) 100% 0 no-repeat;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 333px;
	height: 105px;
	background: url(i/logo.jpg) no-repeat;
  text-indent: -9999px;
}
#logo span {
	display: block;
}

#nav {
	position: absolute;
	top: 222px;
	left: 30px;
	width: 635px;
	height: 47px;
	padding: 0 0 0 22px;
	line-height: 47px;
	background: #242528 url(i/top-bg.gif) 0 -222px repeat-x;
	color: #7A7A7A;
}
#nav a,
#nav2 a {
	color: #FFF;
  font-weight: bold;
  text-decoration: none;
	margin: 0 3px;
}
#nav a:hover,
#nav a.current,
#nav2 a:hover,
#nav2 a.current {
	color: #FFDB2E;
}

#nav2 {
	position: absolute;
	top: 222px;
	left: 27px;
	padding: 15px 0 0;
	color: #7A7A7A;
}
#nav2 a {
  font-weight: normal;
	margin: 0 2px;
}
#balance {
	margin: 0 0 0 2px;
	color: #FFF;
}
#balance strong {
	color: #8BC33F;
}

#authoriz {
	position: absolute;
	top: 142px;
	left: 30px;
}
#authoriz div {
  font-size: 18px;
	padding: 0 0 13px 24px;
}
#login, #pass {
	font: 12px Arial, Tahoma;
  border: 1px solid #D9D9D9;
	width: 102px;
	padding: 2px 8px 3px;
	float: left;
	margin: 0 5px 0 0;
}
#authoriz .go {
	float: left;
	margin: 1px 0 0 1px;
	cursor: pointer;
	border: none;
	width: 19px;
	height: 19px;
  background: #CD2002 url(i/go.gif) no-repeat;
}

#profile {
	position: absolute;
	top: 142px;
	left: 54px;
  font-size: 18px;
}
#logout {
	display: block;
	width: 58px;
	height: 20px;
	padding: 0 0 0 11px;
	margin: 14px 0 0;
  background: url(i/logout.gif) no-repeat;
	color: #FFF;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
#logout:hover {
  text-decoration: underline;
}

#orange {
	position: absolute;
	top: 269px;
	right: 15px;
	width: 301px;
	height: 78px;
  background: url(i/orange.png) no-repeat;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 951px;
	padding: 18px 23px 18px 26px;
}
* html #middle {height: 1%;}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#middle h2 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: normal;
	margin: 28px 0 13px 29px;
}
#middle h2.h2 {
  text-transform: none;
	color: #474747;
  margin-bottom: 21px;
}

.section {
  background: url(i/section-bg.gif) repeat-y;
	margin: 0 0 32px;
}
.st {
  background: url(i/section-top.gif) no-repeat;
}
.sb {
  background: url(i/section-bottom.gif) 0 100% no-repeat;
	padding: 22px 29px 18px 29px;
	overflow: hidden;
	height: 1%;
}
.section2 {
  background: url(i/section-bg.gif) repeat-y;
	margin: 0 0 16px;
}
.section2 .st {
  background: url(i/section-top2.gif) no-repeat;
}
.section2 h3 {
  font-size: 16px;
  background: url(i/caption.gif) 0 100% no-repeat;
	padding: 0 0 35px 23px;
	margin: 0 0 0 -23px;
	color: #DF0008;
}
.section3,
.section4 {
  background: url(i/section-bg.gif) repeat-y;
	margin: 0 0 45px;
}
.section3 .st {
  background: url(i/section-top3.gif) no-repeat;
}
.section3 .sb {
 padding: 30px 29px 10px 29px;
}
.section4 .st {
  background: url(i/section-top4.gif) no-repeat;
}
.section5 {
  background: url(i/section-bg5.gif) repeat-y;
	margin: 0 0 45px;
	width: 656px;
}
.section5 .st {
  background: url(i/section-top5.gif) no-repeat;
}
.section5 .sb {
  background: url(i/section-bottom5.gif) 0 100% no-repeat;
}

#content {
	float: left;
	width: 515px;
}
.fs11bi {
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
}

#recentNews {
	float: right;
	width: 316px;
	padding: 0 10px 0 0;
	position: relative;
}

#recentNews h2 {
	margin: 20px 0 2px;
}
#recentNews ul {
	overflow: hidden;
	margin: 0 0 5px;
}
#recentNews li {
	list-style: none;
  line-height: 14px;
  background: url(i/dot.gif) repeat-x;
  margin-top: -1px;
	padding: 12px 0 12px;
}
#recentNews li div {
  background: url(i/bullet.gif) 0 2px no-repeat;
	padding: 0 0 0 23px;
	min-height: 17px;
	height: auto !important;
	height: 17px;
}
#recentNews a {
	color: #000;
}
#recentNews a:hover {
  text-decoration: none;
}
#recentNews .date {
  font-size: 11px;
  font-weight: bold;
	color: #DF0008;
	white-space: nowrap;
}
#allNews {
	display: block;
	width: 85px;
	height: 20px;
	line-height: 19px;
  background: url(i/allnews.gif) no-repeat;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
}
a#allNews:hover {
  text-decoration: underline;
}

#partners {
	overflow: hidden;
	width: 959px;
  margin: 20px 0 0 -8px;
	padding: 0 0 50px;
}
#partners a {
	float: left;
  margin-left: 13px;
}

#news {
	margin: -12px 0 10px;
	overflow: hidden;
	position: relative;
	height: 1%;
}
#news li {
	list-style: none;
  background: url(i/bullet.gif) 0 16px no-repeat;
  margin-top: -1px;
	padding: 0 0 0 23px;
	height: 1%;
}
#news li div {
  background: url(i/dot.gif) repeat-x;
	padding: 13px 0 12px;
}
#news a {
	color: #000;
  font-size: 14px;
}
#news a:hover {
  text-decoration: none;
}
#news .date {
  font-size: 11px;
  font-weight: bold;
	color: #DF0008;
	white-space: nowrap;
	display: block;
}

.item {
	width: 100%;
	overflow: hidden;
	padding: 0 0 18px;
}
.item .image {
	float: left;
  border: 1px solid #D1D1D1;
	margin: 0 26px 0 0;
}
.item .select {
	height: 20px;
  font-size: 11px;
	margin: -15px 0 0;
}
.item .select a {
	float: right;
	width: 106px;
	height: 20px;
  text-align: center;
  background: url(i/select.gif) no-repeat;
	color: #FFF;
  text-decoration: none;
}
.item .select a:hover {
  text-decoration: underline;
}

.navigation {
  text-transform: uppercase;
  border-top: 1px solid #DADADA;
	color: #2A2A2A;
	font: bold 12px/16px Tahoma, Arial;
	margin: 0 0 20px;
	padding: 5px 0;
}
#faq .navigation {
  margin-top: 40px;
}

.navigation a {
	padding: 4px 7px;
	color: #2A2A2A;
  text-decoration: none;
  margin-right: 5px;
	background: #F0F0F0;
}
.navigation a:hover {
	background: #DDD;
}
.navigation span {
	padding: 4px 7px;
  margin-right: 5px;
}
.navigation span.pages {
	padding: 0;
  margin-right: 100px;
	color: #727272;
}
.navigation span.current {
	color: #E50000;
}

#desc1 {
	width: 433px;
  background: url(i/desc1-bg.gif) repeat-y;
	margin: 0 0 8px 60px;
}
#desc1 .t {
  background: url(i/desc1-top.jpg) no-repeat;
}
#desc1 .b {
  background: url(i/desc1-bottom.gif) 0 100% no-repeat;
	padding: 27px 30px 84px;
}
.point {
	color: #FFF;
  font-size: 24px;
  height: 34px;
	padding: 15px 0 0 18px;
	margin: 0 0 22px;
}
#desc1 .point {
	width: 190px;
  background: #CD2002 url(i/desc1-top.jpg) -30px -27px no-repeat;
}
.point span {
  font-size: 18px;
  margin-right: 14px;
}

#desc2 {
	width: 477px;
  background: url(i/desc2-bg.gif) repeat-y;
	margin: 0 0 0 218px;
}
#desc2 .t {
  background: url(i/desc2-top.jpg) no-repeat;
}
#desc2 .b {
  background: url(i/desc2-bottom.gif) 0 100% no-repeat;
	padding: 28px 30px 82px;
}
#desc2 .point {
	width: 230px;
  height: 34px;
	padding: 15px 0 0 17px;
  background: #CD2002 url(i/desc2-top.jpg) -30px -28px no-repeat;
}

#desc3 {
	width: 506px;
  background: url(i/desc3-bg.gif) repeat-y;
	margin: 0 0 30px 370px;
}
#desc3 .t {
  background: url(i/desc3-top.jpg) no-repeat;
}
#desc3 .b {
  background: url(i/desc3-bottom.gif) 0 100% no-repeat;
	padding: 35px 30px 18px;
}
#desc3 .point {
	width: 260px;
  height: 34px;
	padding: 15px 0 0 19px;
  background: #CD2002 url(i/desc3-top.jpg) -30px -35px no-repeat;
}

#faq {
	margin: 0 0 0 29px;
}
.question {
	float: left;
  border: 1px solid #CBCBCB;
  font-size: 16px;
	padding: 8px 14px 9px 26px;
	margin: 4px 0 12px;
  font-weight: bold;
  background: url(i/bullet2.gif) 8px 13px no-repeat;
	position: relative;
}
.question .tl,
.question .tr,
.question .bl,
.question .br {
	position: absolute;
	width: 5px;
	height: 5px;
	overflow: hidden;
  background: url(i/faq-corners.gif) no-repeat;
}
.question .tl {
	top: -1px;
	left: -1px;
}
.question .tr {
	top: -1px;
	margin-left: 100%;
  left: -4px;
	background-position: -5px 0;
}
.question .bl {
	bottom: -1px;
	left: -1px;
	background-position: 0 -5px;
}
.question .br {
	bottom: -1px;
	margin-left: 100%;
  left: -4px;
	background-position: -5px -5px;
}
* html .question .bl,
* html .question .br {bottom: -2px}
.answer {
	clear: both;
	margin: 0 0 18px 27px;
}
.answer a {
	color: #000;
}
.answer a:hover {
  text-decoration: none;
}

.post {
	margin: 30px 0 0 29px;
}
.post h3 {
  font-size: 16px;
	color: #013F51;
  background: url(i/caption2.gif) 0 100% no-repeat;
	padding: 0 0 31px;
}
.post .date {
  font-size: 11px;
	color: #DF0008;
  margin-left: 2px;
}
.post .entry {
	width: 100%;
	overflow: hidden;
}
.post ol,
.section ol {
	margin: 0 0 18px 40px;
}
.post ul,
.section ul {
	margin: 0 0 18px;
	overflow: hidden;
	height: 1%;
}
.post ul li,
.section ul li {
	padding: 0 0 0 13px;
  background: url(i/bullet3.gif) 0 5px no-repeat;
	list-style: none;
}
.post li ul, .post li ol,
.section li ul, .section li ol {
	margin: 0;
}
.post li li,
.section li li {
	padding-left: 18px;
}
ol#agreement {
	margin: 0 0 0 40px;
}
ol#agreement li {
	padding: 0 0 18px;
}
img.alignleft {
	float: left;
  border: 1px solid #DFDFDF;
	margin: 4px 17px 4px 0;
}
img.alignright {
	float: right;
  border: 1px solid #DFDFDF;
	margin: 4px 0 4px 17px;
}
.post .entry {
	width: 100%;
	overflow: hidden;
}
.post .allnews {
	margin: 20px 0 0;
	height: 20px;
}
.post .allnews a {
	float: left;
  background: url(i/allnews2.gif) no-repeat;
  font-size: 11px;
	color: #000;
	width: 177px;
	height: 20px;
  text-align: center;
  text-decoration: none;
}
.post .allnews a:hover {
  text-decoration: underline;
}

a.button,
.button {
  background: #C21A02 url(i/button.gif) no-repeat;
	display: inline-block;
	height: 20px;
	padding: 0 0 0 11px;
  margin-right: 4px;
	cursor: pointer;
  text-decoration: none;
	overflow: hidden;
}
* html button {
	overflow: visible;
}
*+html button {
	overflow: visible;
}
.button span,
.button button {
	float: left;
	height: 20px;
	padding: 0 11px 5px 0;
  background: url(i/button.gif) 100% 0 no-repeat;
	border: none;
  font: 11px/18px Arial, Tahoma;
	color: #FFF;
	cursor: pointer;
}
button [disabled] { 
	background: gray;
	display: inline-block;
	height: 20px;
	padding: 0 0 0 11px;
	margin-right: 4px;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
}
a.button:hover span {
  text-decoration: underline;
}
* html .button button {
	padding: 0 11px 1px 0;
}
form .row {
	width: 100%;
	overflow: hidden;
	margin: 0 0 17px;
  line-height: 14px;
}
.row label {
	float: left;
	padding: 4px 0 0;
}
#reg label,
#newPass label {
	width: 148px;
}
#reg .registered label {
	width: auto;
}
.inputText {
  border: 1px solid #A4B0C4;
  border-right-color: #C7D3DF;
  border-bottom-color: #C7D3DF;
	font: 12px Arial, Tahoma;
	padding: 2px 5px 3px;
}
#reg .inputText,
#newPass .inputText {
	width: 246px;
}
select {
  border: 1px solid #A4B0C4;
  border-right-color: #C7D3DF;
  border-bottom-color: #C7D3DF;
	height: 22px;
}
#reg select {
	float: left;
	width: 130px;
  margin-right: 4px;
	position: relative;
}
* html #reg select {top: 2px}
*+html #reg select {top: 2px}
textarea {
  border: 1px solid #A4B0C4;
  border-right-color: #C7D3DF;
  border-bottom-color: #C7D3DF;
	padding: 2px 5px 3px;
}
#registered {
	margin: 0 0 0 6px;
}
#reg input#wm {
	width: 111px;
}
#reg .button,
#newPass .button {
	margin: 0 0 0 148px;
}
#reg .button button {
  padding-bottom: 3px;
}
.row .input {
	padding: 4px 0 0;
}

ul.list {
	list-style: none;
	margin: 0 0 0 29px;
}
ul.list li {
	padding: 0 0 18px 17px;
  background: url(i/bullet3.gif) 0 4px no-repeat;
}

#middle h2.caption1,
#middle h2.caption2,
#middle h2.caption3,
#middle h2.caption4,
#middle h2.caption5,
#middle h2.caption6,
#middle h2.caption7,
#middle h2.caption8,
#middle h2.caption9,
#middle h2.caption10 {
	padding: 5px 0 5px 33px;
  font-size: 14px;
  font-weight: bold;
	color: #555;
	margin-bottom: 3px;
}
#middle h2.caption1 {
	float: left;
	display: inline;
  background: url(i/caption-icon1.gif) no-repeat;
}
#middle h2.caption2 {
	float: right;
  background: url(i/caption-icon2.gif) no-repeat;
	width: 401px;
}
#middle h2.caption3 {
  background: url(i/caption-icon3.gif) no-repeat;
}
#middle h2.caption4 {
  background: url(i/caption-icon4.gif) no-repeat;
}
#middle h2.caption5 {
  background: url(i/caption-icon5.gif) no-repeat;
}
#middle h2.caption6 {
  background: url(i/caption-icon6.gif) no-repeat;
}
#middle h2.caption7 {
  background: url(i/caption-icon7.gif) no-repeat;
}
#middle h2.caption8 {
  background: url(i/caption-icon8.gif) no-repeat;
}
#middle h2.caption9 {
  background: url(i/caption-icon9.gif) no-repeat;
}
#middle h2.caption10 {
  background: url(i/caption-icon10.gif) no-repeat;
}

.section-half {
  background: url(i/section-half-bg.gif) repeat-y;
	margin: 0 0 32px;
	width: 463px;
}
.section-half.left {
	float: left;
	clear: both;
}
.section-half.right {
	float: right;
}
.section-half .st {
  background: url(i/section-half-top.gif) no-repeat;
}
.section-half .sb {
  background: url(i/section-half-bottom.gif) 0 100% no-repeat;
	padding: 30px 20px 18px 29px;
	overflow: visible;
	min-height: 303px;
}
* html .section-half .sb {
	height: 318px;
}
*+html .section-half .sb {
	height: 318px;
}

#addAccount {
  background: url(i/caption3.gif) repeat-x;
	margin: -16px -23px 0;
	padding: 7px 23px 20px;
	overflow: hidden;
	width: 893px;
}
#addAccount .column {
	float: left;
	width: 240px;
}
#addAccount label {
	display: block;
  font-weight: bold;
	margin: 0 0 20px;
}
#addAccount select {
	width: 187px;
}
#addAccount .inputText {
	width: 177px;
}
#addAccount .button {
	margin: 38px 0 0;
}
#addAccount .column2{
	float: left;
	width: 800px;
}

.table {
	margin: -17px -23px -12px;
	overflow: hidden;
}
.table table {
	width: 941px;
	border-collapse: collapse;
	margin: 0 -1px;
}
.table th {
  background: url(i/caption3.gif) repeat-x;
  text-align: left;
  border-bottom: 1px solid #DFDFDF;
}
.table th.center {
  text-align: center;
}
.table th div {
  border: 1px solid #FFF;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 25px;
}
.table th.center div {
	padding: 0;
}
.table td {
	background: #FFF;
  font-size: 14px;
}
.table tr.even td {
	background: #F0F0F0;
}
.table td div {
  border: 1px solid #FFF;
  border-width: 0 1px;
	padding: 8px 0 8px 25px;
}
.table th.br,
.table td.br {
  border-right: 1px solid #DFDFDF;
}

#withdraw {
  font-size: 14px;
}
#withdraw .inputText {
	width: 68px;
}
#withdraw span {
  margin-left: 40px;
}
#withdraw .button {
	margin: 22px 0 0;
}

.newRequest {
	margin: 30px 0 -16px 29px;
}
#support .row {
	margin: 0 0 12px;
}
#support label {
	width: 98px;
  font-size: 14px;
}
#support .inputText {
	width: 350px;
}
#support textarea {
	width: 530px;
	height: 65px;
}
#support .button {
	margin: 0 0 0 98px;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
  border-top: 1px solid #E2E2E2;
  background: #F6F6F7 url(i/top-bg.gif) 0 -269px repeat-x;
}
.footer {
	width: 1000px;
	margin: 0 auto;
  text-align: center;
	padding: 0 0 15px;
	font: 11px/16px Tahoma, Arial;
}
#counters {
	position: relative;
	top: 11px;
}

.hidden {display:none;}
.visible {display:;}

.section2 ol {
	margin: 0 0 18px 40px;
}
.section2 ul {
	margin: 0 0 18px;
	overflow: hidden;
	height: 1%;
}
.section2 ul li {
	padding: 0 0 0 13px;
  background: url(i/bullet3.gif) 0 5px no-repeat;
	list-style: none;
}
.section2 li ul, .section2 li ol {
	margin: 0;
}
.section2 li li {
	padding-left: 18px;
}
#welcome {
        position: absolute;
        top: 55px;
        left: 385px;
        width: 375px;
}
#welcome .big {
  font-size: 18px;
  line-height: 24px;
}

#simplemodal-overlay {
	background-color:#000; /* Тут выбираем цвет затемнения */ 
	cursor:wait; /* Курсор при наведении на затемненную область */ 
	filter: alpha(opacity=80); /* Интенсивность затемнения */ 
	height: 100%;
}
#simplemodal-container {
	height:auto;  /* Для растягивания по высоте */ 
	width:800px; 
	background-color:#fff; 
	border:3px solid #ccc; 
	padding: 10px;
}
a.modalCloseImg { 
	background:url(/i/x.png) no-repeat; 
	width:25px; /* Положение отличается от тех, что в примере. Мне кажется так удобнее */
	height:29px; 
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:0px; 
	right:0px; 
	cursor:pointer; 
}