/* BASE */

body{
    padding: 0px;
    margin: 0px;
    background: #fafcf9;
}
table, img{
    border: 0px;
}
form{
    margin: 0px;
}
/*ol{
    padding: 0px;
    margin: 0px 0px 0px 23px;
}
ul{
    padding: 0px;
    margin: 0px 0px 0px 17px;
}*/
body, td, input, textarea, select{
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    color:#000000;
    font-weight: normal;
}
h1, h2{
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color:#006c3a;
    margin: 0px;
    padding: 0px;
}
h2{
    font-size: 14px;
}
a, a:hover, a:active, a:visited{
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    text-decoration: underline;
    color: #006c3a;
}
a:hover{
    color: #555;
}

img.detailsImage{
    float: left;
    margin: 2px 7px 5px 0px;
}

/* LAYOUT */

div.main{
    position: relative;
    width: 986px;
}
table.carcass{
    width: 968px;
    height: 100%;
}
table.carcass td{
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    text-align: left;
}
table.carcass td.topLeft{
    padding: 25px 0px 0px 35px;
}
table.carcass td.centerBody{
    padding: 0px 25px 0px 6px;
    text-align: justify;
    font-family: Verdana;
    font-size: 12px;
}
td.centerBody a, td.centerBody a:hover, td.centerBody a:visited, td.centerBody a:active, td.centerBody td, td.centerBody th{
    font-family: Verdana;
    font-size: 12px;
}
a.noFollowLink, a.noFollowLink:active, a.noFollowLink:visited{
    text-decoration: none;
    border-bottom: 1px dashed #006c3a;
}
a.noFollowLink:hover{
    text-decoration: none;
    border-bottom: 1px dashed #555;
}
td.centerBody input, td.centerBody textarea, td.centerBody select{
    font-family: Verdana;
    font-size: 12px;
    color:#555555;
    font-weight: normal;
}
table.carcass td.bottomLeft, table.carcass td.bottomCenter, table.carcass td.bottomRight{
    padding-top: 40px;
    vertical-align: middle;
    font-size: 9px;
}

/* HEADER */

div.topBlock{
    position: relative;
}
img.topImage{
    width: 746px;
    height: 115px;
}
div.topNote{
    position: absolute;
    left: 322px;
    top: 25px;
    width: 400px;
    height: 30px;
    font-family: Sans-serif, Tahoma;
    font-size: 23px;
    font-style: italic;
    color: #ffffff;
}
div.topKey{
    position: absolute;
    left: 624px;
    top: 53px;
    width: 122px;
    height: 88px;
    padding: 72px 0px 0px 25px;
    background: url(/design/images/head_key.jpg) no-repeat;
}
a.topKey, a.topKey:hover, a.topKey:active, a.topKey:visited{
    font-size: 11px;
    font-weight: bold;
}

/* HEADER MENU */

div.mainMenu{
    margin-top: 16px;
}
a.mainMenu, a.mainMenu:hover, a.mainMenu:active, a.mainMenu:visited{
    font-size: 14px;
    font-weight: bold;
}
a.mainMenuAbout, a.mainMenuFisical, a.mainMenuJuridical, a.mainMenuInvestors{
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
a.mainMenuAbout{
    margin-left: 6px;
    background-image: url(/design/images/menu_about.jpg);
}
a.mainMenuFisical{
    margin-left: 16px;
    background-image: url(/design/images/menu_fisical.jpg);
}
a.mainMenuJuridical{
    margin-left: 16px;
    background-image: url(/design/images/menu_juridical.jpg);
}
a.mainMenuInvestors{
    margin-left: 16px;
    background-image: url(/design/images/menu_investors.jpg);
}
a.mainMenuAboutA, a.mainMenuAboutA:hover, a.mainMenuAboutA:visited, a.mainMenuAboutA:active{
    color: #74b921;
}
a.mainMenuFisicalA, a.mainMenuFisicalA:hover, a.mainMenuFisicalA:visited, a.mainMenuFisicalA:active{
    color: #74b921;
}
a.mainMenuJuridicalA, a.mainMenuJuridicalA:hover, a.mainMenuJuridicalA:visited, a.mainMenuJuridicalA:active{
    color: #4c69a9;
}
a.mainMenuInvestorsA, a.mainMenuInvestorsA:hover, a.mainMenuInvestorsA:visited, a.mainMenuInvestorsA:active{
    color: #e09226;
}

/* LEFT */

img.logoBank{
    width: 112px;
    height: 90px;
}
div.leftMainMenu{
    margin-left: 26px;
    width: 130px;
}
div.leftMainMenuLink, a.leftMainMenu, a.leftMainMenu:hover, a.leftMainMenu:active, a.leftMainMenu:visited{
    display: block;
    margin-bottom: 15px;
    font-size: 11px;
}
div.leftMainMenuLink{
    font-weight: bold;
    color: #006c3a;
}

div.phoneLeft{
    float: left;
    height: 46px;
    width: 62px;
    background: url(/design/images/phones_start.jpg) 0px 4px no-repeat;
}
div.phoneLeftCode{
    margin: 4px 0px 0px 26px;
    font-size: 12px;
    color: #555;
}
div.phoneBody{
    width: 120px;
    margin-left: 62px;
}
div.phoneBodyNumber{
    font-size: 20px;
}

div.leftCurrency{
    margin-left: 26px;
}
div.currencyHeader{
    margin-bottom: 8px;
    font-size: 20px;
    color:#006c3a;
}
div.currencyName, div.currencyNameLong{
    float: left;
    width: 28px;
    height: 25px;
    font-weight: bold;
}
div.currencyNameLong{
    width: 57px;
}
div.currencyTitle{
    float: left;
    width: 52px;
    margin-top: 4px;
    text-align: center;
}
div.currencyValue{
    float: left;
    width: 52px;
    height: 25px;
    font-weight: bold;
    text-align: center;
}
div.euro{
    color: #995967;
}
a.currencyChange, a.currencyChange:hover, a.currencyChange:active, a.currencyChange:visited{
    text-decoration: none;
    border-bottom: 1px dashed #006c3a;
}
a.currencyChange:hover{
    border-bottom: 1px dashed #555;
}

div.leftCalendar{
    margin-left: 26px;
    width: 134px;
    zoom: 1;
    overflow: hidden;
}
div.leftCalendarHeader{
    margin: 0px 10px 6px 0px;
    text-align: center;
    font-size: 14px;
    color: #555;
}
img.calendarSwitchLeft, img.calendarSwitchRight{
    width: 5px;
    height: 9px;
}
img.calendarSwitchLeft{ margin-right: 6px; }
img.calendarSwitchRight{ margin-left: 6px; }
div.calendarCell, div.calendarCellCurrent, div.calendarHeader{
    float: left;
    width: 16px;
    height: 15px;
    margin-right: 3px;
    color: #555;
}
div.calendarHeader{
    height: 18px;
    color: #999;
}
div.calendarCellCurrent{
    background: #ce7f18;
    color: #ffd19c;
}

div.leftMenu{
    padding-top: 4px;
    margin-left: 26px;
    width: 165px;
}
div.leftAboutHead, div.leftFisicalHead, div.leftJuridicalHead, div.leftInvestorsHead{
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold;
}
div.leftAboutHead{ color: #74b921; }
div.leftFisicalHead{ color: #5db259; }
div.leftJuridicalHead{ color: #4c69a9; }
div.leftInvestorsHead{ color: #e09226; }

div.leftAboutMenu, a.leftAboutMenu, a.leftAboutMenu:hover, a.leftAboutMenu:active, a.leftAboutMenu:visited,
div.leftFisicalMenu, a.leftFisicalMenu, a.leftFisicalMenu:hover, a.leftFisicalMenu:active, a.leftFisicalMenu:visited,
div.leftJuridicalMenu, a.leftJuridicalMenu, a.leftJuridicalMenu:hover, a.leftJuridicalMenu:active, a.leftJuridicalMenu:visited,
div.leftInvestorsMenu, a.leftInvestorsMenu, a.leftInvestorsMenu:hover, a.leftInvestorsMenu:active, a.leftInvestorsMenu:visited{
    display: block;
    margin-bottom: 12px;
    font-size: 11px;
}
div.leftAboutMenu, a.leftAboutMenu, a.leftAboutMenu:active, a.leftAboutMenu:visited{ color: #74b921; }
div.leftFisicalMenu, a.leftFisicalMenu, a.leftFisicalMenu:active, a.leftFisicalMenu:visited{ color: #5db259; }
div.leftJuridicalMenu, a.leftJuridicalMenu, a.leftJuridicalMenu:active, a.leftJuridicalMenu:visited{ color: #4c69a9; }
div.leftInvestorsMenu, a.leftInvestorsMenu, a.leftInvestorsMenu:active, a.leftInvestorsMenu:visited{ color: #e09226; }
a.leftAboutMenu:hover, a.leftFisicalMenu:hover, a.leftJuridicalMenu:hover, a.leftInvestorsMenu:hover{ color: #555; }
div.leftAboutMenu, div.leftFisicalMenu, div.leftJuridicalMenu, div.leftInvestorsMenu{ font-weight: bold; }

div.leftAboutMenuLevel4, a.leftAboutMenuLevel4,
div.leftFisicalMenuLevel4, a.leftFisicalMenuLevel4,
div.leftJuridicalMenuLevel4, a.leftJuridicalMenuLevel4,
div.leftInvestorsMenuLevel4, a.leftInvestorsMenuLevel4{
    padding-left: 12px;
    background-position: 3px 7px;
    background-repeat: no-repeat;
}
div.leftAboutMenuLevel4, a.leftAboutMenuLevel4{ background-image: url(/design/images/ndash_about.gif); }
div.leftFisicalMenuLevel4, a.leftFisicalMenuLevel4{ background-image: url(/design/images/ndash_fisical.gif); }
div.leftJuridicalMenuLevel4, a.leftJuridicalMenuLevel4{ background-image: url(/design/images/ndash_juridical.gif); }
div.leftInvestorsMenuLevel4, a.leftInvestorsMenuLevel4{ background-image: url(/design/images/ndash_investors.gif); }

/* RIGHT */

div.rightFileBlock{
    padding: 2px 10px 0px 15px;
    background: url(/design/images/pin.gif) no-repeat;
}
span.rightFileParams{
    white-space: nowrap;
    font-size: 10px;
    color: #555;
}
div.rightFileSplitter{
    height: 15px;
}

/* BOTTOM */

a.bottomLink, a.bottomLink:hover, a.bottomLink:active, a.bottomLink:visited{
    font-size: 9px;
}

div.bottomSearch{
    margin-left: 21px;
}
div.bottomSearchField{
    background: url(/design/images/search_bg.jpg) no-repeat;
}
input.bottomSearchField{
    width: 145px;
    height: 14px;
    border: 0px;
    padding: 0px 3px 0px 3px;
    background: transparent;
    font-size: 9px;
}
input.bottomSearchButton{
    width: 12px;
    height: 14px;
    margin-bottom: -4px;
}

div.bottomLeftInfo{
    width: 215px;
    margin-left: 45px;
}
div.bottomRightInfo{
    float: right;
    width: 270px;
}

img.logoIota{
    width: 58px;
    height: 31px;
    float: left;
    margin: 0px 10px 0px 0px;
}

/* ADVERTISEMENT */

div.advButtons{
    float: right;
    width: 185px;
    height: 309px;
    margin-top: -398px; /* 90 + block height + set padding-bottom for right column */
    text-align: center;
}
div.advButtonsContent{
    margin-right: 40px;
}
div.advBody{
    position:absolute;
    left: 213px;
    top: 196px;
}

/* MAP */

div.mapLevel1, div.mapLevel2{
    margin-left: 0px
}
div.mapLevel3{
    margin-left: 20px
}
div.mapLevel4{
    margin-left: 40px
}
div.mapLevel5{
    margin-left: 60px
}

/* NEWS AND ARTICLES */

div.newsListBlock{
    clear: both;
    // height: 1px;
}
div.newsListDate{
    float: left;
    width: 90px;
    margin-right: -90px;
    color:#555;
}
div.newsListAnnounce{
    margin-left: 90px;
}
div.articlesListAnnounce{}
div.newsListSplitter{
    height: 30px;
}
div.newsDetailsDate{
    color:#555;
}
span.newsDetailsAnnounce{
    color:#006c3a;
}
img.newsPrevious, img.articlesPrevious{
    width: 5px;
    height: 9px;
    margin-right: 2px;
}
img.articlesPrevious{
    margin-bottom: -1px;
}
img.newsNext, img.articlesNext{
    width: 5px;
    height: 9px;
    margin-left: 2px;
}
img.articlesNext{
    margin-bottom: -1px;
}

/* VACANCIES */

td.vacancyTitle{
    text-align: right !important;
    padding: 10px !important;
    background: #eaf4e9;
}
td.vacancyValue{
    padding: 10px !important;
}

/* DEPOSIT TABLE */

table.deposit{
    width: 100%;
    border-collapse: collapse;
}
table.deposit td{
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #d5d7d4;
    border-right: 1px solid #d5d7d4;
    border-bottom: 1px solid #d5d7d4;
}
table.deposit td.depositCaliber, table.deposit td.depositCaliberLong{
    padding: 0px;
    width: 110px;
    border: 0px;
}
table.deposit td.depositCaliberLong{
    width: 150px;
}
table.deposit td.depositCaliberLast{
    padding: 0px;
    border: 0px;
}
table.deposit td.depositCaliberHalf{
    padding: 0px;
    width: 50%;
    border: 0px;
}
table.deposit th.depositTitle{
    padding: 4px 0px 6px 0px;
    background: #006335;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fbffff;
}
div.depositTitleNote{
    font-size: 12px;
}
div.depositCornerLeft{
    float: left;
    width: 10px;
    height: 12px;
    margin-top: -4px;
    background: url(/design/images/deposit_corner_left.jpg) no-repeat;
}
div.depositCornerRight{
    float: right;
    width: 10px;
    height: 12px;
    margin-top: -4px;
    background: url(/design/images/deposit_corner_right.jpg) no-repeat;
}
table.deposit th.depositColumnName{
    padding: 4px 0px 4px 0px;
    border-left: 1px solid #d5d7d4;
    border-right: 1px solid #d5d7d4;
    background: #eaf4e9;
    text-align: center;
    font-weight: normal;
    color: #006c3a;
}
table.deposit td.depositNoteEmpty{
    border-bottom: 0px;
}
table.deposit td.depositNote{
    color: #006c3a;
}
div.depositTableNote{
    margin-top: 8px;
}

/* DEPOSITS CALCULATOR */

div.depositCalFieldTitle{
    float: left;
    width: 105px;
    height: 23px;
}
div.fieldValue{
    height: 23px;
}
span.depositMinimumAmount{
    color: #555;
}
div.depositAmountSpecial{
    margin-top: -3px;
    margin-left: 105px;
    height: 23px;
    color: #555;
}
div.depositAmountSpecialResult{
    margin-top: 5px;
    color: #555;
}
div.depositResultDateHeader{
    width: 80px;
    float: left;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
}
div.depositResultPercentHeader{
    width: 120px;
    float: left;
    padding-bottom: 10px;
    text-align: right;
    font-weight: bold;
}
div.depositResultTotalHeader{
    width: 120px;
    margin-left: 220px;
    padding-bottom: 10px;
    text-align: right;
    font-weight: bold;
}
div.depositResultDate{
    width: 80px;
    float: left;
    padding-bottom: 5px;
    text-align: center;
}
div.depositResultPercent{
    width: 120px;
    float: left;
    padding-bottom: 5px;
    text-align: right;
}
div.depositResultTotal{
    width: 120px;
    margin-left: 220px;
    padding-bottom: 5px;
    text-align: right;
}

/* CREDITS CALCULATOR */

div.creditCalFieldTitle{
    float: left;
    width: 105px;
    height: 23px;
}
div.fieldValue{
    height: 23px;
}
input.creditIsAvailable{
}
input.creditIsUnavailable{
    color: #995967 !important;
}
span.creditAvailableAmount{
    color: #555;
    display: none;
}
div.creditCalcResultPercent{ display:none; }
div.creditCalcOnetimeCommission{ display:none; }
div.creditResultDateHeader, div.creditResultPaymentHeader, div.creditResultDebtHeader, div.creditResultPercentHeader, div.creditResultCommissionHeader, div.creditResultRestHeader{
    width: 70px;
    height: 38px;
    float: left;
    text-align: center;
    font-size: 10px;
    border: 1px solid #d5d7d4;
    background: #eaf4e9;
    color: #006c3a;
}
div.creditResultPaymentHeader, div.creditResultDebtHeader, div.creditResultPercentHeader, div.creditResultCommissionHeader, div.creditResultRestHeader{
    width: 102px;
    border-left: 0px;
}
div.creditResultPercentHeader, div.creditResultCommissionHeader{
    width: 80px;
}
div.creditResultDate, div.creditResultPayment, div.creditResultDebt, div.creditResultPercent, div.creditResultCommission, div.creditResultRest{
    width: 70px;
    float: left;
    padding: 5px 0px;
    text-align: center;
    font-size: 10px;
    border: 1px solid #d5d7d4;
    border-top: 0px;
    clear: right;
}
div.creditResultPayment, div.creditResultDebt, div.creditResultPercent, div.creditResultCommission, div.creditResultRest{
    width: 102px;
    border-left: 0px;
}
div.creditResultPercent, div.creditResultCommission{
    width: 80px;
}

/* BANKOMATES, AFFILIATES TABLE */

table.punkts{
    width: 100%;
    border-collapse: collapse;
}
table.punkts td{
    padding: 4px;
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #d5d7d4;
    border-right: 1px solid #d5d7d4;
    border-bottom: 1px solid #d5d7d4;
}
table.punkts td.punktContacts{
    background: #eaf4e9;
    vertical-align: middle;
}
table.punkts th.punktsTitle{
    padding: 4px 0px 6px 0px;
    background: #006335;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fbffff;
}
div.punktsCornerLeft{
    float: left;
    width: 10px;
    height: 12px;
    margin-top: -4px;
    background: url(/design/images/deposit_corner_left.jpg) no-repeat;
}
div.punktsCornerRight{
    float: right;
    width: 10px;
    height: 12px;
    margin-top: -4px;
    background: url(/design/images/deposit_corner_right.jpg) no-repeat;
}
div.punktsFilterName{
    padding-top: 2px;
    float: left;
    width: 84px;
}

/* FEEDBACK */

div.feedbackFieldTitle{
    color: #006c3a;
    padding-bottom: 5px;
}
div.feedbackFieldSplitter{
    height: 20px;
}
span.feedbackNote{
    padding-left: 20px;
    color: #555;
}
div.feedbackFieldVariants{
    font-family: Verdana;
    font-size: 12px;
    line-height: 22px;
    color:#555555;
}

/* FAQ */

div.faqFieldTitle{
    color: #006c3a;
    padding-bottom: 5px;
}
div.faqFieldSplitter{ height: 20px; }
span.faqNote{
    padding-left: 20px;
    color: #555;
}
div.faqQuestionTitle{
    padding-bottom: 5px;
    font-weight: bold;
    color: #555;
}
div.faqQuestion{ padding-bottom: 10px; }
div.faqAnwerTitle{
    padding-bottom: 5px;
    font-weight: bold;
    color: #006c3a;
}
div.faqAnswer{ color: #006c3a; }
div.faqSplitter{ height: 30px; }

/* BODY STYLES*/

strong.green{
    color: #006c3a;
}
span.green{
    color: #006c3a;
}
ul.dashed{
    margin: 0px;
    padding: 0px;
}
ul.dashed li{
    padding-left: 15px;
    list-style-type: none;
    background: url(/design/images/dash.gif) 0px 7px no-repeat;
}
div.alignRight{
    text-align: right;
}
div.smallText, div.smallText a, div.smallText a:hover, div.smallText a:active, div.smallText a:visited{
    font-size: 10px;
}
div.epigraph{
    padding-left: 200px;
    text-align: right;
    font-size: 10px;
}
a.bigWhite, a.bigWhite:visited, a.bigWhite:active{
    font-size: 18px !important;
    font-weight: bold;
    color: #fbffff;
}
a.bigWhite:hover{
    font-size: 18px !important;
    font-weight: bold;
    color: #555;
}