/**
 * default
 */
* { margin: 0px; padding: 0px; font-size: 100.1%; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clean { overflow: hidden; }
.inline { display: inline!important; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.full-height { overflow: hidden; }

h1 {font-size: 2em; }
h2 {font-size: 1.5em; }
h3 {font-size: 1.17em; }
h4 {font-size: 1em; }
h5 {font-size: .83em; }
h6 {font-size: .67em; }
h1, h2, h3, h4, h5, h6 {font-weight: bolder;}


a img { border: 0px; }
div img { display: block; }
img.inline { vertical-align: middle; }

/**
 * body
 */
body {	min-width: 900px;
		background: #5e6e7f; 	
		font-family: arial,helvetica,clean,sans-serif; font-size: 16px; line-height:1.231;
 	 }
body, html, #navigation, #body, #image-products { width: 100%; }
a { color: #fff; }
a:hover { color: #026ead; }

/**
 * main blocks
 */
#header { width: 760px; margin: 0px auto; padding-top: 15px; }
#content { width: 725px; margin: 0px auto; padding-top: 15px; }
#footer { width: 787px; margin: 0px auto; padding: 15px 31px; }
#content-wrapper { background-color: #4e5d6e; min-height: 600px; }
#footer-wrapper { position: relative; padding-bottom: 100px; background: #5e6e7f url('/style/i/layout/footer-wrapper-bg.gif') repeat-x; min-height: 100px; }

/**
 * header
 */
#header { color: #a9bed6; text-align: center; }
#header span { display: none; }
#header h1 a { display: block; min-width: 546px; height: 48px; margin-bottom: 10px;
			 color: #e2b221; font-weight: normal; font-style: italic;
			 background: transparent url('/style/i/layout/header-h1.gif') no-repeat center;
		   }
#header h2 { display: block; min-width: 726px; height: 34px; margin-bottom: 5px;
			 color: #a9bed6; font-weight: normal; font-style: italic;
			 background: transparent url('/style/i/layout/header-h2.gif') no-repeat center;
		   }
#header h5 { display: block; min-width: 638px; height: 13px; background: transparent url('/style/i/layout/header-h5.gif') no-repeat center; }
#header h5 strong { color: #fefefe; }


/**
 * footer
 */
#footer .copyright { float: right; padding: 20px 15px 25px 15px; position: relative; z-index: 20;
					 background: transparent url('/style/i/layout/copyright-bg.jpg') no-repeat center bottom;						
					 font: normal 0.75em Arial,Helvetica,sans-serif,serif; color: #bbc7d3; 
				   }
#footer .copyright a { color: #bbc7d3; }
#footer .copyright a:hover { text-decoration: none; }
#footer .appstore { padding: 0 0px 26px 18px; width: 200px; text-align: center; background: transparent url('/style/i/layout/appstore-bg.jpg') no-repeat center bottom; }
#footer .appstore img { display: inline; }

/**
 * navigation
 */
#navigation { width: 218px; height: 45px; position: relative; left: -18px; margin-top: 30px;  background: transparent url('/style/i/layout/navigation-bg.png') no-repeat; }
#navigation p { padding: 1em 0 0 1.75em; }
#navigation b { color: #5fb34d; font-weight: normal; }
#navigation a { outline: none;  }
#navigation a:hover { color: #9ba3ad; }
#navigation a span, #navigation b span { display: none; }
#navigation a, #navigation b { display: block; float: left; height: 15px; margin-right: 1.3em; background: transparent url('/style/i/layout/navigation-text.png') no-repeat top left; }
#navigation .index { width: 39px; }
#navigation .faq { width: 26px; }
#navigation .support { width: 55px; }
#navigation a.faq { background-position: -61px top; }
#navigation a.support { background-position: -104px top; }
#navigation a.index:hover { background-position: left -20px; }
#navigation a.faq:hover { background-position: -61px -20px; }
#navigation a.support:hover { background-position: -104px -20px; }

#navigation b.index { background-position: left -40px; }
#navigation b.faq { background-position: -61px -40px; }
#navigation b.support { background-position: -104px -40px; }

/**
 * main-menu
 */
ul#main-menu { margin-top: 40px; list-style: none inside; }
#main-menu li { padding: 0.63em 0; border-bottom: 1px solid #7b8999; }
#main-menu a { text-decoration: none; outline: none; }
#main-menu a:hover { color: #9ba3ad; }
#main-menu a span { display: none; }
#main-menu a { display: block; height: 21px; width: 200px; background: transparent url('/style/i/layout/main-menu-text.png') no-repeat top left; }

#main-menu .main-screen a		 { background-position: left top; }
#main-menu .new-transaction a	 { background-position: left -36px; }
#main-menu .statistics a		 { background-position: left -72px; }
#main-menu .pie-charts a		 { background-position: left -108px; }
#main-menu .budget-and-balance a { background-position: left -144px; }
#main-menu .settings a			 { background-position: left -180px; }

#main-menu .main-screen a:hover			{ background-position: -200px 0px; }
#main-menu .new-transaction a:hover		{ background-position: -200px -36px; }
#main-menu .statistics a:hover			{ background-position: -200px -72px; }
#main-menu .pie-charts a:hover			{ background-position: -200px -108px; }
#main-menu .budget-and-balance a:hover	{ background-position: -200px -144px; }
#main-menu .settings a:hover			{ background-position: -200px -180px; }

#main-menu .main-screen a.current			{ background-position: -400px 0px; }
#main-menu .new-transaction a.current		{ background-position: -400px -36px; }
#main-menu .statistics a.current			{ background-position: -400px -72px; }
#main-menu .pie-charts a.current			{ background-position: -400px -108px; }
#main-menu .budget-and-balance a.current	{ background-position: -400px -144px; }
#main-menu .settings a.current				{ background-position: -400px -180px; }

#main-menu .current a { cursor: default; }
#main-menu.blocked, #main-menu.blocked * { cursor: wait; }

.page-ru-index ul#main-menu { margin-top: 20px; }
.page-ru-index #main-menu a { height: 30px; background-image: url('/style/i/layout-ru/main-menu-text.png'); }

/**
 * content
 */
#content { color: #fff; padding: 0 20px; color: #bbc7d3; }
#content h3 { margin-bottom: .5em; font-size: 1.88em; color: #49ba44; font-weight: normal; }
#content h3.css-sprite span { display: none; }
#content h3.css-sprite { height: 30px; background: transparent url('/style/i/layout/content-h3-text.png') no-repeat left top; }
#content h3.css-sprite.faq { background-position: left 0px; }
#content h3.css-sprite.support { background-position: left -30px; }
#content h3.css-sprite.review { background-position: left -60px; }

/**
 * faq
 */
.faq a { color: #bbc7d3; }
.faq a:hover, .faq a.current { color: #e2b221; }
.faq dt { font-weight: bold; font-size: 0.81em; line-height:150%; }
.faq dd { font-size: 0.88em; padding: 10px 0 10px 25px; }


/**
 * forms
 */
form.x p { font-size: 0.81em; margin-bottom: 1em; }
form.x p label span { display: block; width: 80px; float: left; padding-right: 8px; text-align: right; line-height: 1.3em; }
form.x p label span.inline { width: auto; float: none; padding: 0; text-align: left; }
form.x p label input, form.x p label textarea { background: #717d8b; color: #fff; padding: 1px 2px; border: 1px solid #717d8b; }
form.x p label textarea { margin-top: 1em;  }
form.x p label input { height: 16px; }
form.x p label select { background: #717d8b; border: 1px solid #717d8b; color: #d9b130; padding: 1px 0 1px 4px; height: 20px; }
form.x p.errors { color: #d00; }
form.x p.ok { color: #49ba44; }

/**
 * page-index
 */
.page-index .column-525  { width: 525px; padding: 0; position: relative; z-index: 1; }
.page-index #footer-wrapper { margin-top: -185px; }
.page-index #content-wrapper { min-height: 750px; }

/**
 * support
 */
.page-support form.x p label input { width: 127px; }
.page-support form.x p label select { width: 133px; }
.page-support form.x p label textarea { width: 360px; height: 145px; }

/**
 * anything
 */
#slogan { width: 204px; height: 171px; position: relative; left: 100%; top: 0; z-index: 0; margin: -125px 0 -30px -204px;
		  background: transparent url('/style/i/layout/slogan.png') no-repeat right top;
		}
#slogan span { display: none; }
#iphone { width: 523px; height: 569px; position: relative; z-index: 10;
		  background: transparent url('/style/i/layout/iphone.png') no-repeat top left;
		}
#iphone img { position: absolute; top: 97px; left: 51px; z-index: 15; }
#iphone .loading { position: absolute; top: 83px; left: 51px; z-index: 14; width: 224px; height: 336px; background: transparent url('/style/i/layout/ajax-loader.gif') no-repeat center  }
#buy-now { position: absolute; right: 0; top: 0px; z-index: 30; width: 194px; height: 99px; }

/**
 * important rewrite
 */
.colls { float: left; }
.last-vertical { margin-bottom: 0px!important; padding-bottom: 0px!important; border-bottom: none!important; }
.last-horizontal { margin-right: 0px!important; padding-right: 0px!important; border-right: none!important; }

/**
 * columns
 */
.column { float: left; }
.column-200 { width: 200px; }
.column-525 { width: 470px; padding: 30px 0px 10px 35px; }

.review h3 { padding-top: 0.5em; padding-bottom: 0; margin-bottom: 0; line-height: 60% }
.review h3 a { font-size: 14pt; }
.review h3 a:hover, a:hover { color: #e2b221; }
.review p { padding-top: 0; margin-top: 0 }