/* 
======================
   Настройка стилей   
======================
*/


/* 
======================================
Настройки отображения основного шрифта
======================================
*/


html
{
  height: 100%;
  padding:0; 
  margin:0;
}


/*Отображения в "голом" теле*/
BODY
{
 	 background: #F4EBCC url(images/page_bg.jpg) repeat-y;
    color: #000000; /*Основной цвет шрифта*/
    font: normal normal normal 14px/15px Arial, Helvetica, sans-serif;
	 	letter-spacing: 1px;
	
	 margin:0;
	 padding:0;

	 height:100%;
	 min-height:100%;
}   

/* Основные шрифты для fonts,th,td,p */
font,th,td,p {
    font: normal normal normal 14px/15px Arial, Helvetica, sans-serif;
    /*font: normal normal normal 14px/15px Tahoma;*/
    word-spacing: 2px;
	 	letter-spacing: 1px;
}

/*Выравнивание текста в параграфе*/    
.just {
    text-align: justify;
}

h1
{
	color: #F8C003;
	font: normal 26px/28px Arial, Helvetica, sans-serif;
	letter-spacing: 5px;
}

h1.item
{
	color: #030082;
}

h2
{
	color: #030082;
	font: bold 16px/18px Tahoma;	
}


/* 
======================================
Ссылки
======================================
*/

A, A:visited{
	color: #000;
	text-decoration: none;
}

A:hover{
	color: #B654A3;
	text-decoration: underline;
}




a.aby:link, a.aby:visited
{
	color: #DACBB9;
	text-decoration: none;
}
a.aby:hover
{
	color: #FFF;
	text-decoration: underline;
}

.aMenu
{
	font-size: 0.8em;
}


/* 
======================================
Дизайн страницы
======================================
*/

#main
{
	WIDTH: expression(document.body.clientWidth < "1002" ? "1002px" : "100%"); 
	min-width: 1002px;
	
   height: auto !important;
   min-height:100%;
   height: 100%;
}

#main #footer_guarantor {
 height: 65px;
 clear: both;
}



#main #title {
	WIDTH: 100%; 
/*	HEIGHT: 285px;*/
/*	HEIGHT: 253px;*/
	HEIGHT: 241px;
	POSITION: relative;
	background: url(images/title_bg2.jpg) repeat-x center;
}


#main #title #title_clickable {
 position: absolute;
 left: 50%;
 margin-left: -440px;
 top: 55px;
 width: 730px;
 height: 80px;	
 cursor: pointer;
}

#main  #title #menu {
	WIDTH: 100%; 
	HEIGHT: 32px;
	POSITION: absolute; 
	TOP: 198px; 
	LEFT: 0px;
	Z-INDEX: 10; 
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 5px;
}

/*==============
Главное меню*/

#main  #title #menu ul#main_menu{
	display: inline;
	list-style: none;
	line-height:normal;
	margin-right: 210px;
}

#main  #title #menu ul#main_menu li{
	display: inline;
}

#main  #title #menu ul#main_menu li a
{
	text-decoration: none;
	color: #000;
	padding-right: 10px;
	padding-left: 10px;
}

#main  #title #menu ul#main_menu li a:hover
{
	text-decoration: underline;
}

#main  #title #menu ul#main_menu li.cart a
{
	color: #9B6F94;
}




#main  #title #menu #catalog {

	WIDTH: 190px; 
	HEIGHT: 38px;

	POSITION: absolute; 
	TOP: -4px;
	RIGHT: 20px;
	background-color: #E7C66E;
	z-index: 10;
}

#kostyl
{
	WIDTH: expression(document.body.clientWidth < "1002" ? "1002px" : "100%"); 
	min-width: 1002px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 30;
	
}

#catbar
{
	WIDTH: 190px; 
/*	height: expression(document.body.clientHeight-1); */
	POSITION: absolute; 
	background-color: transparent;
	TOP: 0px;
	RIGHT: 20px;
/*	#right: expression(document.body.scrollWidth); */
	z-index: 30;

}

#vmenu0 {
	WIDTH: 190px; 
	HEIGHT: 38px;

	POSITION: absolute; 
/*   z-index: 10;*/

	TOP: 194px;
	
	background-color: #E7C66E;
	font-size: 1.3em;
	font-weight: bold;
	cursor: pointer;
}

#vmenu1 {
	WIDTH: 190px; 
	height: expression(document.body.clientHeight-233);
	POSITION: absolute; 
	TOP: 232px;
	
	background-color: #E7C66E;
   cursor: auto;
	font-size: 14px;
/*	z-index: 200;*/
}

#vmenu2 {
	WIDTH: 190px; 
	HEIGHT: 194px;

	POSITION: relative; 
	TOP: 0px;
	LEFT: 0px;
	background-color: #E7C66E;
/*	z-index: 200;*/
}






#main #content
{
	width: 100%;
	#height: expression(document.body.clientHeight-307); 
	position: relative;
	z-index: 20;
	/*
	#height: expression(document.body.clientHeight-372);
	top: 240px;
	left: 0px;
	right: 0px;
	bottom: 65px;
	position: absolute;
	border: 1px solid red;
	*/
}

.content_area
{
	padding: 10px;
	z-index: 0;

   padding-top: 0px;

	position: relative;
	width: 960px;
	min-width: 960px;
	left: 50%;
	margin-left: -480px;
   z-index: 20;
/*
	display: table; 
	#position: relative; 
	overflow: hidden;
*/
}


#footer {
	clear: both;
	WIDTH: expression(document.body.clientWidth < "1002" ? "1002px" : "100%"); 
	min-width: 1002px;
	background: url(images/footer_bg.jpg) no-repeat center;
	HEIGHT: 65px;

	position: relative;
	margin-top: -65px;
	z-index: 10;
}

#footer #footer_left
{
	position: absolute;
	background: url(images/l.png) no-repeat left;
	width: 200px;
	height: 58px;
	top: 7px;
	left: 0;
	z-index: 11;
}

#footer #footer_right
{
	position: absolute;
	background: url(images/r.png) no-repeat right;
	width: 200px;
	height: 58px;
	top: 7px;
	right: 0;
	z-index: 11;
}

#footer #footer_info_l
{
	position: absolute;
	width: 35%;
	height: 58px;
	top: 7px;
	z-index: 12;
	padding-left: 15px;
}

#footer #footer_info_r
{
	position: absolute;
	width: 63%;
	height: 58px;
	left: 35%;
	top: 7px;
	z-index: 12;
}


/*===============
 Стили контента
 ===============*/

 .td_header
 {
	 background-color: #FFFFCC;
 	 border-top: 1px solid #978CB6;
 	 border-bottom: 1px solid #9B6F94;
	 color: #9B6F94;
	 
	 
 }
 
 .td_header2
 {
	 background-color: #F2E9CB;
 	 border-bottom: 1px dashed #56325C;
	 color: #776899;
 }

.bottom_dash
{
 	 border-bottom: 1px solid #978CB6;
}

.table_info
{
	background-color: #D2C3D2;
}

.td_info
{
	background-color: #EDE8D6;
}

.addcart
{
	position: relative;
}

#wasadd
{
	font-size: 0.75em;
	color: #00A601;
	text-decoration: none;
	position: absolute;
	top: 9px;
	left: 50px;
}

.prozrach
{
	/*background: url(images/prozrach.png) repeat;*/
    background-color: #FFF;
}



/*===============
 Шрифты
 ===============*/

 .white
 {
	color: #fff; 	
 }
 
 .by
 {
	color: #DACBB9;
	font-size: 0.8em; 	
 }


.small
{
 font-size: 0.85em;
}
 
.bright {
	color: #B654A3;
}

.big_bright {
	color: #702A6A;
	font-size: 1.15em;
}

.bigger
{
	font-size: 1.4em;
}

.dark
{
	color: #461942;
}



.big_white
{
	color: #fff; 	
	font-size: 1.2em;
	font-weight: bold;
}





/*================
Разное
===============*/

#error_field
{
    border: 2px solid #FF4500;
}


/*============
Page selector
============*/

.pages
{
}

.page_selector
{
}

.page_selector_current
{
	color: #FFF;	
	font-weight: bold;
}

/*=============
Кнопки
============*/


.maintext
{
	letter-spacing: 1px;
	color: white;

}
.maintext1
{
	letter-spacing: 1px;
	color: black;

}

.maintext2
{
	font: normal bold 16px/17px Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color: white;
}

.maintext3
{
	font: normal bold 16px/17px Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color: #5a0fbf;
}

.maintext_bg
{
	background: url(images/maintext_bg.jpg) no-repeat;
	width: 960px;
	height: 626px;
	position: relative;
}

.cattext_bg
{
	background: #F2E9CB;
	_width: 100%;
	min-width: 960px;
	_height: 10px;
	min-height: 100px;
}