/*-------------------------------------

    Document Information:

    - Document:      main.css
    - Version:       0.1
    - Date Created:  17.04.2010
    - Authors: 
        Tania Abanina <http://tataata.com>
        Misha Reyzlin <http://mishareyzlin.com>

    Colors: 

    - default body bg:      #fff
    - default body text:    #252525
    
    Type:

    - body  "arial","helvetica",sans-serif

    Table of Contents:

    1. General Styling
    2. Header 
    3. Navigation
    4. Generic Content 
    5. Support Sidebar
    6. Utility Classes

-------------------------------------*/

/* General Styling
-------------------------------------*/
html,
body {
    height:100%;
}
body {
    font:100%/1.4 arial,helvetica,sans-serif;
    min-width:996px;
    max-width:1410px;
    color:#252525;
}
a {
    color:#0072bc;
    text-decoration:none;
    border-bottom:1px solid #0072bc;
}
#no-stroke a {
    color:#0072bc;
    text-decoration:none;
}
input {
    margin:0;
}
@font-face {
	font-family: 'ruble';
	src: url('/css/type/rub-webfont.eot');
	src: local('☺'), url(data:font/woff;charset=utf-8;base64,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) format('woff'), url(data:font/truetype;charset=utf-8;base64,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) format('truetype'), url('/css/type/rub-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
#header,
#footer,
#nav {
        margin:0 auto;
        position:relative;
        width:90%;
        clear:both;
}

/*--------SOLinc------------*/
#style01 {
border:none; background-image:none; background:none; padding:0px;}

#style02 {
border:none; background-image:none; background:none; padding:0px; background: url(/img/wave_right.gif) top left repeat-y;}

#style03 {
        height:410px!important; height:431px;
        position:absolute;
        background:url(/img/bg_noise.gif) left top repeat;
        left:-50%;
        top:-30px!important; top:-28px;
        bottom:-1px;
        width:50%!important; width:52.6%;
        border-bottom:1px solid #e1e1e1;
    }

#style04 {
background:url(/img/s/grm1.gif) left top no-repeat; width:4px; height:23px; font-size:1px; padding:0px; border:0px;}

#style05 {
    background-position:left bottom;
    color:#363636;
    text-shadow:#fff 0 1px 0;
background:url(/img/s/grm2.gif) left top repeat-x;  height:23px; font-size:12px; padding-top:2px; padding-left:2px; padding-right:2px; border:0px;}

#style05 a{
color:#363636; text-shadow:#fff 0 1px 0; border:0px; text-decoration:none;}

#style06 {
background:url(/img/s/grm3.gif) left top no-repeat; width:3px; height:23px; font-size:1px; border:0px;}

#style07 {
background:url(/img/s/gr1.gif) left top no-repeat; width:9px; height:33px; font-size:1px; border:0px; padding:0px;}

#style08{
    background-position:left bottom;
    color:#363636;
    text-shadow:#fff 0 1px 0;
background:url(/img/s/gr2.gif) left top repeat-x;  height:33px; font-size:16px; border:0px; padding:0px;  padding-top:5px; padding-left:2px; padding-right:2px;}

#style08 a{
color:#363636; text-decoration:none; border:0px;}

#style09 {
background:url(/img/s/gr3.gif) left top no-repeat; width:7px; height:33px; font-size:1px; border:0px; padding:0px;}

#style10 {
background:url(/img/s/g1.gif) left top no-repeat; width:9px; height:33px; font-size:1px; border:0px; padding:0px;}

#style11{
    background-position:left bottom;
    color:#363636;
    text-shadow:#fff 0 1px 0;
background:url(/img/s/g2.gif) left top repeat-x;  height:33px; font-size:16px; border:0px; padding:0px;  padding-top:5px; padding-left:2px; padding-right:2px;}

#style11 a{
color:#363636; text-decoration:none; border:0px;}

#style12 {
background:url(/img/s/g3.gif) left top no-repeat; width:7px; height:33px; font-size:1px; border:0px; padding:0px;}

#style13 {
background:url(/img/s/01.gif) left top no-repeat; width:16px; height:33px; font-size:1px; border:0px; padding:0px;}

#style14 {
background:url(/img/s/lt.gif) left top no-repeat; width:37px; height:35px; font-size:1px; border:0px; padding:0px;}

#style15 {
background:url(/img/s/tbg.gif) left top repeat-x; height:35px; font-size:1px; border:0px; padding:0px;}

#style16 {
background:url(/img/s/rt.gif) right top no-repeat; width:30px; height:35px; font-size:1px; border:0px; padding:0px;}

#style17 {
background:url(/img/s/lbg.gif) left top repeat-y; width:37px; font-size:1px; border:0px; padding:0px;}

#style18 {
background:none; border:0px; padding:0px; vertical-align:top;}

#style19 {
background:url(/img/s/rbg.gif) right top repeat-y; width:30px; font-size:1px; border:0px; padding:0px;}

#style20 {
background:url(/img/s/lb.gif) right bottom no-repeat; width:37px; height:32px; font-size:1px; border:0px; padding:0px;}

#style21 {
background:url(/img/s/bbg.gif) left bottom repeat-x; height:32px; font-size:1px; border:0px; padding:0px;}

#style22 {
background:url(/img/s/rb.gif) right bottom no-repeat; width:30px; height:32px; font-size:1px; border:0px; padding:0px;}

#style23 {
background-color:#f5f5f5; border:1px solid #ececec; padding:10px 30px; margin:0 0 2em;}

#style24 {
border-bottom:1px solid #231F20;
font-size:14px;
margin:0;
padding:1em 0;
text-align:center;
text-transform:uppercase; font-weight:normal;}

#style25 {
border-top:1px solid #231f20;
padding:0.5em 0 0;}

#style25 dt {
font-size:11px;}

#style25 dd {
font-size:18px;}

#style26 {
/*border-bottom:1px solid #231F20;
border-top:1px solid #D2D2D2;*/
font-size:11px;
overflow:hidden;
padding:1em 0; margin-bottom:5px;}

#style26 dt {
float:left;
width:70%;}

#style26 dd {
float:right;}

#style27 {
color:#B7B7B7;
font-size:24px;
font-weight:bold;
left:-1.5em;
position:absolute;
top:0;}

#style28 {
left:0;
position:absolute;
border:0 none;
display:block;
height:93px;
overflow:hidden;
width:68px;}

#style28 span {
background:url("/img/book-cover.png") no-repeat scroll left top transparent;
border:0 none;
display:block;
height:93px;
left:0;
position:absolute;
top:0;
width:68px;
}

#style28 img {
height:85px;
}

#style29 {
width:90%;
list-style:none outside none;
}

#style29 li {
display:inline !important;
font-size:13px;
margin:0;
padding:0;
position:relative;
}

#style30 {
font-size:18px;
line-height:1;
margin:4px 0 16px 0px;
font-weight:normal;
float:left;}

#style30 a {
border-bottom:1px solid #0072BC;
color:#0072BC;
text-decoration:none;}

#style31 {
line-height:18px;
margin:4px 0 16px 2ex;
}

#style31 dt {
font-size:14px;
font-style:italic;
float:left;
margin-left:10px;
}

#style32 {
color:#F26522;
margin:0 0 0 0.5ex;
font-size:14px;
font-style:italic;
}

#style33 {
background:none repeat scroll 0 0 transparent;
padding:0 2em 0 0;
color:#959595;
font-size:12px;
font-style:italic;
font-weight:normal;
text-align:left;
}

#style34 {
background:none repeat scroll 0 0 transparent;
padding:0 2em 0 0;
border:2px solid #FFFFFF;
font-size:13px;
text-align:left;
}
/*------endSOLinc-----------*/


/* Header
-------------------------------------*/
#header {
    padding-top:35px;
    height:120px;
}
    #header .logo {
        float:left;
        width:60%;
    }
        #header .logo a {
            border:none;
        }
    #header-login {
        position:absolute;
        right:470px;
        top:30px;
        width:31%;
    }
        /* not-authorized
        -----------------------------*/
        #header-login .not-authorized {
            float:left;
            width:100%;
        }
            .not-authorized dt {
                cursor:pointer;
                height:24px;
                line-height:24px;
                margin:-24px 0 5px;
                position:relative;
            }
                .not-authorized dt .text {
                    font-size:13px;
                    color:#7d7d7d;
                    border-bottom:1px dashed #7d7d7d;
                }
            #header-login .not-authorized dd {
                margin-top:.2em;
            }
            .not-authorized .field {
                position:relative;
                float:left;
                width:40%;
                zoom:1;
                margin:0;
            }
                .not-authorized .field .label {
                    position:absolute;
                    left:0;
                    z-index:3;
                    padding:.4em .3em;
                    cursor:text;
                    top:0;
                }
                .not-authorized .field input.text {
                    margin:1.8em 0 0 0;
                    width:88%;
                    float:left;
                    height:1.8em;
                    line-height:1.8;
                    font-size:12px;
                }
                .js .not-authorized .field input {
                    margin:0;
                }
            .not-authorized #header-login-openid .field { 
                width:98%;
            }   
                .not-authorized #header-login-openid .openid /* label */ {
                    position:absolute;
                    left:-5.5em;
                    top:3px;
                    font-size:13px;
                }
                .not-authorized .openid .icon {
                    background:#8e8e8e url(/img/bg_openid.gif) left top no-repeat; 
                    width:13px;
                    height:13px;
                    display:inline-block;
                    margin:0 3px 0 0;
                }
                .not-authorized #header-login-openid-id {
                    float:left;
                    width:75%;
                    margin-right:1%;
                }
            #header-login-reg {
                clear:both;
                font-size:11px;
                position:relative;
                top:-5px;
            }
        /* signed up state
        ---------------------------------*/
        .authorized {
            position:absolute;
            right:4em;
            top:0;
        }
            .authorized dt {
                background:url(/img/icon_profile.gif) 0 3px no-repeat;
                font-size:13px;
                padding:0 0 5px 18px;
            }
                .authorized dd {
                    float:left;
                    font-size:11px;
                    position:relative;
                    left:13px;
                }
                    .authorized dd a {
                        color:#636363;
                        padding:0 4px;
                        line-height:1;
                        border-left:1px solid #6b6b6b;
                        border-bottom:0 none;
                    }
                    .authorized .first a {
                        border-left:0 none;
                    }
            #header-login-logout {
                position:absolute;
                top:0;
                right:0;
                background:url(/img/icon_logout.gif) 0 50% no-repeat;
                padding:0 0 0 15px;
                color:#636363;
                font-size:11px;
                border:0 none;
                line-height:18px; /*align with dt*/
            }

/* Navigation
-------------------------------------*/
#nav {
    margin-top:40px;
    margin-bottom:35px;
    float:left;
}
    #nav ul {
        position:relative;
        text-align:left;
    }
        #nav li {
            display:inline;
            margin:0 5% 0 0;
        }
        #nav .last {
            margin:0 0 0 0;
            
        }
#contact-panel {background:url(/img/contact.png); width:154px; height:95px; position:absolute; left:800px; top:10px; font-size:16px; line-height:23px; padding:4px 0 0 42px;}
/* Generic Content Styling 
-------------------------------------*/
.page h1,
.page h2,
.page h3 {
    font-weight:normal;
    margin:0 0 1em;
}
.page h1 {
    font-size:22px;
}
.page h2 {
    font-size:18px;
}
.page p {
    font-size:13px;
    line-height:1.5;
    margin:0 0 1em;
}
.page .success {
    color:#39b54a;
}
    .page .success a {
        color:#39b54a;
        border-bottom:1px solid #39b54a;
    }
.page .error,
.page .warning {
    color:#ed1c24;
}
.page .message {
    font-size:18px;
}
.page table {
    font-size:12px;
    width:100%;
}
    .page th,
    .page td {
        text-align:left;
    }
    .page th {
        font-weight:normal;
        font-style:italic;
        padding:.5em 1em;
    }
    .page td {
        font-size:13px;
        background:#fdf9cd;
        border:2px solid #fff;
        padding:1em;
    }
        .page td .hint {
            color:#959595;
            margin-left:1ex;
        }
    .page .even td {
        background:#ececec;
    }
    /* file format icons */
    .fileext-40,
    .fileext-50 {
        position:relative;
    }
        .fileext-40 .icon,
        .fileext-50 .icon {
            position:absolute;
            top:50%;
            left:0;
            background-image:url(/img/icon_fileext.png);
            display:block;
        }
        .fileext-40 .icon {
            background-position:-40px 0;
        }
        .fileext-50 .icon {
            background-position:0 0;
        }
    .fileext-40 {
        padding-left:35px;
    }
        .fileext-40 .icon {
            width:25px;
            height:34px;
            margin-top:-17px;/* half icon's height */
        }
    .fileext-50 {
        padding-left:45px;
    }
        .fileext-50 .icon {
            width:35px;
            height:48px;
            margin-top:-24px;
        }
    .fileext-40 .zip {}
    .fileext-40 .pdf {
        background-position:-40px -40px;
    }
    .fileext-40 .tiff {
        background-position:-40px -80px;
    }
    .fileext-40 .jpg {}
    .fileext-50 .zip {}
    .fileext-50 .pdf {
        background-position:0 -50px;
    }
    .fileext-50 .fb2 {
        background-position:0 -100px;
    }
    .fileext-50 .epub {
        background-position:0 -150px;
    }
    .fileext-50 .jpg {}
/* Support
-------------------------------------*/
#support {
    font-size:13px;
}
    #support dl {
        clear:both;
        position:relative;
    }
    #support .intro {
        padding:0 0 0 82px;
    }
        #support .intro dt {
            position:absolute;
            left:0;
            top:0;
        }
        #support .contacts dt,
        #support .contacts dd {
            padding:0 0 0 82px;
        }
        #support .contacts dt {
            margin-top:24px;
        }
        #support .contacts dd {
            background:#fff url(/img/bg_support.png) 40px 4px no-repeat;
        }
        #support .contacts .mail {
            background-position:43px -58px;
        }
        #support .contacts .skype {
            background-position:43px -115px;
            padding-bottom:5px;
        }
/* Footer 
-------------------------------------*/
#footer {
    width:92%;
    margin:20px auto 20px;
    background:#fff url(/img/footer_logo.png) left top no-repeat;
    font-size:11px;
}
    #footer .dec {
        background:#fff url(/img/footer_logo.png) right top no-repeat;
        padding-top:24px;
        margin:0 0 0 105px;
    }
    #footer #copy {
        position:relative;
        left:1%;
        float:left;
        width:58%;
        height:30px;
        line-height:30px;
        display:block;
        vertical-align:middle;
    }
        #copy img {
            vertical-align:middle;
        }
        #copy span {
            padding: 0 0 0 180px;
        }
    #footer #subnav {
        position:relative;
        float:right;
        width:42%;
        height:30px;
        line-height:30px;
        text-align:right;
        right:1%;
    }
        #footer #subnav li {
            display:inline;
            margin:0 0 0 4px;
        }
/* Utility Classes
-------------------------------------*/
.label{
    font-size:13px;
    font-style:italic;
    color:#959595;
    display:block;
}
.value {
    font-size:18px;
}
/* price tags */
.price-tag-left .price,
.price-tag-right .price {
    font-size:22px;
    height:34px;
    line-height:34px;
    font-style:normal;
    position:relative;
    background:url(/img/bg_price_tag.png) no-repeat;
    white-space:nowrap;
}
.price-tag-left .price {
    background-position:top right;
    padding:0 10px 0 5px;
}
.price-tag-right .price {
    background-position:0 -35px;
    padding:0 5px 0 10px;
    float:left; /* !!!!!!!!!!??????????????? */
}
    .price-tag-left .price .triangle,
    .price-tag-right .price .triangle {
        width:10px;
        height:34px;
        background:url(/img/bg_price_tag.png) no-repeat;
        display:block;
        position: absolute;
        top:0;
    }
    .price-tag-left .price .triangle {
        background-position:0 0;
        left:-10px;
    }
    .price-tag-right .price .triangle {
        background-position:-240px -35px;
        right:-10px;
    }
/* overlay and modal window */
.overlay {
    background:rgba(0,0,0,.5);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000', EndColorStr='#80000000'); /* IE6,IE7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000', EndColorStr='#80000000'); /* IE6,IE7 */
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:9997;
    display:none;
/*    cursor:progress; */
}
    .modal {
        background:#fff url(/img/loading.gif) center center no-repeat;
        border-radius:15px;
        -moz-border-radius:15px;
        -webkit-border-radius:15px;
        position:fixed;
        left:50%;
        margin-left:-32%;
        top:25%;
        width:60%;
        cursor:auto;
        padding:30px;
    }
        .modal .close {
            position:absolute;
            font-size:12px;
            right:20px;
            top:10px;
            line-height:24px;
            cursor:pointer;
            color:#959595;
            text-transform:lowercase;
            z-index:9999;
        }
            .modal .close .cross {
                position:relative;
                top:.2em;
                left:-.25ex;
                font-size:2em;
                line-height:1;
                color:#ed1c24;
            }
        .modal .content {
            position:relative;
            z-index:9998;
            background:#fff;
        }
        .modal h1,
        .modal h2 {
            font-size:18px;
            font-weight:normal;
            line-height:1;
            margin:0 0 1em;
        }
        .modal .content p {
            margin:0 0 2.5em;
        }
        .modal .content {
            font-size:12px;
            line-height:1.8;
            margin:0 0 1em;
        }
        .modal .fieldset {
            border:0 none;
            overflow:hidden;
        }
            .modal .fieldset dt {
                font-size:18px;
                margin:0 0 .5em;
            }
            .modal .field {
                float:left;
                margin:.5em 1em 0 0;
                font-size:13px;
            }
                .modal .field form {
                    vertical-align:top;
                }
                .modal .field input.text {
                    width:45%;
                    margin:0 1em 0 0;
                    padding:.5em .25em .5em;
                }
/* Paginator
  -----------------------------------*/
#paginator {
}
    #paginator dt, 
    #paginator .page-number {
        line-height:28px;
        float:left;
        display: block;
    }
    #paginator dt{
        font-size:15px;
        margin-right:.25em;
    }
    #paginator .page-number {
        -moz-border-radius: 3px; /* FF1+ */
        -webkit-border-radius: 3px; /* Saf3+, Chrome */
        border-radius: 3px; /* Opera 10.5, IE 9 */
        padding:0 8px;
        margin:0;
        background-color:none;
        height:28px;
        vertical-align:middle;
        cursor:pointer;
    }
        #paginator .page-number:hover {
            background-color:#fdf9cd;
        }
        #paginator .page-number a {
            line-height:1;
            font-size:18px;
            color:#252525;
            border-bottom-color:#252525;
        }
        #paginator .page-number:hover a {
            border-bottom:none;
            color:#636363;
        }
/* decorated blocks
 * by http://chikuyonok.ru/2009/10/decor/

<div class="decorated">
    <div class="wrap">
        <div class="crnr tl"></div>
        <div class="crnr tr"></div>
    </div>
    <div class="crnr bl"></div>
    <div class="crnr br"></div>
</div><!-- /.decorated -->

-------------------------------------*/
.decorated {
    position:relative;
}
    .decorated .wrap {
        position:relative;
        overflow:hidden;
        width:100%;
        padding:40px 41px 0;
        margin:0 -15px 0;
    }
    .decorated .crnr {
        background:url(/img/bg_shadow_rounded.png) no-repeat;
        position:absolute;
        left:-27px;
        z-index:-1;
    }
    .decorated .tl,
    .decorated .bl {
        width:100%;
    }
    .decorated .tl,
    .decorated .tr {
        height:1200px;
        top:-31px;
    }
    .decorated .tr,
    .decorated .br {
        margin-left:100%;
        width:27px;
    }
    .decorated .bl {
        clip:rect(auto auto auto 27px);
        left:-42px;
        padding-right:81px;
    }
    .decorated .bl,
    .decorated .br {
        height:31px;
    }
    .decorated .br {
        left:39px;
    }
/* buttons
-------------------------------------*/
.hidden {
    display:none!important;
}
.button {
    background:left top no-repeat;
    display:inline-block;
    position:relative;
    letter-spacing:1px;
    border:0 none;
    color:#fff;
    text-shadow:#00a651 0 -1px 0;
    margin:0 18px 0 0;
}
    .button .wrapper {
        background:right top no-repeat;
        display:block;
        position:relative;
    }
    .button .next,
    .button .prev {
        background:url(/img/bg_buttons_16_prev_next.png) right top no-repeat;
        width:16px;
        height:35px;
        position:absolute;
    }
    .button .prev {
        background-position:left top;
        width:17px;
        height:35px;
        position:absolute;
        left:-16px;
    }
    .button .next {
        right:-14px;
    }
.button.neg {
    background-position:left bottom;
    color:#363636;
    text-shadow:#fff 0 1px 0;
}
    .button.neg .wrapper {
        background-position:right bottom;
    }
/* button font-size 16px
-------------------------------------*/
.f16,
.f16 .wrapper {
    background-image:url(/img/bg_buttons_16.png);
}
/*.f16.style05 {
       background-position:left bottom;
    color:#363636;
    text-shadow:#fff 0 1px 0;
background:url(/img/s/grm2.gif) left top repeat-x;  height:23px; font-size:12px; padding-top:2px; padding-left:2px; padding-right:2px; border:0px;
}*/

.f16 {
    height:35px;
    line-height:35px;
    font-size:16px;
}
    .f16 .wrapper {
        padding:0 10px 0 8px;
        right:-2px;
    }
.f16.neg {
    background-position:left center;
}
    .f16.neg .wrapper {
        background-position:right center;
    }
/* store button */
.f16.buy {
    background-position:left top;
    color:#fff;
    text-shadow:#363636 0 -1px 0;
}
    .f16.buy .wrapper {
        background-position:right top;
    }
/* button font-size 12px
-------------------------------------*/
.f12,
.f12 .wrapper {
    background-image:url(/img/bg_buttons_12.png);
}
.f12 {
    height:25px;
    line-height:25px;
    font-size:12px;
}
    .f12 .wrapper {
        padding:0 6px 0 4px;
        right:-3px;
    }
/* tabs 
-------------------------------------*/
.tabs dt {
    float:left;
    cursor:pointer;
}
    .tabs dt.selected {
        display:none;
    }
.tabs dd {
    float:right;
    width:100%;
    margin-top:1em;
    margin-left:-100%;
    display:none;
}
    .tabs dd.selected {
        display:block;
    }
/* card
-------------------------------------*/
.card {
    position:relative;
    background:url(/img/bg_noise.gif) left top repeat;
}
    .card .dec {
        position:absolute;
        background:url(/img/bg_noise.gif) left top repeat;
        left:-50%;
        top:0;
        bottom:-1px;
        width:50%;
        border-bottom:1px solid #e1e1e1;
    }
    .card .wave-right {
        position:absolute;
        float:none;
        width:5px;
        right:-5px;
        top:0;
        bottom:0;
        background: url(/img/wave_right.gif) top left repeat-y;
    }
    .card .wave-right-sh {
        position:absolute;
        float:none;
        width:5px;
        right:-5px;
        top:28px;
        bottom:0;
        background: url(/img/wave_right_sh.gif) top left no-repeat;
    }
    .card .gradient-btm {
        position:absolute;
        float:none;
        width:50px;
        height:1px;
        right:0;
        bottom:-1px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAABCAIAAAATs2rlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpifPjwIQMDAyMjI5xE5iKLM+IATExMcAUQNqZ6NCvgFqGx4QAgwACnLwL/R/MbXAAAAABJRU5ErkJggg==') top left no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#ffffff', gradientType='1');
    }
/* table of contents list styling */
.toc {
    float:left;
    width:100%;
}
    .toc li,
    .toc dd{
        float:left;
        width:100%;
        background:url(/img/bg_toc.gif) left bottom repeat-x;
        margin:0 0 .5em;
    }   
        .toc .item,
        .toc .def {
            background:#fff;
            position:relative;
            bottom:-.2em;
        }
        .toc .item {
            float:left;
        }
        .toc .def {
            float:right;
        }
/* cover preview */
.small-cover {
    display:block;
    position:relative;
    border:0 none;
    overflow:hidden;
    width:68px;
    height:93px;
}
    .small-cover span {
        position:absolute;
        top:0;
        left:0;
        background:url(/img/book-cover.png) left top no-repeat;
        display:block;
        width:68px;
        height:93px;
        border:0 none;
    }
    .small-cover img {
        height:85px;
    }
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.tooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
   border: #F90 1px solid;
   background: #FF9;
   color: #333;
   padding: 5px;
   font-size: 1.1em;
}
span.selected{
	background: #ddd;
	padding: 3px;
}
#warn{
    background:#fcf7c0;
    width:60%;
    padding: 5px 10px;
    margin:-1em 0 1em 64px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.price .ruble {
    font-family:"ruble";
    margin-left:-.5ex;
}
.price .dot {
    text-indent:-999em;
    display:inline-block;
}
.choice .logo {
}
.choice .field {
    height:24px;
    line-height:24px;
    margin-top:5px; 
}

.choice .visa,
.choice .mastercard,
.choice .sb{
    background:url(/img/logo_payment.png) no-repeat;
    height:24px;
    display:inline-block;
    text-indent:-9878px;
}
.choice .visa {
    background-position: 0 0;
    width:50px;
}
.choice .mastercard {
    background-position:-53px 0;
    width:40px;
}
.choice .sb {
    background-position:-98px 0;
    width:106px;
}
.choice .blocked {
    color:#636363;
}
.choice .blocked .notification {
    font-style:italic;
}


/* Журнал */
.journal {margin-left:500px; padding-top:40px; position:relative; padding-right:60px;}

.journal .special_price strong {background:url(/img/price.png); width:83px; line-height:42px; height:40px; float:left; text-align:center; font-size:26px; text-indent:-25px; font-weight:normal; overflow:hidden;}
.journal .special_price em {font-size:18px; line-height:20px; margin-left:95px; display:block;}
.journal .special_price p {clear:both; font-size:11px; line-height:16px; font-style:italic; margin:15px 0;}

.journal p {font-size:13px; line-height:18px; margin-bottom:18px;}

.journal h1 {margin:4px 0 4px -30px; font-size:24px; line-height:30px; font-weight:normal;}
.journal h3 {margin-left:-30px; font-size:18px; line-height:34px; font-weight:normal; font-style:italic;}

.journal h2 {font-size:22px; font-weight:normal; margin-top:20px;}

.journal ul {line-height:20px; font-size:14px; line-height:16px; margin-top:20px;}
.journal li {margin-bottom:10px; list-style:outside square; margin-left:15px;}
.journal li em {color:#7d7d7d;}

.journal .note {margin:30px 0;}
.journal .note p {font-size:11px; line-height:14px;}

.journal .cover {position:absolute; top:0px; left:-500px; width:480px; text-align:center;}
.journal .cover img {position:relative; left:-40px;}
.journal .cover .buy {background:url(/img/buy.png); width:162px; height:35px; display:block; margin:0 auto; overflow:hidden; text-indent:-500px; position:relative; top:10px; left:-20px; outline:none;}
.journal .cover a {border-bottom: 0px solid #0072BC;}
.journal a {border-bottom: 0px solid #0072BC;}
.b-share__handle {border-bottom: 0px solid #0072BC;}

.c1 {width:37.5%; padding-left:580px;}
.c2 {margin-left:-580px; min-width:995px;}

/* Приветсвие перед формой перевода */
.form_begin_perevod {font-size:14px; line-height:20px; margin:20px 30px 40px 69px;}
.form_begin_perevod p {margin-bottom:20px;}
.form_begin_perevod h4 {font-size:14px; line-height:20px; margin-bottom:10px;}
.form_begin_perevod ol  {padding:0 0 9px 0; list-style-type: decimal;}
.form_begin_perevod li {font-size:12px; line-height:18px; margin:0 0 9px 18px;}
.form_begin_perevod .next {background:url(/img/next.png); height:35px; width:269px; display:block; overflow:hidden; text-indent:-300px; margin-top:20px;}

/* Форма перевода */
.form_perevod {line-height:18px; margin:10px 0 0 69px; padding-right:60px;}
.form_perevod h2 {font-size:22px; line-height:20px; font-weight:normal;}
.form_perevod p {font-size:14px; line-height:20px; margin:20px 0 -10px;}
.form_perevod strong {font-size:14px; margin:25px 0 4px;}
.form_perevod .text input {width:350px; margin-top: 8px;}
.form_perevod em {font-size:13px; display:block; position:relative; top:-4px;}
.form_perevod textarea {width:490px; height:135px; padding:3px;}
.form_perevod .radio {font-size:12px;}
.form_perevod .send {background:url(/img/send.png); height:35px; width:129px; display:block; overflow:hidden; text-indent:-300px; margin-top:20px;} 

.thanx p {font-size:14px; line-height:20px; margin-left:63px;}