/* (c) Copyright Ashantiplc Limited.
   All Rights Reserved. Duplication prohibited.
   Redistribution, Transmission, displayed by any means prohibited.
   You may not alter or remove any trademark, copyright or other notices.
   Author: Alexey Horyakov
---------------------------------------- */

/* Global
---------------------------------------- */

* { padding: 0; margin: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 15px/1.3 Verdana, Tahoma, sans-serif; color: #222; background: #FFF; }

img { border: 0; }

ul, li { list-style-type: none; }
ul.decimal { padding: 10px 0 10px 25px; }
ul.decimal li { list-style-type: decimal; }
ul.square { padding: 10px 0 10px 25px; }
ul.square li { list-style-type: square; }
ul.changelog { padding: 0 0 0 25px; font-size: 12px; }
ul.changelog li { list-style-type: square; }

a:link,
a:visited,
a:hover,
a:active { background: transparent; color: #2b6eb0; text-decoration: underline; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; }

h1 { font-weight: bold; font-size: 23px; padding: 16px 0 5px 0; }
h2 { font-weight: bold; line-height: 24px; padding-right: 60px;}
h2.in-text { padding: 20px 0 5px 0; }
h2.in-text a:link,
h2.in-text a:visited,
h2.in-text a:hover,
h2.in-text a:active { color: #2b6eb0; }
h2 span { font-weight: normal; font-size: 12px; font-style:italic;  }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -42px; }

/* Header
---------------------------------------- */

#header { text-align: center; }
#header .header { position: relative; width: 990px; height: 124px; margin: auto; text-align: left; }

.logo { width: 219px; height: 55px; padding-top: 40px; }
.logo a { width: 219px; height: 55px; display: block; overflow: hidden; text-indent: -3000em; background: url('../img/logo.gif') top left no-repeat !important; }

.map-img { position: absolute; top: 0; left: 248px; width: 503px; height: 159px; background: url('../img/map.png') top left no-repeat; }

.buttons { position: absolute; top: 23px; left: 745px; }
.buttons li { float: left; padding-right: 25px; }
.buttons a { height: 17px; display: block; overflow: hidden; text-indent: -3000em; background: url('../img/buttons.gif') top left no-repeat !important; }
.buttons a.home,
.buttons a.home-act { width: 17px; background-position: 0 -17px !important; }
.buttons a.home-act { background-position: 0 0 !important; }
.buttons a.mail,
.buttons a.mail-act { width: 19px; background-position: -17px -17px !important; }
.buttons a.mail-act { background-position: -17px 0 !important; }
.buttons a.map,
.buttons a.map-act { width: 23px; background-position: -36px -17px !important; }
.buttons a.map-act { background-position: -36px 0 !important; }

.lang { position: absolute; top: 22px; right: 0; }
.lang select { width: 111px; }

.search { position: absolute; top: 61px; right: 0; width: 247px; }
.search .input { float: left; width: 186px; height: 18px; padding: 2px; background: url('../img/search_bg.gif') top left no-repeat; }
.search .input input { width: 182px; height: 18px; border: 0; background: transparent; color: #878484; font-size: 12px; }
.search .submit { float: right; width: 55px; height: 22px; }

.account-block { position: absolute; top: 81px; left: 225px; font-size: 12px; }
.account-block .user-gid { font-weight: bold; margin: 0 10px 0 0; }

#line { height: 10px; background: #8ac0da; border-top: 2px solid #f3f5f7; }

/* Content
---------------------------------------- */

#content { text-align: center; }
#content .content { width: 990px; margin: auto; text-align: left; padding: 49px 0 0 10px; }

#content-bg { text-align: center; background: #f3f5f7; }
#content-bg .content-bg { width: 990px; margin: auto; text-align: left; padding: 23px 0 5px 0; }

.menu { float: left; width: 186px; border-left: 1px solid #aba7a6; padding: 6px 0; }
.menu ul { padding-left: 20px; }
.menu ul li { display: block; height: 28px; }
.menu ul li a,
.menu ul li a.act { display: block; float: left; height: 1.44em; line-height: 1.44em; padding: 0 15px; margin-left: -10px; }
.menu ul li a.act { border: 1px solid #27962c; background: #3fa33e url('../img/menu_bg.gif') top left repeat-x !important; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none !important; }
.menu a:link,
.menu a:visited,
.menu a:hover,
.menu a:active { color: #222; }
.menu a:hover { color: #2b6eb0; text-decoration: underline; }

.text { float: left; width: 552px; color: #534e4c; padding-left: 3px; }
.text .nav { width: 480px; padding: 0 5px 2px 5px; margin-bottom: 7px; font-size: 11px; color: #222; border-bottom: 1px solid #aba7a6; }

.download { height: 82px; margin: 20px 0 0 -3px; }
.download li { float: left; padding-right: 5px; }
.download li a,
.download li a:active { width: 257px; height: 82px; display: block; overflow: hidden; text-indent: -3000em; text-decoration: none; }
.download li a span { color: #4a4e52; font-size: 10px; text-indent: 0; display: block; }
.version-win { padding: 36px 0px 10px 73px; }
.version-mac { padding: 36px 0px 10px 68px; }
body#ru .download li a.win,
body#ru .download li a.win:hover { background: url('../img/download_win_ru.gif') top left no-repeat !important; }
body#ru .download li a.mac,
body#ru .download li a.mac:hover { background: url('../img/download_mac_ru.gif') top left no-repeat !important; }
body#ru .download li a.macna { background: url('../img/download_mac_ru.gif') 0 -249px no-repeat !important; }
body#en .download li a.win,
body#en .download li a.win:hover { background: url('../img/download_win_en.gif') top left no-repeat !important; }
body#en .download li a.mac,
body#en .download li a.mac:hover { background: url('../img/download_mac_en.gif') top left no-repeat !important; }
body#en .download li a.macna { background: url('../img/download_mac_en.gif') 0 -249px no-repeat !important; }
body#ru .download li a.win:hover,
body#ru .download li a.mac:hover,
body#en .download li a.win:hover,
body#en .download li a.mac:hover { background-position: 0 -83px !important; }
body#ru .download li a.win:active,
body#ru .download li a.mac:active,
body#en .download li a.win:active,
body#en .download li a.mac:active { background-position: 0 -166px !important; }

.download-cab { height: 20px; margin-right: -3px; }
.download-cab li { float: left; padding-right: 5px; display: block; width: 257px; height: 20px; text-align: center; }
.download-cab li a { font-size: 11px; }

.screen { float: left; width: 248px; }
.screen #screen { width: 248px; height: 324px; }
.screen .switch-box { width: 248px; text-align: center; margin-top: 3px; }
.screen .switch-box img { margin-right: 2px; }
.screen .switch-box a img { margin: 0; }
.screen .switch-box .previous { margin-right: 13px; }
.screen .switch-box .next { margin-left: 11px; }

.icons { display: block; width: 801px; margin-left: 189px; }
.icons li { float: left; display: block; width: 255px; height: 96px; padding: 16px 70px 0 75px; }
.icons li.dear { background: url('../img/icon_dear.gif') top left no-repeat; }
.icons li.free { background: url('../img/icon_free.gif') top left no-repeat; }
.icons li.familiar { background: url('../img/icon_familiar.gif') top left no-repeat; }

.labeled_form { padding: 20px; margin: 0; }
.labeled_form div { padding: 2px; margin: 0; }
.labeled_form label { width: 100px; float: left; margin-right: -100px; }
.labeled_form select { margin-left: 100px; width: 200px; }
.labeled_form input { margin-left: 100px; width: 200px; }
.labeled_form input.button { margin-left: 100px; width: 100px; }
.labeled_form input.button-inline { margin-left: 0px; width: 100px; }
.labeled_form textarea { margin-left: 100px; width: 300px; height: 100px; }
.labeled_form p.error { color: #f00; font-weight: bold; font-size: 12px; }

#map { width: 500px; height: 400px; }
#searchresult { border: 1px solid #dddddd; padding: 30px; width: 440px; }

.use { text-align: center; padding: 5px 0; }

.text-block { padding-right: 50px; }
.text-block p b { color: #726e6c; font-style: italic; }

.send-email { position: absolute; top: 0; left: 0; width: 312px; height: 135px; z-index: 10; display: none; }
.send-email .background { width: 282px; height: 105px; background: url('../img/send_email_bg.png') top left; padding: 15px; }
.send-email .form-email { width: 267px; position: absolute; bottom: 18px; left: 15px; }
.send-email .form-email .input { float: left; width: 186px; height: 18px; padding: 2px; background: url('../img/search_bg.gif') top left no-repeat; }
.send-email .form-email .input input { width: 182px; height: 18px; border: 0; background: transparent; color: #878484; font-size: 12px; }
.send-email .form-email .thankyou { float: left; width: 186px; height: 18px; padding: 1px 2px; }
.send-email .form-email .submit { float: right; width: 75px; height: 22px; }
.send-email .error { color: #FF0000; font-weight: bold; font-size: 11px; height: 20px; line-height: 20px; visibility: hidden; }
.send-email .close { position: absolute; right: 10px; top: 6px; cursor: pointer; }
#notify-form { display: block; }
#notify-thankyou { display: none; }
#loading { display: none; padding: 3px 0 0 20px; }

/* Footer
---------------------------------------- */

.push { height: 42px; }

#footer { height: 40px; background: #f3f5f7; border-top: 2px solid #e7e9e9; text-align: center; }
#footer .footer { width: 990px; margin: auto; text-align: left; font-size: 11px; color: #636363; }
#footer .footer .left { float: left; width: 490px; height: 40px; line-height: 40px; }
#footer .footer .right { float: right; width: 490px; height: 40px;line-height: 40px; text-align: right; }

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color: #636363; }

/* Other
---------------------------------------- */

.clear { clear: both; }

b.alert { color: #c72e2f; padding-left: 10px; }