/* CSS Document */
@import url('reset.css');
p.clr, .clr{
	clear:both
	heigt:0px;
}

body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
height: 100%;
font-family:Tahoma, Geneva, sans-serif;}

p,div, li, td{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;}

#container{
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
min-width:550px;  /*задаем минимальную ширину макета в современных браузерах */
min-height:100%;
margin-bottom: -40px;
}

.br
{background: url(orkouzor47.jpg) repeat-x left top;
height:25px;
width:100%;
margin-bottom:10px;
color: white;
line-height: 25px;
font-size: 15px;
font-weight: bold;}

.br span{
margin-left:10px;}

a{
	color:#664534;}

.inner{
	margin:10px;
	}


.fil1 {
	height:	0px;}



/*******Hader******/
#header{

height:150px;
background: #E7DDCC url(border.gif) repeat-x left bottom;
}
#header h1 {
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px 0; /* Задаем поля */
}
#logo{
	background: #E7DDCC url(Logo.png) no-repeat 0 0;
	width:136px;
	height:113px;
	text-indent: -9999px;
position: absolute;
left: 40px;
top: 10px;}

.poisk {
	margin-left: 215px;
	height: 95px;
	background: url(orkouzor47.jpg) repeat-x left top;
	padding: 15px 35px 0 35px;}
	
.mid{ 
min-width: 300px;
}

.searchInput{
	height: 43px;
background-color: #E7DDCC;
border: 2px solid #B0A294;
padding: 10px 115px 0px 10px;
position:relative;
min-width:265px;}

.searchText{
	
	float:left;
	width: 100%;
	min-width:150px;
	}

.searchText input[type="text"] {padding: 0px;
margin: 0 5px 0 0 ;
border: 1px solid #B0A294;
height: 25px;
width:100%;
padding-left: 5px;}

.searchBut{
	position:absolute;
	right:15px}

.searchDopParam{
	color:#fff;
	float: right;
margin-top: 7px;}
	
.searchDopParam a{
	color:#fff;
	padding-left: 15px;}
	
.adress	{
margin:10px 30px;
text-align:right;
left:0;
color:#3C2415;
font-weight:bold;}
	
/***********main************/
#main{
	margin-top:30px;
	width:100%;
	}




/**************left****************/
#left{
background:none;
width:220px;  /*ширина колонки */
float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}

ul.menuMain{
	background:url(border.gif) repeat-x left top;
	/*padding:10px 25px*/
	padding-top:6px;
	}

ul.menuMain li a.catOsn{
	display:block;
	font-size:14px;
	color:#3C2415;
	padding: 10px 20px 10px 30px;
border-bottom: 2px solid #B0A294;
text-decoration: none;
background: url(menuLeft.gif) repeat-x 0 0;
font-weight:bold;
	
	}
	
	
	ul.menuMain li.catOsn a{
	display:block;
	font-size:14px;
	color:#3C2415;
	padding: 10px 20px 10px 30px;
border-bottom: 2px solid #B0A294;
text-decoration: none;
background: url(menuLeft.gif) repeat-x 0 0;
font-weight:bold;
	
	}
	
ul.menuMain li a.pods{
	text-decoration: none;
	display:block;
	color:#3C2415;
	padding: 5px 5px 5px 40px;
	background:none;
	border:none;
	font-size:12px;
	font-weight:normal;
	}
	
	ul.menuMain li a.podsbf{
	text-decoration: none;
	display:block;
	color:#fff;
	padding: 5px 5px 5px 40px;
	background-color: #664534;
	background-image:none;
	border:none;
	font-size:12px;
	font-weight:normal;
	}
	
#last{border-bottom: 0;}


.banner, .menu{width:220px;}

.banner, .menu, .registr, .anons{background-color:#E7DDCC;
background: #E7DDCC url(border.gif) repeat-x left bottom;
margin-bottom:20px;
padding-bottom: 7px;
}




/**************right*******************/
#right{
width:250px; /*ширина правой колонки */
 background:none;
float:right; /*обазятельное выравнивание колонки по правому краю с включением обтекания */
}






/*Здесь пишем стили для блока контента */
#content{

margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:240px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:270px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
position:relative;}

.contentText{
	background: url(border.gif) repeat-x left top;
/*background-color:#E7DDCC;*/
margin-bottom:15px;
padding-top: 5px;}

.contentText2{
	background: url(border.gif) repeat-x left top;
/*background-color:#E7DDCC;*/
margin-bottom:15px;
padding-top: 15px;}

.contentText h2{
	font-size: 14px;
color: #3C2415;
margin:0px 0px 7px 0px;}

#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
} 
#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px 0px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear, p.clr, .clr{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}



/*****footer*****/
#empty{height: 40px;
clear: both;
	}

#footer{
height:40px;
background-color:#603E0E;
background: url(orkouzor47.jpg) repeat-x left top;
}
#footer p{
margin:0px;  /* обнуляем отступы*/
padding: 10px 0; /*  задаем поля */
}

/**********autorisation*****************/
.tdInput {padding-left:5px;
	}
.tdInput input {padding: 0px;
margin: 0 5px 0 0;
border: 1px solid #B0A294;
height: 20px;
width: 100%;}

.butAut a{
	width: 58px;
height: 21px;
background: url("butAut.png") no-repeat 0 0;
display: block;
color: white;
text-decoration: none;
margin: 7px 0 0 0;
padding: 6px;
text-align: center;
}

.fsttab {
	width:100%;
	text-align:right;}

.remPass{
	text-align:center;
	margin-top:10px;
	font-size:80%;}
	
/***************************/
.bb{
	min-height:22px;
	margin-bottom:7px;
	background-color:#E7DDCC;
	padding: 5px 5px 0px 10px;}
	
	
/************categor**************/
.hk a,.hk span {
	color:#999;
	font-size:80%;
	}
	
.hk {
	margin-bottom:7px;
	position: absolute;
top: -18px;}
	
h1 {
	font-size: 16px;
color: #3C2415;
margin: 0px;}

.cattop {
	
	text-align:right;
	padding: 5px;
margin-bottom: 5px;
background-color: #E7DDCC;}

/*************Popular**************/

.titleN{
	display:block;
	margin:5px 0px;
	text-decoration:none;
	color:#3C2415;
	font-weight:bold;
	}
	
	a.titleN:hover{
		 text-decoration:underline;}
		 
  .price {
	  font-size: 125%;
color: #271708;
text-align: center;
margin: 15px auto;
margin-top:25px;
font-weight: bold;}

/**************product***************/
h1.bookTitle{
	margin:5px 0px;}

/**************catalog***************/
.catalog  td{
border-bottom:1px solid #eee;
padding:7px 7px 7px 0;
vertical-align: top;
}

#content .ImgKat p{
padding:0 0 5px 0;}

.imboxrd{
margin-right:5px;}



.bookTitle{
padding:5px 0 10px 0;}

.text p, .text ul {
line-height:16px;}

.catalog  table.star td{
border-bottom: none;
padding: 3px 3px 3px 0;
}

.basket {
background:url(bask.jpg) no-repeat 0 0;
width:103px;
padding:9px 20px;
display:block;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:11pt;
margin: 0 auto;}

.basketblock {
margin-bottom:15px;}

.baskprice{
margin: 5px;
padding: 5px 10px;
background-color: #f2eadc;}

.button{
padding: 6px 17px;
background-color: #664534;
display: block;
margin-top: 10px;
color: white;
text-align: center;
text-decoration: none;
font-weight: bold;
}


.textcontent {
margin-left: 205px;
}

#content .prodDetails  p{
padding:0px 0px 5px 0px;}


.vKorzinu{
width: 200px;}

.leftblock{
width:200px;
float:left;}

.unit-rating  {
margin-bottom:15px;}

.unit-rating  li {float:left}

.rating {
margin:5px 0px 25px 0px;
}


/************************news*****************************/
.datenews{
font-size:80%;
margin-bottom:3px;}

.newstitle{
 font-weight:bold;
 margin-bottom:10px;
}

.newstitle h3{
font-size:13px;}

.newstext{
margin-bottom:10px;}

/********************userac***************************/
.cbt {
padding-bottom:15px;}

.cbt  a{
font-weight:bold;}

.hmin {
width:100%;
border-collapse:collapse;}

.hmin td {
padding:5px;
border:1px solid #ddd;

}

.hdbot{
padding-top:10px;}


.qformtitle{
margin-top: 20px;
font-weight: bold;
margin-bottom: 10px;
color: 
#3C2415;}


.eltovar{font-weight: bold;
color: 
#3C2415;
font-size: 13px;}


.imboxr, .imboxrd{
text-align:center;}


.footeriner{
color: white;
text-align: left;
font-size: 1em;
padding: 8px;
}