/* CSS Reset */

html, body, div, span, table, tbody, thead, tr, th, td, p, img, ul, ol, li, a, h1, h2, h3, h4, h5, label, form, input, textarea {
    margin: 0; padding: 0; border-collapse: collapse; }
body, div, span, table, tbody, thead, tr, th, td, p, img, ul, ol, li, a, h1, h2, h3, h4, h5, label, form { border: 0 none; }
td, th { vertical-align: top; }
form { display: inline; }
input, textarea { padding: 2px; }
a { color: #626262; text-decoration: underline; }
a:hover { text-decoration: none; }
dt { font-weight: bold; }
del { color: #b0b0b0; }
ins { text-decoration: none; }

/* General */

.clear       { clear: both; }
.align-left  { float: left; }
.align-right { float: right;  }
.hidden      { display: none; }

/* Template */

body { width: 100%; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 12px; color: #626262; background: #ffffff; }

.container { width: 840px; margin: 0 auto; background: #ffffff; overflow: hidden; }

.logo, .menu .left, .sidebar { float: left; width: 267px; }
.banner, .menu .right, .content { float: right; width: 571px; }
.logo, .banner { height: 118px; }
.logo { text-align: center; background: #f0f4ff; }
.logo a { display: block; padding: 26px 0; }
.banner { background: #dea5c5; position: relative; }
.banner-phone { position: absolute; top: 10px; right: 27px; line-height: 1.25em; font-family: Helvetica, Arial; font-size: 20px; font-weight: normal; color: white; }

.menu { float: left; width: 100%; }
.xmenu, .menu { text-align: center; }
.menu .left, .menu .right { height: 42px; line-height: 42px; }
.menu i { display: inline-block; width: 5px; height: 42px; margin: 0 9px; vertical-align: middle; background: url("div-menu.gif") no-repeat center 49%; }
.xmenu { float: left; width: 100%; margin-top: 2px; height: 32px; line-height: 32px; }
.xmenu a, .xmenu span, .menu a { text-decoration: none; text-transform: uppercase; color: #2a2a2a; }
.xmenu a, .xmenu span { display: block; float: left; }
.xmenu span { font-weight: bold; color: #a2a2a2; }
.xmenu .shop { width: 267px; }
.xmenu .training { width: 285px; margin-left: 2px; }
.xmenu .forum { width: 284px; margin-left: 2px; }
.menu a.current { font-weight: bold; }

.main { float: left; width: 100%; margin-top: 2px; background: url("bg-main.gif") repeat-y; }

.footer { float: left; width: 100%; margin-top: 2px; padding: 9px 0 15px 0; font-size: 11px; border-top: 1px solid #76656F; }
.footer .copy { float: left; padding: 6px 0 0 30px; }
.footer .counter { float: right; padding-right: 10px; }
.footer .quick-links { margin: 0; padding: 0 0 0 120px; }
.footer .quick-links a { padding: 0 8px; }

/* Breadcrumbs */

.breadcrumbs { padding-bottom: 12px; }
.breadcrumbs, .breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active { color: #a5a5a5; font-size: 11px; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs .bc-arrow { margin: 0 6px; width: 3px; height: 5px; }

/* Sidebar */

.sidebar h3 { margin-bottom: 12px; font: normal 20px/24px Tahoma, Verdana, Geneva, Arial, Helvetica; color: #545454; }
.sidebar h4 { margin: 10px 0; font-size: 12px; font-weight: bold; }

.catalogue, .info, .contacts, .sidefeed { float: left; clear: left; width: 207px; padding: 20px 30px; }
.info, .contacts, .sidefeed { border-top: 2px solid white; }

.catalogue ul, .info ul  { margin-left: 15px; }
.catalogue li { list-style-image: url("list-cat.gif"); margin: 12px 0; font-weight: bold; }
.catalogue li ul li { list-style-image: url("list-cat-sub.gif"); font-size: 11px; font-weight: normal; }
.catalogue .rules { margin-top: 20px; text-align: center; font-size: 11px; font-weight: bold; font-style: italic; color: #101010; }
.info li { list-style-image: url("list-cat.gif"); }

.contacts .phone { font-size: 20px; letter-spacing: -1px; line-height: 24px; color: #d82b2a; }
.contacts .icq { margin-bottom: 2px; }
.contacts .icq img { position: relative; top: 5px; margin-right: 8px; }
.contacts .icq a { font-size: 14px; color: #5f83cf; }

.sidefeed { background: #fffacd; border-bottom: 2px solid white; }
.sidefeed div { width: 167px; padding: 5px 20px 0 20px; }
.sidefeed img { border: 3px solid #ffffff; margin: 0 auto 15px auto; display: block; }
.sidefeed cite { display: block; }
.sidefeed p { margin-top: 12px; }

/* Customization */

body { background: fixed #b7e7fe url("bg2.jpg") 20% center repeat-x; }
.menu, .footer { background: #c6d8ef; }
.catalogue { background: #e2edff; }
.menu a:hover, .menu a.current, .catalogue a.current { color: #156cd6; }
.xmenu a.shop { background: #f3c0bf url("bg-xs.gif") left bottom repeat-x; }
.xmenu a.shop:hover { background: #f5cdcc url("bg-xs.gif") left top repeat-x; }
/*.xmenu .training { background: #c6d8ef url("bg-xtc.gif") left top repeat-x; }*/
.xmenu .training { background: #c6d8ef; }
.xmenu a.forum { background: #ffc9f2 url("bg-xf.gif") left bottom repeat-x; }
.xmenu a.forum:hover { background: #ffd4f5 url("bg-xf.gif") left top repeat-x; }

/* Content */

.content { width: 511px; padding: 20px 30px; }

.content, .content td { line-height: 1.4em; }
.content p, .content ol, .content ul { margin: 12px 0; }
.content dl { margin: 12px 0 0 0; }
.content dd { margin-bottom: 10px; }
.content ol, .content ul { padding-left: 15px; }
.content ul li { list-style-image: url("list-cat.gif"); }
.content h1 { margin-bottom: 18px; font: normal 22px/24px Arial, Helvetica, sans-serif; color: #515151; }
.content h2 { margin: 30px 0 10px 0; font: normal 18px/20px Arial, Helvetica, sans-serif; color: #515151; }
.content h3 { margin-bottom: 15px; font-size: 13px; font-weight: bold; color: #5f83cf; }
.content h4 { margin-bottom: 5px; font-size: 14px; }
.content h5 { padding: 4px 4px 4px 8px; font-size: 12px; font-weight: bold; clear: both; background-color: #efefef; }

.promo-lt { background: url("bg-open-lt.jpg") left top no-repeat; }
.promo-rt { background: url("bg-open-rt.jpg") right top no-repeat; }
.promo-lb { background: url("bg-open-lb.jpg") left bottom no-repeat; }
.promo { font-size: 14px; padding: 30px 40px; margin-bottom: 20px; background: url("bg-open-rb.jpg") right bottom no-repeat; }

img.border { border: 1px solid #C8C8C8; }
img.left  { float: left;  margin: 0 12px 12px 0; }
img.right { float: right; margin: 0 0 12px 12px; }

.dot-h { height: 18px; background: url("dot-h.gif") repeat-x 0 50%; clear: both; }

a.forward { font-size: 11px; padding-right: 10px; background: url("arrow-forward.gif") no-repeat right 60%; }
a.back    { font-size: 11px; padding-left:  10px; background: url("arrow-back.gif") no-repeat left 60%; }

.sub-categories div { padding-left: 15px; background: transparent url("list-cat.gif") no-repeat 0 5px; }

.info-field-body { margin: 10px 0 20px 0; padding-left: 10px; }
.info-field-body li { padding: 2px 0; list-style-image: url("list-cat-sub.gif"); }
.info-field-body .course-list li { padding: 6px 0; list-style-image: url("list-cat.gif"); }
.info-field-body .course-list .course-name li { padding: 0 0 1px 2px; font-size: 11px; }
.info-field-body .branch-name { display: inline-block; font-weight: bold; width: 215px; }
.info-field-body .branch-phone { display: inline-block; }
.course-name { display: inline-block; width: 320px; padding-right: 10px; vertical-align: top; }
.course-dur  { display: inline-block; width: 55px; padding-right: 10px; vertical-align: top; text-align: center; }
.course-cost { display: inline-block; vertical-align: top; white-space: nowrap; }
.course-cost ins { font-weight: bold; color: red; }

.design-table { margin-bottom: 15px; }
.design-table td { padding: 15px; }

.bonus td { padding: 3px 5px; border-bottom: 1px solid #d0d0d0; text-align: right; }
.bonus th { padding: 3px 5px; border-bottom: 1px solid #d0d0d0; }
.bonus td.name { text-align: left; }
.bonus thead td, .bonus tfoot td { font-weight: bold; }

#workshops .content ol, #workshops .content ul { padding-left: 20px; }

.pagination { padding: 2px 0; margin: 14px 0 8px 0; text-align: center; }
.pagination a, .pagination a:visited, .pagination a:hover, .pagination a:active, .pagination strong { padding: 0 4px 1px 4px; margin: 0 2px; border: 1px solid #ffffff; }
.pagination a:hover, .pagination strong { border: 1px solid #666666; background-color: #ffffff; }
.pagination strong { font-weight: bold; }

/* Application form */

form fieldset { padding: 10px 20px; border: 1px solid #d5d5d5; }
form.application label { display: block; padding: 5px 0; font-weight: bold; }
form.application p small { font-size: 0.75em; color: #777; }
form.application input.text-input, form.application select{ padding: 4px; width: 75%; font-size: 13px; border: 1px solid #d5d5d5; color: #333; }
form.application select { padding: 4px; width: 90%; background: #fff; }
form.application .button { font-family: Verdana, Arial, sans-serif; background-color: #6495ed; border: 1px solid #6495ed; padding: 4px 7px 4px 7px; color: #fff !important; font-size: 12px !important; cursor: pointer; }
form.application .error { margin: 2px 0 5px 0; color: #dc143c; }

.application-button { display: inline-block; background: #990000 url('apply3.gif') top left no-repeat; width: 179px; height: 41px; padding: 6px 0; color: #fff; font-size: 16px; line-height: 19px; cursor: pointer; text-decoration: none; text-align: center; }
.application-phones { color: #990000; padding: 2px 0; line-height: 24px; font-size: 18px; }


.linking { padding-top: 50px; color: #898989; background: url("dot-h.gif") repeat-x 0 40px; clear: both; }
.linking a { color: #898989; }


.social-buttons  { overflow: hidden; clear: both; padding: 20px 0 40px 0; }