/* =====================================default styles reset==================================== */
body{width:100%;height:100%;padding:0;margin:0;color:#000;background:#fff;font-size: 13px;}
html{width:100%;height:100%;font-family:Tahoma,Verdana,Arial,sans-serif;}

p {margin:0 0 13px 0;}
dfn,var,address,i {font-style:normal;}
a{color:#0057a5;text-decoration:underline;}
a:hover {text-decoration:none;}   
a img{border:none;}

ul{margin:0 0 8px 0;list-style: none;padding: 0;}
ul li{padding:0 0 0 11px;background:none;}
td{padding:0;vertical-align:top;}

form {margin:0px;}
input,select,label,textarea,button {margin:0;}
input.text,textarea {padding:2px 8px;border:1px solid #cfcfcf;font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#000;background:#fff;}
input.submit,button {font:12px Tahoma, Arial, Verdana, Helvetica, sans-serif;cursor:pointer;}
input.checkbox {width:14px;height:14px;margin:0;padding:0;}

.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:0px;clear:both;overflow:hidden;display:block;}

/*=========================================typography============================================*/
h1,h2,h3,h4,h5,h6{margin:0;font-family:Tahoma,Verdana,Arial,sans-serif;} 
h1 {
	padding:7px 0 12px 0px;
	font-size:22px;
	color:#333;
	font-weight:normal;
}
h2 {
	padding:7px 0 12px 0px;
	font-size:18px;
	color:#333;
	font-weight:normal;
}
h3 {
	padding:7px 0 12px 0px;
	font-size:1.5em;
	color:#001b3c;
	font-weight:normal;
}
h4 {
	padding:7px 0 12px 0px;
	font-size:1.17em;
	color:#001b3c;
	font-weight:bold;
}
table.useful {
	width: 100%;
	border-collapse: collapse;
}
table.useful th {
	padding: 5px;
	vertical-align: middle;
	border:1px solid #C9C9C9;
	background:#d4d5d7;
}
table.useful td {
	padding: 5px;
	vertical-align: top;
	border:1px solid #C9C9C9;
}
table.useful tr.param td {background:#e8e9ec;}

/*===============================================wrap=============================================== */
#wraps {
	max-width: 1034px;
	min-height: 100%;
	min-width: 1000px;
	overflow: hidden;
	position: relative;
	top:10px;
	margin: 0 auto;
	background: url('images/bg/wrap.png') repeat-y 50% 0 #fff;
	z-index: 1;
}
#corner {
    background: url("images/corner.png") no-repeat;
    height: 50px;
    left: 16px;
    position: absolute;
    top: 14px;
    width: 84px;
    z-index: 1500;
}
/*====================ХЗ========================*/
.news-date-time{color: #999999 !important;}
.search input.submit{font-size:1.25em;}
.menu ul li{font-size:1.142em;}
.price{font-size:14px;}
.phote-top span{font-size:24px;color:#001b3c;}
#login label{font-size:0.92em;}
span.color{font-weight:bold;}
.name{font-size:1.42em;padding:0px 0px 10px 0px;}
.name a{color:#000;}

/* =================================== header =======================================*/
#header{
	width:1033px;
	height:180px;
	position:relative;
	z-index:2;
	background:url("images/bg/topshadow.png") no-repeat center top;
}
#logo{
	position:absolute;
	top:30px;
	left:36px;
	/*left:25px;*/
}
/* ================= верхнее меню=======*/
.menu{
    position: absolute;
    right: 0;
    top: 0;
    width: 1033px;
	background: url("images/bg/topmenu.png") no-repeat scroll 425px 3px transparent; 
}
.menu ul {
	position: relative;
	right: 50px;
}
.menu ul li{
	width:97px;
	height:45px;
	float:right;
	margin:0 14px 0 0;
	text-align:center;
	padding:10px 0 0 0;
}
.menu ul li a{
	text-decoration:none;
	color:#0057a5;
	font-weight:bold;
}
.menu ul li a.retail-a {
    height: 29px;
    width: 123px;    
	position: relative;
    top: -4px;
	cursor: pointer;
    display: block;
}
.menu ul li a:hover {text-decoration:underline;}
.menu ul li.retail{
	width:137px;
	height:46px;
	padding:0;
	background: none;
}
/*================телефон в шапке=============*/
.phote-top{
	position:absolute;
	top:64px;right:321px;
}
/* ================= блок поиска=============*/
.search{
	width:78%;
	position:absolute;
	top:70px;right:27px;
}
.search input.data{
	width:22%;
	height: 21px;
	position:absolute;
	top:1px;right:100px;
	border:1px solid #010134; 
}
div.search .search-submit{
	width: 81px;
	height: 31px;
	position: absolute;
	right: 8px;
	border: none;
	cursor:pointer;
	padding: 7px 37px 7px 8px;
	margin-top: -4px;
	color: #333333;
	text-align: left;
	font-size: 11px;
	background: url('/bitrix/templates/retailbooks/images/bg/find-header.png') no-repeat;
}
/* ===================================== content==================================*/
#content {
	width:100%;
	position:relative;
	overflow: hidden;
	z-index:2;
}
/*============ стандартный блок c разноцветн.шапкой как на главной====== */
.block  {
	padding:6px 0 6px 40px;
	margin:0 0 8px 0;
	position:relative;
	z-index: 2;  
}
.blocktitle {
	height:23px;
	background:#97ceff;
}
#left .blocktitle {
	width: 216px;
	margin-left:5px;
	font: bold 12px Tahoma;
	color: #0057a5;
}
.blocktitle .ll {
	width: 10px;
	height: 7px;
	display: block;
	position: absolute;
	bottom:-7px;left:0px;
	background: url('images/bg/blocktitle-left.png') no-repeat 0 0;
}
#right .blocktitle {
	margin-right: -31px;
	padding-left: 14px;
}
.blocktitle .rr {
	width: 10px;
	height: 7px;
	display: block;
	position: absolute;
	bottom:-7px;right:1px;
	background: url('images/bg/blocktitle-right.png') no-repeat 0 0;
}
.block .tl,.block .tr,
.block .bl,.block .br,
.redblock .tl,.redblock .tr,
.redblock .bl,.redblock .br {
	width:5px;
	height:5px;
	overflow:hidden;
	position:absolute;
	display: block;
	background:url('images/bg/block.png') no-repeat; 
}
.orange .tl,.orange .tr,
.orange .bl,.orange .br {
background:url('images/bg/block-orange.png') no-repeat;	
}
.yellow .tl,.yellow .tr,
.yellow .bl,.yellow .br {
background:url('images/bg/block-yellow.png') no-repeat;	
}
.acidgreen .tl,.acidgreen .tr,
.acidgreen .bl,.acidgreen .br {
background:url('images/bg/block-acidgreen.png') no-repeat;	
}
.green .tl,.green .tr,
.green .bl,.green .br {
background:url('images/bg/block-green.png') no-repeat;	
}
.violet .tl,.violet .tr,
.violet .bl,.violet .br {
background:url('images/bg/block-violet.png') no-repeat;	
}
.orange {background-color:#ff9752;}
#left .orange .orange-ll {background: url('images/bg/blocktitle-left-orange.png') no-repeat;}
.yellow {background-color:#ffd71d;}
#left .yellow .yellow-ll {background: url('images/bg/blocktitle-left-yellow.png') no-repeat;}
.acidgreen {background-color:#b1ea19;}
#left .acidgreen .acidgreen-ll {background: url('images/bg/blocktitle-left-acidgreen.png') no-repeat;}
.green {background-color:#40ec91;}
#left .green .green-ll {background: url('images/bg/blocktitle-left-green.png') no-repeat;}
.violet {background-color:#c8b2ff;}
#left .violet .violet-ll {background: url('images/bg/blocktitle-left-violet.png') no-repeat;}
 
.block .tl, .redblock .tl {top:0;left:0;}
.block .tr, .redblock .tr {top:0;right:0; background-position: -5px 0;}
.block .bl, .redblock .bl {bottom:0;left:0;background-position: 0 -5px;}
.block .br, .redblock .br {bottom:0;right:0; background-position: -5px -5px;}
.redblock {
	padding:2px 0;
	margin:0 0 8px 0;
	position:relative;
	border: 1px solid #df0b14; 
	z-index: 2;  
}
.redblock .tl,.redblock .tr
.redblock .bl,.redblock .br {
	width:10px;
	height:10px;
	display:block;
	overflow:hidden;
	position:absolute;
	z-index:2;
	background:url('images/bg/redblock.png') no-repeat 0 0;
}

#left .blocktitle a.title-left {text-decoration: none;}
#left .blocktitle a.title-left:hover {text-decoration: underline;cursor: pointer;}
#left .blocktitle strong {padding: 0 0 0 34px;}
.blocktitle span,.blocktitle h2,.blocktitle h1 {
	display: block;
	margin-top: 5px;
	float: left;
}
.blocktitle img {
	float: right;
	position: relative;
	top: -2px;
	right: 11px;
}
.blocktitle h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 21px;
}
.blocktitle h2 a {
	text-decoration: none;
	color: #0057a5;
}

#left .links{
	width:220px;
	padding:0 0 3px 0;
	text-align:right;
}
#left .links img{
	padding:0 2px 0 5px;
}
/* ===================баннеры=======================*/
.banner-top {
	width:700px;
	padding:0 0 10px 0;
	position:relative;
	margin:0 auto;
	text-align:center;
}
.banner-bottom {
	width:700px;
	position:relative;
	text-align:center;
	margin:10px auto 15px auto;
}
.banner-center {
	width:468px;
	position:relative;
	text-align:center;
	margin:-10px auto 15px auto;
}
.banner-left {
	display:none;
	width:224px;
	height:226px;
	position:relative;
	margin:10px 0 0 -4%;
}
/*===================для рассылки ПЛАШКИ=============================*/
/*=============тянущаяся голубая плашка=======*/
.main-news-mail {
	width:99%;
	height:46px;
	position:relative;
	padding-left:10px;
	background:url('images/borders/news-main-main.gif') repeat-x 0 0;
}
.main-news-mail .left {
	width:10px;
	height:46px;
	position:absolute;
	top:0;
	left:0;
	background:url('images/borders/news-main-left.gif') no-repeat 0 0;
}
.main-news-mail .right {
	width:92px;
	height:46px;
	position:absolute;
	top:0;
	right:0px;
	background:url('images/borders/news-main-right.gif') no-repeat 0 0;
}
/*===========тянущаяся другая плашка========*/
.main-news-item {
	width:99%;
	height:46px;
	position:relative;
	padding-left:10px;
	background:url('images/borders/main-news-h.gif') repeat-x 0 0;
}
.main-news-item .left {
	width:10px;
	height:46px;
	position:absolute;
	top:0;
	left:0;
	background:url('images/borders/main-news-h-left.gif') no-repeat 0 0;
}
.main-news-item .right {
	width:66px;
	height:46px;
	position:absolute;
	top:0;
	right:0px;
	background:url('images/borders/main-news-h-right.gif') no-repeat 0 0;
}
/*======тянущаяся ещё плашка=====*/
.subj-mail {
	width:99%;
	height:47px;
	position:relative;
	padding-left:10px;
	background:url('images/borders/subjects-h-main.gif') repeat-x 0 0;
}
.subj-mail .left-subj {
	width:10px;
	height:47px;
	position:absolute;
	top:0;
	left:0;
	background:url('images/borders/subjects-h-left.gif') no-repeat 0 0;
}
.subj-mail .right-subj {
	width:51px;
	height:47px;
	position:absolute;
	top:0;
	right:0px;
	background:url('images/borders/subjects-h-right.gif') no-repeat 0 0;
}
/*======тянущаяся ещё плашка=====*/
.spec-mail {
	width:99%;
	height:47px;
	position:relative;
	padding-left:10px;
	background:url('images/borders/spec-h-main.gif') repeat-x 0 0;
}
.spec-mail .left-spec {
	width:10px;
	height:47px;
	position:absolute;
	top:0;
	left:0;
	background:url('images/borders/spec-h-left.gif') no-repeat 0 0;
}
.spec-mail .right-spec {
	width:72px;
	height:47px;
	position:absolute;
	top:0;
	right:0px;
	background:url('images/borders/spec-h-right.gif') no-repeat 0 0;
}
/*======тянущаяся ещё плашка=====*/
.litter-mail {
	width:99%;
	height:47px;
	position:relative;
	padding-left:10px;
	background:url('images/borders/autors-h-main.gif') repeat-x 0 0;
}
.litter-mail .left-litter {
	width:10px;
	height:47px;
	position:absolute;
	top:0;
	left:0;
	background:url('images/borders/autors-h-left.gif') no-repeat 0 0;
}
.litter-mail .litter-right {
	width:72px;
	height:47px;
	position:absolute;
	top:0;
	right:0px;
	background:url('images/borders/autors-h-right.gif') no-repeat 0 0;
}
.subj-mail a, .main-news-mail a, .spec-mail a, .main-news-item a  {text-decoration:none;}
.subj-mail a:hover, .main-news-mail a:hover, .spec-mail a:hover, .main-news-item a:hover {text-decoration:underline;}


/*=========================================левая колонка====================================================*/

#content #left{width:260px;float:left;} 

/* ======================== блок авторизации==================*/
#login{padding:0 0 10px 45px;}
#login .both{padding:3px 0;}
#login .both .text {width: 155px;}
#login label{
	padding:2px 0px;
	display:inline;
	float:left;
}
#login label.left{
	width:40px;
	padding:2px 7px 2px 0px;
	text-align:left;
}
#login input{
	display:block;
	float:left;
}
#login input.text{
	width:149px !important;
	border:1px solid #000;
	background:#f4f4f4;
	padding: 1px 3px;
}
#login input.pass{
	width:149px !important;
	margin-right:1px;
	padding: 1px 3px;
}
.login-button {
	width: 65px;
	height: 21px;
	border:none;
	position: relative;
	top:5px;
	color:#333333;
	font-size:11px !important;
	padding: 2px 26px 4px 9px;
	text-align:left;
	cursor:pointer;
	background: url('/bitrix/templates/retailbooks/components/bitrix/system.auth.form/sidebar/images/login.gif'); 
}
.logout {
	width: 65px;
	height: 24px;
	color:#333333;
	padding: 5px 26px 6px 7px;
	font-size:11px !important;
	border:none;
	text-align:left;
	cursor: pointer;
	background: url('/bitrix/templates/retailbooks/images/bg/out-from.png') no-repeat; 
}
div.box-r {
	width:205px;
	vertical-align:middle;
	position:relative;
}
div.both-r {
	width:140px;
	float: left;
	vertical-align: middle;
}
div.both-r input {
	width:15px;
	margin: 8px 5px 0 0;
	display: block !important;
	float: left !important;
}
div.both-r label {
	width:120px;
	display: block !important;
	float: left !important;
}
.user-info {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.user-info .left-block {
	float: left;
	width: 55%;
	margin:3px 0 0 44px;
}
.user-info .right-block {
	float: right;
	width: 28%;
}
.user-info .right-block input {
	margin-top: 17px;
	float: right;
}
/*========================Корзина покупателя на Главной=====================*/
.sale_basket_sidebar {
	position: relative;
	overflow: hidden;
	margin: 10px 0 20px 45px;
}
.sale_basket_sidebar .goods {
	float: right;
	margin-bottom: 20px;
}
.sale_basket_sidebar p {
	margin-bottom: 7px;
}
.sale_basket_sidebar .go_buy {
	float: right;
}
.sale_basket_sidebar div.bookprice {
	width: 140px;
	float:left;
	margin-top: 2px;
}
.sale_basket_sidebar div.quantity {
	width: 75px;
	float:left;
	margin-top: 2px;
	position: relative;
}
/* ================= список Книги по тематикам в левой колонке==========*/
div.forlist {width:220px;margin-left: 8px;}
ul.catalog {padding-left:0px; margin-left: 7px;}
ul.catalog li {padding:0px 0 10px 11px;}
ul.catalog li a {text-decoration:none;vertical-align: bottom;}
ul.catalog li a:hover {text-decoration:underline;}
ul.catalog li img {
	width:11px;
	height:11px;
	position:relative;
	vertical-align: inherit;
	padding: 0;
}
ul.catalog li ul {margin:0; padding-left:10px;}
ul.catalog li ul li {padding:10px 0 0 10px;background:url('images/ico/li_li.gif') no-repeat 21px 15px;}
ul.catalog li.indent-left {padding-left: 31px;}
/* ================= список Книги по спец-м в левой колонке============*/
ul.list {width:190px; line-height: 20px;padding-left: 0; margin-left: 33px;}
ul.list li{padding:0 0 6px 11px !important;}
ul.list li a {text-decoration: none;}
ul.list li a:hover {text-decoration: underline;}

/* ================= сообщение о пустой корзине======================== */

table.table-basket-line {
	margin: 3px 3px 10px 41px;
	font-size:12px;
}
/*
.basket-line-personal {
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	display:block;
}
.basket-line-personal {background-image: url('/bitrix/templates/retailbooks/components/rarus/sale.basket.basket.line/sidebar/images/personal.gif');}

.basket-line-basket.full {background-image: url('/bitrix/templates/retailbooks/components/rarus/sale.basket.basket.line/sidebar/images/basket_full.png');}
.rcell h3 {
	margin: 0;
	padding: 0;
}
   */
/*ul.list li {
	position: relative;
	z-index: 10;
}
ul.list li div.action {
	background: url('/bitrix/templates/retailbooks/components/retailbooks/news.shortblock/homepage.sidebar/images/action.gif') no-repeat 0 0;
	width: 43px;
	height: 12px;
	position: absolute;
	top:4px;
	left: 160px;
	z-index: -1;

}     */
/* ================= из /bitrix/templates/retailbooks/components/retailbooks/catalog.list/rb_books_new_goods/ */
/*.catalog-price{color:red;}
div.catalog-section table td {
	padding-right:10px;
	padding-top:10px;
}
table.filter-panel {
	width:650px;
	background-color: none;
	height: 32px;
	overflow:hidden;
}
table.filter-panel td {vertical-align:middle;}
table.filter-panel td.right {text-align:right;}
table.filter-panel td.center {text-align:center;}
table.filter-panel td.first {width:107px !important;}
.filter-panel td.selected {
	height:32px;
	text-align:center;

}
.filter-panel .midle {
	width:67px;
	height:32px;
	vertical-align:middle;
	background:url('images/borders/filter-select-midle.gif') no-repeat 0 0;
}
.filter-panel td.big {
	width:74px;
	height:32px;
	vertical-align:middle;
	background:url('images/borders/filter-select-big.gif') no-repeat 0 0;
}
.filter-panel td.large {
	width:115px;
	height:32px;
	vertical-align:middle;
	background:url('images/borders/filter-select-large.gif') no-repeat 0 0;
}

div.books {width: 99%;}
table.books {
	width: 730px;
	border-collapse: collapse;
	text-align: center;
}
table.books td.cell .all {
	width:350px !important;
	height:220px;
}
table.books td.cell {
	vertical-align:top;
	text-align:left;
	padding:0px !important;
}
table.books td.cell .book {
	margin:0 0 0 160px;
	height: 210px;
	padding:5px 0 0 0px;
	position:relative;
	font-size:12px;
}
table.books td.cell .image {
	width:152px;
	height: 202px;
	border: 1px solid #d8d8d8;
	text-align: center;
	position:relative;
	float:left;
}
table.books td.cell .book ul {
	margin:0 !important;
	padding:0 !important;
}
table.books td.cell .book ul li {
	padding:0 !important;
	background:none;
	color:#000066;
	font-weight:normal;
}
table.books td.cell .book div.prices {
	position:absolute;
	bottom:64px !important;
	left:0 !important;
	color:#000;
	font-weight:bold;
	font-size:16px;
}
table.books td.cell .book div.discount {
	position:absolute;
	bottom:47px !important;
	left:0px !important;
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
}
table.books td.space {
width:30px;
height:20px;
}


span.cost {font-size:12px;}
table.blue {
	width:250px;
}
table.blue td {
	padding:0 !important;
	color:#000066;
	font-size:10px;
	letter-spacing:0.1em;
}
p.blue {
	color:#000066;
	font-size:10px;
	letter-spacing:0.1em;
}
span.cost a {text-decoration:none;}
span.cost a:hover {text-decoration:underline;}
.notices {
	width:200px;
	float:left;
}
.anonce {
	width: 99%;
	padding-bottom:30px;
}
.tabl {
	width:450px;
	float:left;
}
.morebook {
	width:99%;
	overflow:hidden;
}
table.morebook {
	width:99%;

}
table.morebook td.image {
	width:160px;
	text-align:center;
}
table.morebook table.blue {
	width:350px;
}
table.blue td.prices {
	color:#000 !important;
	font-weight:bold;
	font-size:16px !important;
}
table.blue td.discount {
	font-size:16px !important;
	font-weight:bold;
	color:#ff0000 !important;
}
table.blue td.button {
	width:101px;
	height:30px;
	text-align: center;
	vertical-align:center;
	border:none;
	margin:5px 0 0 0;
	background:url('/bitrix/templates/retailbooks/images/buttons/buy.gif') no-repeat 0 0;
}
table.blue td.button a {
	padding:10px 0 0 45px;
	color: #000;
	font-size:11px;
	text-decoration:none;
	display:block;
	float:left;
}
table.morebook td.cell table.blue td.button a {padding:10px 0 0 25px;} */
/* ================= из /bitrix/templates/retailbooks/components/rarus/rss.control/homepage.news/ */
/*table.subscribe td.graph img {
	float: left;
	padding: 3px;
}
table.subscribe td {vertical-align: middle;}
table.subscribe td.text{padding-left: 5px;}      */

/* ================= для каталога книг */

/*table.good_parameters td {
	color:#000;
	font-size:11px !important;
}   */
/* ================= надписи на главной */
/*h2.main-news {
	width:720px;
	margin:5px 0 8px 0;
	padding-left:12px;
	background:url('images/borders/news-main.gif') no-repeat 0 0;
}
h3.main-news {
	width:302px;
	height:36px;
	padding-left:30px;
	padding-top:10px;
	margin-top:7px;
	background:url('images/borders/main-news.gif') no-repeat 0 0;
}
.main-news a {text-decoration:none;}
.main-news a:hover {text-decoration:underline;}
h3.main-reviews {
	width:302px;
	height:36px;
	padding-top:10px;
	padding-left:30px;
	margin-top:7px;
	background:url('images/borders/main-reviews.gif') no-repeat 0 0;
}
.main-reviews a {text-decoration:none;}
.main-reviews a:hover {text-decoration:underline;}
h3.main-offers{
	width:720px;
	margin:5px 0 8px 0;
	padding-left:12px;
	padding-top:10px;
	margin-top:7px;
	color:#000;
	background:url('images/borders/main-offers.gif') no-repeat 0 0;
}
h1.top10, h3.top10{
	width:720px;
	height:36px;
	margin:10px 0 0px 0;
	padding-left:12px;
	background:url('images/borders/top-10.png') no-repeat 0 0;
}
h3.top10 a {text-decoration:none;}
h3.top10 a:hover {text-decoration:underline;}    */

/*============================================Правая колонка==========================================*/
#content #right{margin:0 35px 0 275px;}

/*====================Блок Новостей на главной===================*/
.news {
	overflow: hidden;
	position: relative;
}
.news .frame {
	width: 720px;
	margin:0 0 0 15px;
	position: relative;
	overflow: hidden;
}
.news .frame .block-news {
	margin-bottom: 27px;
}
.news .frame .block-news p {
	width: 685px;
}
.news .frame .name-news {
	display: block;
	padding:3px 0 7px;
	margin-bottom: 7px;
	border-bottom: 2px solid #97ceff;
}
.news .frame .name-news a,
.news .frame .subscribe a{
	text-decoration: none;
}
.news .frame .name-news a:hover,
.news .frame .subscribe a:hover{
	text-decoration: underline;
}
.news .frame .subscribe p img {
	vertical-align: middle;
}
.subscribe span.review {color:#737373;}
.subscribe img.rss {margin:3px 0 -9px 0;}

/*========================Список книг на главной=====================*/ 
.catalog-section {
	position: relative;
	overflow: hidden;
	margin:19px 0 0 16px;
}
.catalog-section-last {
	margin-bottom: 20px;
}
.catalog-section .left-book {
	float: left;
	width: 47%;
	height: 235px;
	margin-right: 14px;
	overflow: hidden;
	margin-bottom: 30px;
}
.catalog-section .right-book {
	float: left;
	width: 45%;
	height: 235px;
	overflow: hidden;
	margin-bottom: 30px;
}
.catalog-section .left-book .image,
.catalog-section .right-book .image {
	float: left;
	height: 202px;
	width: 152px;
	position: relative;
	margin-right: 16px;
	text-align: center;    
	border: 1px solid #D8D8D8; 
	}
.catalog-section .book {
	height: 230px;
	padding-top: 5px;
	position: relative;
	overflow: hidden;
}
.catalog-section .book .color li {
	padding: 0;
}
.catalog-section .book .color a {
	text-decoration: none;
	font-weight: normal;
}
.catalog-section .book .color a:hover {text-decoration: underline;}
.catalog-section .book .blue {
	font: 11px Tahoma;
	color: #333;
}
.catalog-section .book .prices {
	font:bold 14px Tahoma;
	color: #333;
	display: block;
	margin-bottom: 10px;	
}
.book .button {
	
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	border:none;
	
}
.book .buy_book {background: url("images/buttons/buy.png") no-repeat; }
.book .basket_book {background: url("images/buttons/inbasket.png") no-repeat;}
.book .get_book {background: url("images/buttons/before.png") no-repeat; padding: 7px 22px 7px 13px;} 
.book .button a {
	color: #000;
	font-size:11px;
	text-decoration:none;
    padding: 9px 15px 7px 12px; 
    width:73px;
    height:18px;
    display: block;
}
.book .recenz {position: static;margin-top: 21px; letter-spacing: 0; padding: 0;}
.catalog-section .no-height {height: auto;}
.no-height .recenz {margin-top: 12px;}
.catalog-section a.cost {text-decoration: none;display: block;margin-bottom: 10px;}
.catalog-section a.cost:hover {text-decoration:underline;} 
/*========================Главная страница "Книги по тематикам и по специальностям"=====================*/
.blocktitle h1 {
	font-size: 20px;
	color: #333;
	margin: 0;
	padding: 0;
}
#right .blocktitle .orange-rr {background: url('images/bg/blocktitle-right-orange.png') no-repeat 0 0;}
#right .blocktitle .yellow-rr {background: url('images/bg/blocktitle-right-yellow.png') no-repeat 0 0;}
#right .blocktitle .acidgreen-rr {background: url('images/bg/blocktitle-right-acidgreen.png') no-repeat 0 0;}
#right .blocktitle .green-rr {background: url('images/bg/blocktitle-right-green.png') no-repeat 0 0;}
#right .blocktitle .violet-rr {background: url('images/bg/blocktitle-right-violet.png') no-repeat 0 0;}
#right .blocktitle {margin-bottom: 15px;}
#right .blocktitle img {right: 30px;}
#right .tematics {
	position: relative;
	overflow: hidden;
	margin:0 0 0 15px;
}
#right .tematics .title-tema h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #0057a5;
}
#right .tematics .title-tema {
	border-bottom: 2px solid #ff9752;
	margin-bottom: 10px;
}
#right .tematics .yellow-border {
	border-bottom: 2px solid #ffd71d;	
}
#right .tematics ul {
	padding: 0;
	margin-bottom: 15px;
}
#right .tematics ul li {
	padding: 0 0 4px 9px;
	background: url('images/bg/li-orange.png') no-repeat 0px 6px; 
}
#right .tematics a {
	text-decoration: none;
}
#right .tematics a:hover {
	text-decoration: underline;
}
#right .tematics .top-books input {
	width: 65px;
	height: 32px;
	float: left;
	margin-right: 10px; 
	border: 0;
	cursor: pointer;
	background:url('images/bg/top-books.png') no-repeat;  
}
#right .tematics h3 {
	font-size: 12px;
	font-weight: bold;
	color: #0057a5;
	line-height: 15px;
}
#right .tematics .a-books p {
	line-height: 17px;
}
#right .tematics .a-books img {
	vertical-align: middle;
}
/* ================= надписи на книгах аля новинки двд=============*/
div.image div.new-block{
	width:62px;
	height:62px;
	position:absolute;
	top:138px;
	left:-21px;
	z-index:5;
	background:url('images/new.png') no-repeat 0 0;
}
div.image div.dvd-block {
	width:62px;
	height:62px;
	position:absolute;
	top:68px;
	left:-21px;
	background:url('images/dvd.png') no-repeat 0 0;
}
div.image div.cd-block {
	width:62px;
	height:62px;
	position:absolute;
	top:68px;
	left:-21px;
	background:url('images/cd.png') no-repeat 0 0;
}
div.image div.discount-block {
	width:62px;
	height:62px;
	position:absolute;
	top:0px;
	left:-21px;
}
.discount-block img {
	width:62px;
	height:62px;
}
div.image div.offer-block {
	width:62px;
	height:62px;
	position:absolute;
	top:0px;
	right:-5px;
	background:url('images/special_offer.png') no-repeat 0 0;
}
div.new-year {
	width:81px;
	height:28px;
	position:absolute;
	left:140px;
	top:-23px;
	z-index:5;
	background:url('images/tree.png') no-repeat 0 0;
}
#counters {
	position:absolute;
	bottom:42px;
	right:21px;
}
.New-Year {
	position:absolute;
	top:120px;
	right: 11%;
}
/* =====================================footer=================================*/
#footer{
	width:1009px;
	padding-right: 15px;
	height:375px;
	margin: 0 auto;
	position:absolute;
	left: 5px;
	bottom: 0;
	z-index:2;
	background: url('images/bg/footer.png') no-repeat center bottom;
}
#spacer{
	width:100%;
	height:465px;
	clear:both;
	overflow:hidden;
}
#info{
	position:absolute;
	left: 30px;bottom:96px;
}
.price{
	position:absolute;
	bottom:136px;right:22px;
}
.date{
	position:absolute;
	bottom:91px;right:23px;
	text-align:center;
}
.phone{
	position: absolute;
	right: 19px;bottom: 106px;
	font-size: 24px;
}
/*======================божья коровка=====================*/
#div_support_form {
	position: absolute;
	width: 345px;
	right: -167px;
	top:-460px;
	z-index: 1000;
	font-family: tahoma;
	border: 1px solid #c8c8c8;
	background: #ffffff url('images/bg/bugHeader.png') repeat-x left top;
}
.div_support_footer {
	position: absolute;
	width: 345px;
	height: 9px;
	font-size: 1%;
	bottom: 0px;
	left: 0px;
	background: #ffffff url('images/bg/bugFooter.png') repeat-x left top;
}
#div_support_form img {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}  
#ok {outline: none !important;} 
#support_form {height: 375px;}
#div_support_form p {
	color: #333333;
	padding: 10px 15px 5px 15px;
}
#div_support_form p.white {
	color: #ffffff;
	font-weight: bold;
}
#bug-support {
	width: 183px;
	position: absolute;
	left:420px;
	top:33px;
	color:#494949;
	font-size:10px;
}
#bug-text {
	display: block;
	white-space: nowrap;
	cursor: pointer;
	color:#336699;
}
.edu-banners div {
	float:left;
	overflow: hidden;
	margin-left:2px; 
}
/*========================Меню в футере=====================*/ 
#footer .menu-footer {
	position: relative;
	top:0;
	height: 213px;
	width: 1002px;
	margin-left:11px;
	overflow: hidden;
	font-size: 11px;
	line-height: 18px;
	border-bottom: 1px solid #d8d8d8;
	background: url('images/bg/footer-menu.gif') no-repeat center top;
}
#footer .menu-footer h3 {
	font-size: 12px;
	color: #000;
	margin:0 0 2px 17px;
}
#footer .menu-footer .column {
	float: left;
	padding:3px 70px 0 0;
}
#footer .menu-footer .column ul li,
#footer .menu-footer .column ul {padding: 0;}
#footer .menu-footer .column a {text-decoration: none;}
#footer .menu-footer .column a:hover {text-decoration: underline;}
#footer .menu-footer .last-column {
	padding-right: 0;
	width: 250px;
}
#footer .menu-footer .last-column span {font-size: 17px;}
#footer .menu-footer .last-column a {text-decoration: underline;}
#footer .menu-footer .last-column a:hover {text-decoration: none;}
#footer .menu-footer .first-column {margin-left: 213px;}
#footer .menu-footer .second-column {padding-right: 49px;}
#footer .menu-footer .third-column {padding-right: 70px;}
#footer .menu-footer .third-column h3 {margin-left: 10px;}
#footer .menu-footer .last-column h3 {margin-left: 15px;}

/*======================для 404===============================*/

h1.error {
	margin-bottom:0px !important;
	padding-bottom:0px;
	font-size:60px;
	color:#000;
	letter-spacing: 4px;
	text-align:center;
}
h1.error span {
	color:#f54a36;
	font-weifgt:bold;
}
h3.error {
	font-size:24px;
	color:#5e5e5e;
}
p.notfound {
	font-size:30px;
	color:#5e5e5e;
	text-align:center;
}
.bukvoest {
	padding:40px 0;
	width:99%;
	overflow:hidden;
}
.bukvoest div.oops {
	width:224px;
	height:88px;
	float:left;
	position:relative;
	padding:10px 0 0 20px;
	font-size:14px;
	background:url('images/oops.gif') no-repeat 0 0;
}
.bukvoest div.oops span {
	font-size:30px;
}
.bukvoest .pic-bukvoest {
	width:270px;
	height:196px;
	float:left;
	position:relative;
	margin:10px 0 0 -80px;
	background:url('images/bukvoest.gif') no-repeat 0 0;
}
.bukvoest .dontworry {
	width:173px;
	height:163px;
	float:left;
	position:relative;
	padding:20px 20px 0 40px;
	margin:0 0 0 -10px;
	background:url('images/dontworry.gif') no-repeat 0 0;
}
.bukvoest .dontworry span.bigger {
	font-size:16px;
}
.bukvoest .dontworry span.color-red {
	color:#f54a36;
	font-size:18px;
}
.bukvoest .dontworry div {text-align:center;}
.bukvoest .dontworry p {margin:0 0 5px 0;}
.bukvoest .dontworry span.color-blue {
	color:#4c95d6;
	font-size:20px;
	text-align:center;
}
.text-error .left-text {
	width:400px;
	float:left;
	line-height:20px;
}
.text-error .right-text {
	margin:0 0 0 460px;
}
#plaha-gaap {
	width:233px;
	height:77px;
	font: 12px Georgia;
	color: #4b4b4b;
	position:relative;
	left: 4px;
	margin-top:10px;
	padding:60px 0 0 25px;
	background:url('images/plaha-gaap.png') no-repeat 0 0;
}
#plaha-gaap a {color:#ad1c21;}
.starrequired{color: red;}
#bugs {
	position: absolute;
	bottom:120px;right:283px;
	font:12px Tahoma;
	cursor:pointer;
}
#bugs i {
	font-style: normal;
	display:block;
	float: left;
	cursor:pointer;
	margin-top:5px;
	white-space:nowrap;
	border-bottom:1px dotted #3C6EBA;
}

/*========================Раздел "Корзина"=====================*/ 
.basket {
	overflow: hidden;
	position: relative;
}
.basket h1 {
	padding-bottom: 0;
}
ul.buttons {
	padding: 0;
} 
ul.buttons li {
	display: block;
	float: left;
	padding: 0;
}
input.buy-block {
	width: 136px;
	height: 35px;
	padding: 7px 41px 13px 9px;
	margin: 3px 0 0 0;
	position: relative;
	border: 0;
	font-size: 11px;
	text-align: left;
	cursor: pointer;
	border: 0 !important;
	background: url('images/bg/basket-buttons.png') no-repeat 0 0;
}
.basket .basketh2 {
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}
 .basketh2 h2 {
	display: block;
	float: left;
	margin-right: 9px;
}
.basket .sale_basket_basket .grey{
	background-color: #f6f6f6;
}
/*Table*/
.basket table.sale_basket_basket
{
	width:100%;
	border-collapse:collapse;
	font-size:12px;
	margin-top: 5px;
}
/*Table head*/
.basket table.sale_basket_basket th {color:#333333;}
/* Table cells and heads*/
.basket table.sale_basket_basket th,
.basket table.sale_basket_basket td {
	border:1px solid #d8d8d8;
	padding: 3px 5px;
	vertical-align:top;
}
.basket table.sale_basket_basket .alignright input {text-align: right;}
.basket input {border:1px solid #d8d8d8;}
.basket table.sale_basket_basket a {text-decoration: none;}
.basket table.sale_basket_basket a:hover {text-decoration: underline;}
.basket .left-button {
	float: left;
	width: 20%;
	margin-top: 20px;
}
.basket .left-button input {
	width: 117px;
	padding: 6px 36px 13px 10px;
	background-position: 0 -68px;	
}
.basket .right-button {
	float: right;
	width: 30%;
	text-align: right;
	margin-top: 20px;
}
/*.basket .right-button input {background-position: 0 -34px;}*/
.basket .back-block,
.basket .atfirst {
	float: left;
	width: 210px;
	margin-right: 30px;
}
/*======================Корзина покупателя, оформление заказа=====================================*/
.no-indent-bottom {margin-bottom: 0 !important;}
.sale_order_full_table,.sale_order_full {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #d8d8d8;
}
.sale_order_full_table td,.sale_order_full_table th {padding: 10px 18px 14px;}
.sale_order_full_table_no_border td,
.sale_order_full_table_no_border th,
.sale_order_full td,.sale_order_full th {padding: 5px;}
.sale_order_full td,.sale_order_full th {border: 1px solid #d8d8d8;}

.sale_order_full_table input,.sale_order_full_table textarea {
	border: 1px solid #d8d8d8;
	overflow: visible;
	background:url("/bitrix/templates/retailbooks/images/bg/shadow-bg.png") repeat-x;
}
.sale_order_full_table select {border: 1px solid #7f9db9;}
.sof-req{color:red;}
.sof-ok{color:green; font-weight:bold;}
input.basket-radio {border: 0;background: 0;}
/*===================врезки===========================*/
.insert-block {
width: 330px;
padding: 20px 17px 20px 20px;
margin: 0 -32px 0 10px;
float: right;
border: 1px solid #d8d8d8;
background: #fff;
}
.insert-block .preview {
float: left;
margin: 0 10px 0 0;
}
.insert-block .preview img {
display: block;
border: 1px solid #d8d8d8;
}
.insert-block .description {
margin: 0 0 0 170px;
}
.insert-block .description a {text-decoration: none;}
.insert-block .description a:hover {text-decoration: underline;}
.insert-block .description p {
margin-bottom: 7px;
}
.insert-block .tl,
.insert-block .bl {
width:10px;
height:10px;
display:block;
overflow:hidden;
position:absolute;
display:block;
background:url('images/bg/block-white.png') no-repeat 0 0;
}
.insert-block .tl {top:-1px;left:-1px;background-position:0 0;}
.insert-block .bl {bottom:-1px;left:-1px;background-position:0 -10px;}
.insert-block .br {
display: block;
width: 10px;
height: 8px;
position: absolute;
bottom: -8px;right:0;
background:url('images/bg/block-corner.png') no-repeat 0 100%;
}
.sidebar-errors {
    margin-left: 45px;
}
.button-exemple {
    background: url("images/buttons/buy.png") no-repeat scroll 0 0 transparent;
    font-size: 11px;
    height: 18px;
    padding: 9px 15px 7px 12px;
    width: 73px;
}
/*===================Название книги в детальном описании на оранжевой плашке===========================*/
#right .name_book {
	height: auto;
}
#right .name_book h1{
	padding: 0 70px 0 0;
	float: none;
}
#right .name_book img {
	position: absolute;
	top: 4px;
	right: 30px;
}
