/*
 Теперь у нас в рапоряжении есть дополнительные css селекторы, а именно ОС и браузер. То есть, конструкция будет выглядеть так:

 .[ОС].[Браузер] css селектор


 Селекторы ОСи:

 .win - Windows
 .linux - Linux
 .mac - MacOS


 Селекторы браузеров:

 .ie - все версии ИЕ
 .ie8 - ИЕ 8.х
 .ie7 - ИЕ 7.x
 .ie6 - ИЕ 6.x
 .ie5 - ИЕ 5.x
 .gecko - все версии фаерфокса, и остальные гекко-браузеры
 .ff2 - фаерфокс 2
 .ff3 - фаерфокс 3
 .opera - все версии оперы
 .opera8 - опера 8.x
 .opera9 - опера 9.x
 .konqueror - konqueror
 .safari - сафари


 Возвращаясь в абстрактной ситуации с фаерфоксом на маке, решение будет такое:

 .mac.gecko селектор{ исправленный код }

 .mac.ff2(3) селектор{ исправленный код }
 */
/*
 общие правила
 */

/* 
* {
    margin: 0;
    padding: 0;
}
*/

p
{
/*	    margin: 0;
    padding: 0;*/
	margin-top: 0px;
	padding-top: 0px;
}

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 auto;
}

ul {
    list-style: none;
}

div, li, span, b, a, ul, input {
    /*position: relative;*/
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #333;
    text-decoration: none;
}
/* Прибиваем footer к низу экрана */
html {
    height: 100%;
}

body {
    position: relative;
    height: 100%;
}

#content {
    min-height: 100%;
    -height: 100%;
	position: relative;
}

#footer {
    position: releative;
    bottom: 0;
}

#footer p {
position: relative;
top: 50px;
}
/* прибили +) */
body {
    background: url(../images/bgr_body2.jpg) top left repeat-x #e9e9e9;
}
/* шапка страницы */
#header {
    width: 926px;
    margin: 0 0 0 3px;
    height: 212px;
    left: 71px;
	position: relative;
}
/* основной контент */
#content {
    margin: 0 auto;
    overflow: hidden;
    -overflow: visible;
    width: 1000px;
	position: relative;
}

.decor_left {
    width: 67px;
    height: 766px;
    position: absolute;
	/*position: relative;*/
	top: -32px;
    left: 7px;
    background: url(../images/bgr_body1.jpg) left 31px no-repeat;
	z-index: 2;
}

#content .box {
    overflow: hidden;
}

/* start edit max@spballiance.ru */
#cntmax {
	padding: 0px 30px 20px 40px;
	clear: both;
	border: 0px solid #000;
	position: relative;
}

#cntmax p {
	text-align: justify;
	padding:2px 0;
}
/* end edit max@spballiance.ru */

/* левая колонка основного контента */
#content .left {
    float: left;
    width: 243px;
    background: url(../images/bgr_menu.jpg) left 31px no-repeat #b3b3b3;
    padding-bottom: 32767px;
    margin-bottom: -32667px;
    overflow: visible;
    left: 74px;
	position: relative;	
}

#content .left .logo {
    width: 246px;
    height: 31px;
    background: url(../images/tab4.jpg) top left no-repeat;
    left: 0;
	position: relative;	
}
/*
 левое меню
 */
#content .left .main_menu {
    width: 219px;
    padding: 30px 0 40px;
    margin: 0 auto;
	position: relative;
}

#content .left .main_menu li {
    margin-bottom: 2px;
}

#content .left .main_menu li a {
    color: #fff;
    display: block;
    height: 23px;
    padding: 0 30px;
    line-height: 21px;
    /*position: relative;*/
	position: relative;
}

.safari #content .left .main_menu li a {
    line-height: 23px;
}

.opera #content .left .main_menu li a {
    line-height: 23px;
}

#content .left .main_menu li a .mark {
    background: url(../images/mark2.png) top left no-repeat;
    display: block;
    position: absolute;
    width: 7px;
    height: 5px;
    left: 12px;
    top: 9px;
}

#content .left .main_menu li.active a {
    color: #b2272c;
    background: url(../images/tab3.png) top left no-repeat;
    -background: url(../images/tab5.jpg) top left no-repeat;
    font-weight: bold;
}

#content .left .main_menu li.active a span.mark {
    display: none;
}

#content .left .main_menu a:hover {
    background: url(../images/tab3.png) top left no-repeat;
    color: #b2272c;
    font-weight: bold;
    -background: url(../images/tab5.jpg) top left no-repeat;
}

#content .left .main_menu a:hover span.mark {
    display: none;
}

* html #content .left .main_menu a.hover span.mark {
    display: none;
}

#content .left .main_menu .submenu {
    padding: 2px 20px 15px 0;
    margin-left: 20px;
    margin-left: 30px;
    display: none;
}

#content .left .main_menu .submenu li a {
    height: 16px;
    font-size: 11px;
    color: #fff;
    background: none;
    display: inline-block;
    padding:4px 0 0 10px;
	line-height:10px;
	font-weight: bold;
}

#content .left .main_menu li.active ul.submenu {
    display: block;
}

#content .left .main_menu li ul.submenu li {
    background: none;
    color: #fff;
    padding: 0;
}

#content .left .main_menu li ul.submenu li a .mark {
    display: block;
    width: 5px;
    height: 5px;
    background: #fff;
  /*  position: absolute;*/
    font-size: 0;
    line-height: 0;
    left: 0;
    top: 7px;
}

#content .left .main_menu li ul.submenu li:hover {
    color: #B2272C;
}

#content .left .main_menu li.active ul.submenu li a {
    height: 16px;
    font-size: 11px;
    color: #fff;
    background: none;
    display: inline-block;
    padding:4px 0 0 10px;
	line-height:10px;

}

#content .left .main_menu li ul.submenu li a:hover {
    background: none;
    color: #B2272C;
}

#content .left .main_menu li ul.submenu li a:hover .mark {
    background: #B2272C;
}

#content .left .main_menu li ul.submenu li.active a {
    background: none;
    color: #B2272C;
}

#content .left .main_menu li ul.submenu li.active a .mark {
    background: #B2272C;
}

#content .left .main_menu li ul.submenu li.active {
    background: none;
    color: #B2272C;
}
/*
 колонка новостей
 */
#content .left .news .title {
    color: #fff;
    background: url(../images/tab2.png) top left no-repeat;
    height: 28px;
    line-height: 26px;
    padding-left: 20px;
    padding-bottom: 15px;
    margin-left: 10px;
	text-align: justify;
}

.safari #content .left .news .title {
    line-height: 27px;
}

#content .left .news .date {
    font-weight: bold;
    font-size: 10px;
    color: #000;
    background: url(../images/mark1.png) top left no-repeat;
    height: 15px;
    padding-left: 20px;
    line-height: 15px;
    margin-left: 30px;
    padding-bottom: 5px;
}

#content .left .news .text {
    font-size: 11px;
    padding: 0 20px 10px 30px;
}

#content .left .news .more {
    color: #b2272c;
}
/*
 правая колонка основного контента
 */
#content .right {
    float: right;
    width: 683px;
    padding-bottom: 32767px;
    margin-bottom: -32567px;
    background: url(../images/bgr_content.jpg) top left repeat-x #e4e4e4;
    padding-top: 30px;
	position: relative;	
}

#content .right p.date {
    clear:left;
	font-weight:bold;
	padding:0 0 5px 40px;
}

#content .right p.text {
    font-size:12px;
	padding: 0 30px 30px 40px;
	clear:left;
}

/* start edit max@spballiance.ru */

.title
{
	border: 0px solid #000;
	margin: 0px;
	padding: 0px;
}

.title {
	text-transform: uppercase;
}
/* end edit max@spballiance.ru */

#content .right .title {
    background: url(../images/tab1.png) top left no-repeat;
    color: #fff;
    font-size: 11px;
    height: 22px;
    padding: 4px 0 10px 10px;
    margin-left: 40px;
    -margin-left: 20px;
    width: 180px;
}

#content .right .page {
    float: left;
    color: #fff;
    padding: 3px 0 10px 0;
}

#content .right div.gallery {
    overflow:hidden;
	clear:left;
}

#content .right img#showimg {
    margin:10px 40px;
	display:block;
	padding:5px;
	border:1px solid #ccc;
}

table.previews{
	margin:20px 30px;
	clear:left;
}

table.previews td{
	vertical-align:middle;
	text-align:center;
}

table.previews td a{
	display:block;
	border:1px solid #ccc;
	padding:5px;
}

.xpreviews a img {
	border:1px solid #ccc;
	padding:5px;
	margin-bottom: 2px;
}

.xpreviews a:hover img {
	border:1px solid #333;
}

table.previews td a:hover{
	border:1px solid #333;
}

table.previews td img{
	max-width:180px;
	-width:180px;
}
#content .right div.image {
    float: left;
    padding-left: 40px;
}

#content .right div.image a {
    font-size: 11px;
    text-decoration: underline;
}

#content .right div.image .mark {
    display: inline-block;
    width: 7px;
    height: 5px;
    background: url(../images/mark4.png) top left no-repeat;
    text-decoration: none;
    position: relative;
    top: -1px;
    margin-right: 4px;
}

* + html #content .right div.image .mark {
    top: -3px;
}

.ie6 #content .right div.image .mark {
    top: 6px;
}

#content .right div.image img {
    display: block;
    border: 2px solid #929292;
	width:280px;
	margin-bottom:5px;
}
/*
 каталог
 */
#content .catalog {
    padding: 0 40px 50px;
    overflow: hidden;
    -height: 20px;
    -overflow: visible;
    clear: left;
}

#content .catalog_left {
    width: 205px;
    float: left;
}

#content .catalog_left .new_mark {
    display: inline-block;
    width: 32px;
    height: 22px;
    background: url(../images/mark5.png) top left no-repeat;
    color: #c10d15;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    letter-spacing: -0.11em;
    margin-left: 4px;
    padding-left: 1px;
}

#content .catalog_right {
    float: right;
    padding-top: 25px;
    font-size: 10px;
    width: 380px;
}

#content .catalog_title {
    font-family: Tahoma;
    font-weight: bold;
    float: left;
    padding: 5px 0;
}

#content .catalog a.preview {
    display: block;
    margin-top: 10px;
}

#content .catalog a.preview img {
    border: 2px solid #929293;
	width:100%;
	display:block;
	margin:0 auto;
	clear:left;
}

#content .photo_pages {
    font-size: 11px;
    margin: 4px 0;
    overflow: hidden;
}

#content .photo_pages a {
    padding: 0px 5px;
    display: block;
    float: left;
    border-left: 1px solid #202020;
    text-decoration: none;
    color: #202020;
}

#content .photo_pages a.first {
    border: none;
}

#content .photo_pages a:hover {
    color: #c10009;
}

#content .price {
    clear: left;
    font-size: 11px;
}
/*
 таблицы каталога
 */
#content .info {
    margin: 0 0 10px 0;
}

#content .info td {
    padding: 2px;
}

#content .info td.first {
    width: 40%;
}

#content .color_table {
    border-collapse: separate;
}

.ie #content .color_table {
    border-collapse: collapse;
}

#content .color_table th {
    border-collapse: separate;
    padding: 2px 4px;
}

#content .color_table tr.top th {
    border-bottom: 1px dotted #818283;
}

#content .color_table th.first {
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: 1px dotted #818283;
    background: none;
}

#content .color_table tr.top th.first {
    border: none;
    background: none;
}

#content .color_table td {
    width: 30px;
    height: 17px;
    border-left: 1px solid #a6a9ae;
    border-bottom: 1px solid #a6a9ae;
}

#content .color_table .odd {

}

#content .color_table .second td {

}

#content .color_table td.last {
    border-right: 1px solid #A6A9AE;
}

#content .color_table td.color {
    background: #1e0505;
}
/*
 Счетчик страниц
 */
.pages {
    float: left;
    padding:50px 0 0 40px;
}

#xpages
{
    padding:30px 0 0 0px;
}

.pages a:hover {
    color: #ffffff;
}

.pages_buttons_next_prev, .pages_buttons_number {
    display: block;
    padding: 0px 10px 0px 10px;
    margin: 0px 3px 0px 3px;
    height: 15px;
    background: #dde0e4;
    border: 1px solid #b6b7b8;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    color: #000000;
    float: left;
    line-height: 14px;
}



.pages_buttons_next_prev:hover, .pages_buttons_number:hover {
    background: #cc2830;
    border: 1px solid #dc6b00;
}

.pages_buttons_number {
    padding: 0px 3px 0px 3px;
    margin: 0px 1px 0px 0px;
    line-height: 14px;
}


.tri_tochki {
    float: left;
    padding: 4px 4px 0;
}
/*
 подвал
 */
#footer {
    height: 50px;
    clear: both;
    color: #888;
    font-size: 10px;
    padding-top: 40px;
    width: 100%;
	position: relative;
}

#footer .copyrights {
    position: relative;
    left: 100px;
    top: 30px;
}

#footer .design {
    position: absolute;
    right: 60px;
    top: 70px;
	z-index: 5;
}

#footer .design a {
    color: #B2272C;
    text-decoration: underline;
	position: relative;
}

#footer .design b {
    width: 88px
    height: 31px
    
    position: absolute;
    right: 0px;
    top: 0px;
}

#footer .decor {
    width: 96px;
    height: 82px;
    background: url(../images/img1.png) bottom left no-repeat;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
}


/*
 хак для 6 ие
 */
/*

 */
#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
}

#feedtable{
	margin:0 40px;
}

#feedtable td{
	vertical-align:top;
	padding:5px;
	text-align:left;
}

#feedtable th{
	vertical-align:top;
	padding:5px;
	text-align:right;
	width:160px;
}

#feedtable td input.text{
	width:200px;
	padding:2px 4px;
	font-family:Tahoma;
	position:relative;
	top:-4px;
	width:350px;
}
#feedtable td textarea.textarea{
	padding:2px 4px;
	font-family:Tahoma;
	position:relative;
	top:-5px;
	width:350px;
}

#feedtable td input.button{
	display:block;
	padding:2px 5px;
	width:auto;
	overflow:visible;
	font-family:Tahoma;
	font-weight:bold;
	margin:0 0 0 170px;
}

p.error{
	padding:0 40px 20px;
	color:#d40000;
}

.gallery td {
	padding:10px;
}

#superactive
{
	color: #B2272C;
}

.text a
{
	color: #B2272C;
	text-decoration: underline;
}

.text a:hover
{
	text-decoration: none;
}

.pages a
{
	color: #000;
	text-decoration: none;
}