html,body {
        margin: 0;
        padding: 0;
        width:100%; /* :: */
        height:100%; /* :: */
        background-color: #ffffff;
        text-align: center; /*IE5*/ }

html,body{height:100%;}

*html{overflow:hidden;}
*html #global{height:100%;overflow:auto;}
*html div#basket{position:absolute;}

#global {
        position: relative;
        width: 1000px;    
/*        width: 100%;     */
        margin-left: auto;
        margin-right: auto;
        text-align: left; /*IE5*/ 
}

#header {
        position: relative;
        width: 1000px;
        height: 311px;
        left: 0px;
        overflow: hidden;}
#head_bg1 {
        position: absolute;
        width: 24px;
        height: 232px;
        background: url('img/1.jpg') no-repeat left top;}
#header_top {
        position: relative;
        width: 970px;
        height: 232px;
        left: 24px;
        background: url('img/2.jpg') no-repeat left top;}
#head_bg2 {
        position: relative;
        width: 188px;
        height: 32px;
        left: 24px;
        padding: 5px 0px 0px 10px;
        background: url('img/4.jpg') no-repeat left top;}
#head_bg2 a {
        color: #7c6559;
        font: 10px tahoma, verdana, sans-serif;
        text-decoration: none;
}
#head_bg2 a:hover {
        color: #7c6559;
        text-decoration: underline;
}

#header_menu {
        position: absolute;
        width: 772px;
        height: 32px;
        top: 232px;
        left: 212px;
        padding: 7px 0px 0px 0px;
        text-align: center;
        background-color: #ae4c1c;}
#header_menu a {
        color: #fdf3e9;
        font: normal bold 14px tahoma, verdana, sans-serif;
                margin: 0px 33px 0px 0px;
        text-decoration: none;}
#header_menu a:hover {
        color: #ffffff;
        text-decoration: underline;}


#head_bg3 {
        position: absolute;
        width: 10px;
        height: 32px;
        left: 984px;
        top: 232px;
        background: url('img/6.jpg') no-repeat left top;}
#head_bg4 {
        position: absolute;
        width: 970px;
        height: 47px;
        left: 24px;
        top: 264px;
        background: url('img/7.jpg') no-repeat left top;}


#menu {
        position: relative;
        float: left;
        left: -1%;
        top: 0px;
        margin-left:-963px;
        }
#authors {
        border-bottom: solid 1px #bdbbbe;
        position: relative;
        width: 140px;
        height: 25px;
        left: 0px;
        top: 0px;
        color: #ffffff;
        font: bold 12px verdana, tahoma, sans-serif;
        padding: 3px 0px 0px 9px;
        margin-bottom: 28px;
        background: url('img/name_bg.gif') no-repeat left top;}
#menu_data {
position: relative;
/*        position: absolute;*/
min-height: 300px;
/*height: 300px;*/
width: 140px;
left: 0px;
/*        top: 50px;*/
}

#menu_data ul.ul1 {
        width: 140px;
        display: block;
        border-bottom: solid 1px #bdbbbe;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 30px 0px;
        font: 13px verdana, tahoma, sans-serif;
        list-style-type: none;}
#menu_data ul.ul2 {
        width: 140px;
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
        font: 13px verdana, tahoma, sans-serif;
        list-style-type: none;
}
#menu_data ul li {
        position: relative;
        margin: 0px 0px 4px 0px;
        font: 10px verdana, tahoma, sans-serif;}
#menu_data a {
        color: #555555;
        font: 13px verdana, tahoma, sans-serif;
        text-decoration: none;}
#menu_data a:hover {
        color: #363333;
        text-decoration: underline;}

#loginform {
position: relative;
        margin: 15px 0px 0px 0px;
        width: 140px;
        height: 50px;
        left: 0px;}
.formtext {
        color: #555555;
        font: 10px tahoma, verdana, sans-serif;
        background-color: #ffffff;
        margin: 0px 0px 0px 0px;}
.tableform {
        color: #555555;
        font: 10px verdana, tahoma, sans-serif;
        background-color: #ffffff;}
#loginform a {
        color: #555555;
        font: 10px verdana, tahoma, sans-serif;
        text-decoration: none;}
#loginform a:hover {
        color: #363333;
        font: 10px verdana, tahoma, sans-serif;
        text-decoration: underline;}


#girlplace {
/* пустое место, куда поместится девочка, если остальные колонки окажутся очень короткими */
        position: relative;
        width: 178px;
        height: 305px;
        left: 0px;
}

#girl {
/*border: solid 1px yellow;*/
        position: absolute;
        width: 178px;
        height: 305px;
        left: 24px;
        top: -210px;
        background: url('img/girl.jpg') no-repeat left bottom;}


#center {
        position: relative;
        margin-left: 202px;
        width: 455px;}

#mainblock {
/*border: solid 1px red;*/
        position: relative;
        float: left;}
#textblockname {
        border-bottom: solid 1px #bdbbbe;
        position: absolute;
        width: 785px;
        height: 25px;
        left: 0px;
        top: 0px;
        color: #ffffff;
        font: bold 11px verdana, tahoma, sans-serif;
        padding: 4px 0px 0px 10px;
        background: url('img/name_bg2.gif') no-repeat left top;}
#textblockname a {
        color: #ebf2e4;
        text-decoration: none;}
#textblockname a:hover {
        color: #ffffff;
        text-decoration: underline;}

#textblock {
        position: relative;
        width: 790px;
        left: 0px;
        top: 25px;
        padding: 30px 0px 130px 0px;}
h1.text1 {
        margin: 0px 0px 20px 0px;
        color: #376d31;
        font: normal bold 15px verdana, tahoma, sans-serif;}
h2.text1 {
        margin: 0px 0px 17px 0px;
        color: #555555;
        font: normal bold 14px tahoma, verdana, sans-serif;}
h3.text1 {
        margin: 0px 0px 20px 0px;
        color: #376d31;
        font: normal bold 13px verdana, tahoma, sans-serif;}
h3.text2 {
        margin: 25px 0px 15px 0px;
        color: #376d31;
        font: normal bold 13px verdana, tahoma, sans-serif;}
h4.text1 {
        margin: 0px 0px 15px 0px;
        color: #363333;
        font: normal bold 13px verdana, tahoma, sans-serif;}
h5.text1 {
        margin: 0px 0px 10px 0px;
        color: #4d4747;
        font: normal bold 12px tahoma, verdana, sans-serif;}
.textmain a {
        color: #316d3a;
        text-decoration: underline;}
.textmain a:hover {
        color: #19401e;
        text-decoration: underline;
}

.pages {
    position: relative;
        width: 120px;
margin-top: 15px;
left: 50%;
margin-left: -60px;
text-align: center;
        font: normal bold 11px verdana, tahoma, sans-serif;
}
.pages a {
        color: #316d3a;
        text-decoration: none;
}
.pages a:hover {
        color: #19401e;
        text-decoration: underline;
}
.pages a:active {
        color: #2f5d35;
        text-decoration: underline;
}

#textblock p {
        margin: 0px 0px 15px 0px;
        text-align: justify;
display: block;
        color: #363333;
        font: 12px verdana, tahoma, sans-serif;}
#textblock ol {
        margin: 0px 0px 15px 0px;
        padding: 0px 0px 0px 30px;
        color: #363333;
        font: 12px verdana, tahoma, sans-serif;}
#textblock ol li {
        margin: 0px 0px 6px 0px;
        font: 12px verdana, tahoma, sans-serif;}
ul.listbook {
        margin: 0px 0px 30px 0px;
        padding: 0px 0px 0px 0px;
        color: #363333;
        list-style-type: none;
        font: 12px verdana, tahoma, sans-serif;}
ul.listbook2 {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #295d15;
        list-style-type: none;
        font: 12px verdana, tahoma, sans-serif;}
ul.listbook3 {
        margin: 5px 0px 15px 0px;
        padding: 0px 0px 0px 30px;
        color: #295d15;
        list-style-type: none;
        font: 12px verdana, tahoma, sans-serif;}
ul.listbook4 {
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 15px;
        color: #363333;
        list-style-type: square;
        font: 12px verdana, tahoma, sans-serif;}
ul li {
        margin: 0px 0px 3px 0px;
        font: 12px verdana, tahoma, sans-serif;}
li a {
        color: #316d3a;
        text-decoration: underline;}
li a:hover {
        color: #19401e;
        text-decoration: underline;}

.textbox {
    border-bottom: solid 1px #bdbbbe;
    position: relative;
    width: 790px;
    right: 0px;
    padding: 0px 0px 20px 0px;}

.textbox img {
/*border: solid 1px #6c803c; */
    padding: 3px;
    background-color: #ffffff;
}

.textbox a {
        color: #316d3a;
        text-decoration: none;
}
.textbox a:hover {
        color: #19401e;
        text-decoration: underline;
}
.textbox a:active {
        color: #2f5d35;
        text-decoration: underline;
}

.textmain {
    width: 670px;
    right: 0px;}
div.container1 {
    overflow: hidden;
height: 100%;
    padding-bottom: 20px;
}

#table2 {
    border: solid 1px #5a673b;
}
.table3 {
    border: solid 1px #5a673b;
        margin: 13px 0px 0px 0px;
        color: #363333;
        font: 12px verdana, tahoma, sans-serif;
}

.pic1 {
float: left;
top: 3px; 
    background-color: #ffffff;
}
.descript1 {
top: 0px;
float: right;
margin-right: 50px;
    width: 380px;
}
.descript2 {
    border-bottom: solid 1px #bdbbbe;
position: relative;
    width: 790px;
    padding: 0px 0px 10px 0px;
}

.book_oglav {
/*    border: solid 1px red; */
    border-right: solid 1px #bdbbbe;
top: 0px;
    left: 0px;
    width: 365px;
float: left;
    margin: 0px 0px 0px 0px;
    padding: 20px 15px 20px 0px;
}
.book_text {
    border-left: solid 1px #bdbbbe;
    top: 0px;
    width: 390px;
    margin: 0px 0px 0px 380px;
    padding: 20px 0px 20px 15px;
}

.totop {
color: #316d3a;
text-align: center;
margin: 20px 0px 0px 0px;
font: 12px verdana, tahoma, sans-serif}
.totop a {
color: #316d3a;
font: 12px verdana, tahoma, sans-serif;
text-decoration: none}
.totop a:hover {
color: #19401e;
font: 12px verdana, tahoma, sans-serif;
text-decoration: underline}

.pic_o {
/*border: solid 1px #9a5c2f;  */
    padding: 3px;
    background-color: #ffffff;
}
.pic2 {
border: solid 1px #6c803c;
    margin: 3px 20px 15px 0px;
    float: left;}


.seriesbox {
        border-bottom: solid 1px #bdbbbe;
        position: relative;
        width: 790px;
        right: 0px;
        padding: 20px 0px 0px 0px;}
.seriesmain {
    width: 670px;
vertical-align: top;
overflow: hidden; 
height: 100%;
right: 0px;
    padding-bottom: 15px;
}
.seriesmain h2 {
    margin: 0px 0px 3px 0px;
    color: #723e24;
    font: normal bold 13px tahoma, verdana, sans-serif;}
.seriesmain h3 {
        margin: 0px 0px 10px 0px;
        color: #555555;
        font: 12px verdana, tahoma, sans-serif;}
.seriesmain h2 a {
        color: #316d3a;
        text-decoration: underline;}
.seriesmain h2 a:hover {
        color: #19401e;
        text-decoration: underline;}
.seriesmain a {
        color: #316d3a;
        text-decoration: underline;}
.seriesmain a:hover {
        color: #19401e;
        text-decoration: underline;}
.seriesmain img {
        margin: 0px 30px 0px 0px;
        float: left;}
.seriesprice {
        position: absolute;
top: 50px;
        right: 0px;
        width: 90px;
text-align: right;
        color: #555555;
        font: normal bold 13px verdana, tahoma, sans-serif;}
.seriesprice2 {
        position: absolute;
top: 2px;
        right: 0px;
        width: 120px;
text-align: right;
        color: #555555;
        font: normal bold 13px verdana, tahoma, sans-serif;}
.tobuy {
        position: absolute;
        width: 75px;
        height: 22px;
        right: 0px;
        top: 75px;
text-align: center;
padding-top: 3px;
        color: #ffffff;
        font: bold 11px verdana, tahoma, sans-serif;
        background: url('img/name_bg3.gif') no-repeat left top;}
.tobuy a {
        color: #ebf2e4;
        text-decoration: none;}
.tobuy a:hover {
        color: #ffffff;
        text-decoration: underline;}
.tobuy2 {
        position: absolute;
        width: 75px;
        height: 22px;
        right: 0px;
        top: 27px;
text-align: center;
padding-top: 3px;
        color: #ffffff;
        font: bold 11px verdana, tahoma, sans-serif;
        background: url('img/name_bg3.gif') no-repeat left top;}
.tobuy2 a {
        color: #ebf2e4;
        text-decoration: none;}
.tobuy2 a:hover {
        color: #ffffff;
        text-decoration: underline;}

.tochange {
    position: relative;
        width: 100px;
        height: 22px;
float: right;
margin-top: 15px;
text-align: center;
padding-top: 3px;
cursor: pointer;
cursor: hand;
        color: #ffffff;
        font: bold 11px verdana, tahoma, sans-serif;
        background: url('img/name_bg4.gif') no-repeat left top;}
.sendorder {
        width: 130px;
        height: 22px;
float: right;
text-align: center;
margin-top: 10px;
padding-top: 3px;
        color: #ffffff;
cursor: pointer;
cursor: hand;
        font: bold 11px verdana, tahoma, sans-serif;
        background: url('img/name_bg5.gif') no-repeat left top;}

#fio {
    position: relative;
margin-top: 100px;
width: 790px;
color: #555555;
font: 12px verdana, tahoma, sans-serif;
}
.payform {
color: #555555;
font: 12px verdana, tahoma, sans-serif;
background-color: #f6faec;
}
.prim {
font: 11px verdana, tahoma, sans-serif;
}

#basket {
border: solid 1px #984014;
z-index: 1000;
position: fixed;
width: 300px;
top: 35px; 
left: 50%;
margin-left: 185px;
background-color: #f3eeeb;
}

#basketname {
color: #663015;
text-align: left;
    margin: 0px 0px 25px 6px;
    font: normal bold 14px verdana, tahoma, sans-serif;}

#x {
    position: relative;
top: 6px; 
left: 195px; 
text-align: right;
    margin: 0px 5px 7px 5px;
    font: normal bold 13px verdana, tahoma, sans-serif;}
#baskettable {
    position: relative;
top: -20px; 
text-align: left;
    margin: 0px 5px 0px 5px;
background-color: #f8f4f1;}
.tabletitle {
font: 11px  verdana, tahoma, sans-serif;
color: #fff;
text-align: center;
background-color: #984014}
.tabletitle2 {
font: 12px  verdana, tahoma, sans-serif;
color: #fff;
text-align: center;
background-color: #5a673b}
.tableline {
font: 11px verdana, tahoma, sans-serif;
color: #493126;
vertical-align: top;
background-color: #f5e0d5}
.tableline2 {
font: 12px verdana, tahoma, sans-serif;
color: #33362c;
vertical-align: top;
background-color: #f6faec}
.tableline3 {
font: normal bold 12px verdana, tahoma, sans-serif;
color: #33362c;
vertical-align: top;
background-color: #dee5d0}
.basketform {
text-align: center;
    color: #555555;
font: 11px  verdana, tahoma, sans-serif;
    background-color: #ffffff;}
#summ {
text-align: center;
color: #fff;
font: normal bold 12px  verdana, tahoma, sans-serif;
    background-color: #984014;}
#basket a {
    color: #663015;
    text-decoration: none}
#basket a:hover {
    color: #bd4306;
    text-decoration: none}
#order {
    position: relative;
top: -10px; 
text-align: center;
    font: normal bold 12px verdana, tahoma, sans-serif;}



#bottom {
    position: relative;
    clear: both;
/*margin-top: 42px;*/
                }

#btmmenu {
                position: relative;
        width: 792px;
        height: 22px;
        left: 202px;
        top: 30px;
        text-align: center;
        color: #ffffff;
        font: 12px verdana, tahoma, sans-serif;
/*        margin-top: 42px; */
        padding: 3px 0px 0px 0px;
        background: url('img/btmmenu_bg.gif') no-repeat left top;}
#btmmenu a {
        color: #ffffff;
        font: 12px verdana, tahoma, sans-serif;
                margin: 0px 13px 0px 13px;
        text-decoration: none;}
#btmmenu a:hover {
        color: #ffffff;
        text-decoration: underline;}

#footer {
        position: relative;
        width: 970px;
        height: 120px;
        left: 24px;
        top: 40px;
        }

#author {
                position: absolute;
        width: 280px;
        height: 20px;
        left: 0px;
        color: #838b9b;
        font: 10px verdana, tahoma, sans-serif;
        margin: 80px 0px 0px 0px;}
#author a {
        color: #404e6b;
        font: 10px verdana, tahoma, sans-serif;
        text-decoration: none;}
#author a:hover {
        color: #404e6b;
        text-decoration: underline;}
#links {
                position: absolute;
                left: 40%; /* Положение слоя от левого края */
                margin-left: -50px;
                width: 150px;
        height: 20px;
                text-align: center;
        color: #838b9b;
        font: 10px verdana, tahoma, sans-serif;
        margin: 80px 0px 0px 0px;}
#links a {
        color: #404e6b;
        font: 10px verdana, tahoma, sans-serif;
        text-decoration: none;}
#links a:hover {
        color: #404e6b;
        text-decoration: underline;}

#counter {
                position: absolute;
                right: 0px;
        width: 300px;
        height: 35px;
                text-align: right;
        margin: 70px 0px 0px 0px;}
#counter img {
        margin: 0px 0px 0px 7px;}

.hr {
        color: #fdf3e9;
        font: normal bold 14px tahoma, verdana, sans-serif;
        margin: 0px 33px 0px 0px;
}
.br {
        color: #ffffff;
        font: 12px verdana, tahoma, sans-serif;
                margin: 0px 13px 0px 13px;
}