body {margin: 0px; padding: 0px; background: #ffffff; color: #333333;}





table {margin: 0px; padding: 0px; background: none; border-collapse: collapse; border: none;}





tr {margin: 0px; padding: 0px; background: none; border: none;}





td {margin: 0px; padding: 0px; text-align: left; vertical-align: top; background: none; border: none;}





img {margin: 0px; padding: 0px; background: none; border: none;}





div {margin: 0px; padding: 0px; text-align: left; vertical-align: top; background: none; border: none;}





p {font-family: times new roman, serif; font-size: 90%; line-height: 1.5; color: #333333;}





li {font-family: times new roman, serif; font-size: 90%; line-height: 1.5; color: #333333;}

li li {font-family: times new roman, serif; font-size: 100%; line-height: 1.5; color: #333333;}

p li {font-family: times new roman, serif; font-size: 100%; line-height: 1.5; color: #333333;}



p.ListItem {padding: 0px 0px 0px 1.2em; text-indent: -1.2em;}



table.BookPreviewBlock {margin: 0px 0px 15px 0px;}
table.BookPreviewBlock td.BookPreview {width: 100px; height: 100px; vertical-align: top; text-align: center;}
table.BookPreviewBlock td.BookDescription {padding: 0px 0px 0px 10px; vertical-align: top;}



h1 {font-family: arial, sans-serif; font-size: 160%; font-weight: normal; line-height: 1.0; color: #333333;}

h2 {font-family: times new roman, serif; font-size: 140%; font-weight: normal; line-height: 1.0; color: #333333;}

h3 {font-family: arial, sans-serif; font-size: 95%; font-weight: normal; line-height: 1.1; color: #333333;}



span.DropCap {font-size: 500%; font-weight: normal; line-height: 0.9;}




a {color: #0066cc; text-decoration: underline;}




div.HeadBlock {width: 100%; height: 305px; font-size: 1%; background: url(/Graphics/HeadWood.jpg) left bottom repeat-x #ebba5b; overflow: hidden;}
table.Head {width: 100%; height: 293px; overflow: hidden;}
table.Head td.LogotypeBlock {width: 15%; background: url(/Graphics/HeadBooksWithLogotype.jpg) left top no-repeat;}
table.Head td.LogotypeBlock img.Spacer {width: 366px; height: 1px;}

img.LogotypeGraniT {position: absolute; z-index: 2000; left: 151px; top: 14px; width: 75px; height: 149px;}

img.LogotypeTitleUKR {position: absolute; z-index: 2000; left: 80px; top: 215px; width: 218px; height: 56px;}
img.LogotypeTitleRUS {position: absolute; z-index: 2000; left: 79px; top: 215px; width: 220px; height: 56px;}
img.LogotypeTitleENG {position: absolute; z-index: 2000; left: 56px; top: 215px; width: 266px; height: 57px;}

table.Head td.BooksBlock {width: 85%; font-size: 1%; overflow: hidden;}

img.PaperShadowTop {width: 100%; height: 12px; background: url(/Graphics/HeadPaperShadow.png) left top no-repeat; // background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Graphics/HeadPaperShadow.png', sizingMethod='crop');}



div.PencilGrey {position: absolute; left: 351px; top: 367px; z-index: 2000; width: 90px; height: 660px; background: url(/Graphics/PencilGrey.jpg) left top no-repeat;}
div.PencilGray {position: absolute; left: 351px; top: 367px; z-index: 2000; width: 90px; height: 660px; background: url(/Graphics/PencilGrey.jpg) left top no-repeat;}
div.PencilRed {position: absolute; left: 351px; top: 367px; z-index: 2000; width: 90px; height: 660px; background: url(/Graphics/PencilRed.jpg) left top no-repeat;}



table.Body {width: 100%; background: url(/Graphics/Paper.jpg) left top #f6f3ef;}
table.Body td.LeftColumn {width: 15%; background: url(/Graphics/PaperLeft.jpg) right top repeat-y;}
table.Body td.LeftColumn img.Spacer {width: 366px; height: 1px;}
table.Body td.RightColumn {padding: 20px 0px 0px 0px; width: 85%; background: url(/Graphics/PaperRight.jpg) left top repeat-y;}


table.MenuBlock {margin: 35px 0px; width: 406px; height: 200px;}
table.MenuBlock td.Languages {width: 50px; vertical-align: bottom; text-align: center;}
table.MenuBlock td.Languages img {margin: 0px 0px 0px 2px;}
table.MenuBlock td.Menu {width: 256px; vertical-align: bottom; text-align: center; font-size: 1%;}
table.MenuBlock td.Menu img {margin: 0px 0px 0px 2px;}
table.MenuBlock td.RightSpacer {width: 70px; vertical-align: bottom; text-align: center;}



div.SubMenuBlock {margin: 35px 0px;}
table.SubMenuItem {margin: 5px 0px 0px 0px; width: 250px; background: url(/Graphics/SubMenuDot.gif) right bottom repeat-x;}
table.SubMenuItem td.Link {padding: 0px 0px 1px 0px; width: 230px;}
table.SubMenuItem td.Number {padding: 0px 0px 1px 0px; width: 20px; vertical-align: bottom; text-align: right;}



div.Breadcrumbs {margin: 0px 0px -20px; padding: 10px 80px 10px 80px; font-family: tahoma, sans-serif; font-size: 60%; color: #666666; background: url(/Graphics/BreadcrumbsBack.jpg) left top repeat-y #ece9e4;}

table.ContentsBlock {margin: 35px 0px 80px 0px; width: 100%;}

table.ContentsBlock td.LeftSpacer {width: 80px; font-size: 1%;}
table.ContentsBlock td.LeftSpacer img.Spacer {width: 80px; height: 1px;}
table.ContentsBlock td.LeftSpacer img.SpacerH {width: 1px; height: 700px;}
table.ContentsBlock td.Contents {width: 92%;}
table.ContentsBlock td.RightSpacer {width: 80px;}
table.ContentsBlock td.RightSpacer img.Spacer {width: 80px; height: 1px;}



table.BookPreview {width: 100%; margin: 20px 0px 10px 0px;}
table.BookPreview td.PhotoBlock {width: 5%; font-size: 90%;}
table.BookPreview td.AbstractBlock {padding: 0px 20px 0px 20px;}

div.Abstract {padding: 2px 50px 5px 30px; font-family: times new roman, serif; font-size: 130%; background: url(/Graphics/PaperDark.jpg) left top #efebe5;}
div.Abstract span.DropCap {font-size: 280%; font-weight: normal; line-height: 1.1;}


div.NewsPreview {padding: 11px; margin: 0px 0px 0px -11px;}
div.NewsPreview img {margin: 0px 15px 10px 0px; width: 100px; height: 100px; float: left;}
div.NewsPreview h2 {margin-top: 0px;}

div.NewsPreviewDark {padding: 11px; margin: 0px 0px 0px -11px; background: url(/Graphics/PaperDark.jpg) left top #efebe5;}
div.NewsPreviewDark img {margin: 0px 15px 10px 0px; width: 100px; height: 100px; float: left;}
div.NewsPreviewDark h2 {margin-top: 0px;}


.Date {font-family: tahoma, sans-serif; font-size: 70%; color: #666666;}


img.NewsPhoto {margin: 0.4em 20px 12px 0px; float: left;}


table.NewsArchive {width: 100%;}
table.NewsArchive td.NewsPiece {padding: 0px 0px 2em 0px; width: 49%;}
table.NewsArchive td.Spacer {width: 2%;}
table.NewsArchive td.Spacer img {width: 30px; height: 1px;}



div.BottomBlock {width: 100%; height: 149px; text-align: left; font-size: 1%; background: url(/Graphics/BottomWood.jpg) left top repeat-x #f5d382;}

img.PaperShadowBottom {width: 100%; height: 13px; background: url(/Graphics/BottomPaperShadow.png) left top no-repeat; // background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Graphics/BottomPaperShadow.png', sizingMethod='crop');}

table.Bottom {margin: 0px 0px 13px 0px; width: 100%;}

table.Bottom td.CopyrightBlock {width: 15%; height: 120px; text-align: center; vertical-align: middle; font-family: tahoma, sans-serif; font-size: 70%; color: #333333;}
table.Bottom td.CopyrightBlock img.Spacer {width: 366px; height: 1px;}
table.Bottom td.CopyrightBlock img.Copyright {margin: 0px 5px 2px 0px; width: 22px; height: 22px; vertical-align: middle;}
table.Bottom td.CopyrightBlock a {color: #000000;}

table.Bottom td.ContactsBlock {width: 45%; height: 120px; vertical-align: middle;}
table.Bottom td.ContactsBlock div.Contacts {padding: 0px 0px 0px 80px; text-align: left; vertical-align: middle; font-family: tahoma, sans-serif; font-size: 70%; color: #333333;}
table.Bottom td.ContactsBlock div.Contacts img.Phone {margin: 2px 0px 0px 0px; width: 223px; height: 16px;}
table.Bottom td.ContactsBlock div.Contacts a {color: #000000;}

table.Bottom td.DesignedByBlock {width: 40%; height: 120px; vertical-align: middle;}
table.Bottom td.DesignedByBlock div.DesignedBy {padding: 0px 80px 0px 80px; text-align: left; vertical-align: middle; font-family: arial, sans-serif; font-size: 70%; color: #333333;}
table.Bottom td.DesignedByBlock div.DesignedBy img.LogotypeDBabych {margin: 0px 0px 5px 0px; width: 97px; height: 32px;}
table.Bottom td.DesignedByBlock div.DesignedBy a {color: #000000;}




div.BottomColorsBlock {width: 100%; height: 80px; text-align: right; font-size: 1%; background: url(/Graphics/BottomPaper.jpg) left top repeat-x;}
div.BottomColorsBlock div.Counters {width:100%; height:80px; background:url(/Graphics/BottomColors.gif) right bottom no-repeat;}
div.BottomColorsBlock div.Counters div {padding:20px 0px 0px 75px;}
div.BottomColorsBlock div.Counters div img {margin-right:6px; margin-bottom:6px;}
div.BottomColorsBlock img.BottomColors {width: 674px; height: 80px;}

.BooksScroll {font-size: 120%;}


table.add-comments-form {
	margin-top: 10px;
}
table.add-comments-form tr td {
	padding: 5px 15px 8px 0px;
}
table.add-comments-form tr td .text {
	font-family: Times New Roman, serif;
	font-size: 14px;
	width: 50%;
}
table.add-comments-form tr td .textarea {
	font-family: Times New Roman, serif;
	font-size: 14px;
	width: 100%;
}

/* Calendar styles */
.CALcpYearNavigation,
	.CALcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.CALcpDayColumnHeader,
	.CALcpYearNavigation,
	.CALcpMonthNavigation,
	.CALcpCurrentMonthDate,
	.CALcpCurrentMonthDateDisabled,
	.CALcpOtherMonthDate,
	.CALcpOtherMonthDateDisabled,
	.CALcpCurrentDate,
	.CALcpCurrentDateDisabled,
	.CALcpTodayText,
	.CALcpTodayTextDisabled,
	.CALcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.CALcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0 0 1 0;
			}
	.CALcpCurrentMonthDate,
	.CALcpOtherMonthDate,
	.CALcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.CALcpCurrentMonthDateDisabled,
	.CALcpOtherMonthDateDisabled,
	.CALcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.CALcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.CALcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.CALcpOtherMonthDate
			{
			color:#808080;
			}
	TD.CALcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1;
			border:solid thin #000000;
			}
	TD.CALcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.CALcpTodayText,
	TD.CALcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			}
	A.CALcpTodayText,
	SPAN.CALcpTodayTextDisabled
			{
			height:20px;
			}
	A.CALcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.CALcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.CALcpBorder
			{
			border:solid thin #6677DD;
			}



/*

* {border: solid 1px #000000;}

*/


div.vote_block {margin: 10px 0px 0px 0px; font-family: arial, sans-serif; font-size: 12px; line-height: 16px; color: #333333; vertical-align: middle;}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(/graphics/star_rating2.gif) left -1000px repeat-x;
}
.star-rating{
display: inline-block;
vertical-align: middle;
position:relative;
width:100px;
height:15px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:15px;
line-height:15px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}