body, td { font-family: Arial; font-size: 10pt; color: #555; background: #fff }
body { !text-align: center; margin: 0; padding: 0 }

td { vertical-align: top }

body div { !text-align: left }

img { border: 0px }

a, a:visited, a:hover { text-decoration: none; color: blue }

ul { list-style: none; margin: 0px; padding: 0px }

#placeholder { margin: auto; /*border: 1px solid #eee;*/ width: 1000px }

#content { padding: 0 0 0 55px }

.none {}

#lang-bar { height: 20px; text-align: right }
#lang-bar .lang .img { width: 14px; height: 20px }

#footer { background: #bdd85f; color: #fff; padding: 9px; margin: 0px 20px 0px 45px }


.orderService { width: 100% }
.orderService td label { width: 120px; float: right;text-align: right; display: block }
.orderService td input, textarea { border: 1px solid #646464; width: 100% }

.paymentMethods td label { width: auto; display: inline }
.paymentMethods td input { width: auto }
.paymentMethods td { text-align: center }

.your-1 { width: 48px; height: 84px; float: left; margin: 0 0 0 0 }
.form { height: 84px; float: left }
.your-2 { height: 23px }
.form .name { height: 44px }
.form .descr { height: 17px; color: #646464; font-size: 12pt; text-align: center; font-weight: bold }
.form input { margin: 12px }
.at { width: 56px; height: 84px; float: left }

.form-2 { width: 429px; height: 84px; float: left }
.form-2 .letters { height: 22px }
.form-2 .letters a { float: left; padding: 2px 3px; display: block; color: #000; font-size: 11pt; font-weight: bold }
.form-2 .letters .current { }
.form-2 .surname { height: 44px; width: 429px }
.form-2 .surnameShown { height: 72px; width: 429px }
.form-2 .surname select { width: 401px; margin: 12px }
.form-2 .surname select { margin-bottom: 8px }
.form-2 .surname label { margin: 0px 12px 12px 12px; font-size: 13pt }
.form-2 .surname input { width: 349px }


.surnameShown { background: #ffe055; height: 72px; width: 429px }
.surnameShown select { width: 401px; margin: 12px }
.surnameShown select { margin-bottom: 8px }
.surnameShown label { margin: 0px 12px 12px 12px; font-size: 13pt }
.surnameShown input { width: 349px }

.surnameClosed { background: #ffe055; height: 72px; width: 429px }
.surnameClosed select { width: 401px; margin: 12px }
.surnameClosed select { margin-bottom: 8px }
.surnameClosed label { margin: 0px 12px 12px 12px; font-size: 13pt }
.surnameClosed input { width: 349px }

.shownOtherDiv {display:block}
.closedOtherDiv {display:none}


.none {float: left; padding: 2px 3px; display: block; color: #000; font-size: 11pt; font-weight: bold}

.form-2 .descr { height: 17px; color: #646464; font-size: 12pt; text-align: center; font-weight: bold }

.form-3 { width: 96px; height: 84px; float: left }
.form-3 .extension { width: 96px; height: 44px; margin: 23px 0px 0px 0px }
.form-3 .extension select { width: 70px; margin: 12px }
.form-3 .descr { height: 17px; color: #646464; font-size: 12pt; text-align: center; font-weight: bold }

.submit { height: 44px; width: 105px; color: #fff; border: none; margin: 23px 0px 0px 18px; font-size: 18px; padding: 0px }

.dot { width: 21px; height: 84px; float: left }






.reg-form { height: 120px; margin: 0 0 0 30px }

.yellow { margin-bottom: -10px }
.yellow .title { border-bottom: 2px solid #ffe055; margin: 0px 0px 5px 0px; padding-left: 30px; font-size: 10pt }
.yellow .title span { background: #ffe055; padding: 2px; padding-bottom: 0px; color: #fff }

.yellow .your-1 { background: url('../images/your-yellow-1.png') no-repeat }
.yellow .form { width: 167px }
.yellow .your-2 { background: url('../images/your-yellow-2.png') no-repeat }
.yellow .name { background: #ffe055 }
.yellow .name input { width: 143px }

.yellow .at { background: url('../images/at-yellow.png') }
.yellow .letters .current { background: #ffe055 }
.yellow .surname { background: #ffe055 }

.yellow .dot { background: url('../images/dot-yellow.png') }

.yellow .extension { background: #ffe055 }

.yellow .submit { background: #ffe055 }



.green { margin: 0 }
.green .title { border-bottom: 2px solid #bdd85f; margin: 0px 0px 5px 0px; padding-left: 30px; font-size: 10pt }
.green .title span { background: #bdd85f; padding: 2px; padding-bottom: 0px; color: #fff }
.green .your-1 { background: url('../images/your-green-1.png') no-repeat }
.green .form { width: 200px }
.green .your-2 { background: url('../images/your-green-2.png') no-repeat }
.green .name { background: #bdd85f }
.green .name input { width: 176px }

.green .letters .current { background: #bdd85f }
.green .surname { background: #bdd85f }

.green .dot { background: url('../images/dot-green.png') }

.green .extension { background: #bdd85f }

.green .submit { background: #bdd85f }

hr { border: 1px solid #8dc63f; }

h1, h2, h3 { margin: 0px; padding: 0px }

#menu { /*width: 100%;*/ margin: 0; }
#menu a { color: #ffe055; font-size: 28pt; font-weight: normal }
#menu li { float: left; display: block; margin-right: 24px }
#menu a.current { color: #8dc63f }

.more { color: #8dc63f; font-size: 12pt; text-decoration: underline; font-weight: bold }


.block { float: left; clear: none; width: 410px; margin: 10px 10px 20px 0px }
.block a, .block a:hover { color: #8dc63f; font-size: 12pt; text-decoration: underline; font-weight: bold }
.block div a, .block div a:hover { color: blue; font-size: 10pt; font-weight: normal; text-decoration: underline }
.block h1 a, .block h2 a, .block h3 a,
.block h1 a:hover, .block h2 a:hover, .block h3 a:hover
{ color: blue; font-size: 14pt; font-weight: normal; text-decoration: underline }

dl { margin: 0px }
dt { color: #8dc63f; font-size: 25pt }
dd { margin: 0px; color: #ffe055; font-weight: bold; font-size: 11pt }

div.clear { clear: both }


.registration { margin: auto; /*margin-top: 40px; */text-align: center; font-size: 11pt }
.registration td { font-size: 12pt }
.registration h1 { font-size: 14pt; width: 100%; margin-bottom: 10px }
.registration h2 { font-size: 11pt; width: 100%; margin-bottom: 10px }
.registration a, .registration a:hover { color: #8dc63f; text-decoration: underline }

.registration .field { width: 350px; margin: auto; margin-bottom: 10px }
.registration .field label { padding: 2px; float: left; display: block; width: 170px; text-align: right; margin-right: 5px }
.registration .field input {  }



input.yellow-submit { background: #ffe055; height: 44px; width: 105px; color: #fff; border: none; margin: 23px 0px 0px 18px; font-size: 18px; padding: 0px }
input.green-submit { background: #bdd85f; height: 44px; width: 105px; color: #fff; border: none; margin: 23px 0px 0px 18px; font-size: 18px; padding: 0px }


.contacts-form { margin: 0px 220px 0px 220px }
.contacts-form label {  }
.contacts-form div { margin-top: 10px }
.contacts-form input, textarea { width: 440px }
.contacts-form input.submit { background: #8dc63f; float: right; margin: 0px 0px 0px 10px; width: 105px }

#services-target {  }
#services-target .price { float: right; color: #8dc63f; font-weight: bold; font-size: 11pt }
#services-target .title { float: left }
#services-target .content { font-size: 11pt }
#services-target .submit { background: #bdd85f; padding: 0px; font-size: 11pt; height: 28px; width: 75px; font-weight: bold; margin: 0 0 28px; float: right }
#services-target .order { color: #fff; border: none; background: #bdd85f; padding: 0px; font-size: 11pt; height: 28px; width: 75px; font-weight: bold; margin: 18px 0; float: right }
#services-target a, #services-target a:hover { color: #8dc63f; text-decoration: none; font-weight: bold; font-size: 11pt }

.ajax-loading { background: url('../images/spinner.gif') no-repeat center; padding: 20px 0 }
form { margin: 0 }

.paging { padding-left: 20px }
.paging a, .paging a:hover, .pagin a:active { color: #555 !important }