/*
	-[ copyright СОФТМАРКТ ]-
*/

body {
	margin:0;
	background-color:#333;
	font-family:Tahoma;
	font-size:11px;
	color:#333;
	min-width:1024px;
}
img {
	border:0;
	color:#222;
}
input, select {
	font-family:Tahoma;
	font-size:11px;
	color:#666;
}
a {
	color:#FFF;
}
a:hover {
	color:#CCC;
}
#content a {
	color:#333;
	text-decoration:none;
}
#content a {
	text-decoration:underline;
}

/*
============
1)   Шапка
============
*/
#top {
	width:100%;
	height:100px;
	background:url(images/top-bg.gif) repeat-x top left;
}
#top #top-body {
	width:100%;
	height:100%;
	background:url(images/top-bg-body.jpg) no-repeat top right;
	overflow:hidden;
}
#top-body #logo, #top-body #basket {
	float:left;
}
#top-body #logo img{
	padding:33px 0 0 40px;
}
#top #top-body {
	width:100%;
	height:100%;
	background:url(images/top-bg-body.jpg) no-repeat top right;
}
#top-body #basket {
	padding:35px 0 0 62px;
}
#basket .image {
	display:block;
	width:24px;
	height:24px;
	float:left;
	background:url(images/top-basket.gif) no-repeat top left;
}
#basket .status  {
	float:left;
	color:#FFF;
	font-size:10px;
	margin:6px 0 0 5px;
}
#basket .status .login {
	margin-top:5px;
	color:#AAA;
}

#contacts {
	float:right;
	position:relative;
	right:5%;
	width:380px;
	color:#FFF;
	top: 35px;
}
#contacts a, #contactsTD a, {
	text-decoration: none;
}
#contacts .phone, #contactsTD .phone {
	background:url("images/ico-phone.png") no-repeat scroll 0 2px transparent;
	font-size:18px;
	height:25px;
	margin-top:36px;
	padding-left:30px;
	display:inline;
}
#contacts .icq, #contactsTD .icq {
	padding-top:3px;
	background:url("images/ico-support.png") no-repeat scroll 0 2px transparent;
	display:inline;
	font-size:18px;
	margin-left:10px;
	padding-left:30px;
	padding-top:0;
}

/*
============
2)   Меню
============
*/
#top-menu {
	background:url(images/top-bg-menu.png) top left repeat-x;
	height:35px;
	min-width:1024px;
	width: 100%;
}
#top-menu ul, #top-menu li {
	display:block;
	padding:0;
	margin:0;
}

#top-menu li {
	display:block;
	height:35px;
	float:left;
	text-align:center;
}

#top-menu a {
	display:block;
	height:22px;/* 35px - 10 */
	padding-top:12px;
	font-size:10px;
	color:#CCC;
	text-decoration:none;
	text-transform:uppercase;
	background:url(images/top-menu-buttons.png) no-repeat top;
}


/* Новости */
#menu-news a {
	width:97px;/* 112px - 15*/
	padding-left:15px;
	background-position:0px 0px;
}
#menu-news a:hover, #menu-news.light a {
	background-position: 0px -35px;
}

/* Каталог товаров */
#menu-catalog a {
	width:140px;
	background-position:-112px 0px;
}
#menu-catalog a:hover, #menu-catalog.light a {
	background-position:-112px -35px;
}

/* Специальные предложения */
#menu-special a {
	width:195px;
	background-position:-252px 0px;
}
#menu-special a:hover, #menu-special.light a {
	background-position:-252px -35px;
}

/* Клуб Софтмаркт */
#menu-club a {
	width:137px;
	background-position:-447px 0px;
}
#menu-club a:hover, #menu-club.light a {
	background-position:-447px -35px;
}

/* Помощь */
#menu-help a {
	width:95px;
	background-position:-584px 0px;
}
#menu-help a:hover, #menu-help.light a {
	background-position:-584px -35px;
}


/* Поиск */
#top-menu #top-search {
	float:right;
	margin:7px 7px 0;
	overflow:hidden;
}
#top-search #search{
	float:left;
	width:246px;
	padding-left:2px;
}
#top-search .image {
	display:block;
	float:left;
	position:relative;
	right:15px;
	top:3px;
	width:13px;
	height:13px;
	background:url(images/top-menu-search.gif) no-repeat top left;
}

/*
============
3)   Тело
============
*/

#body {
	width:100%;
	float:left;
	background-color:#FFFFFF;
}

/*
============
4)  Левое Меню
============
*/
#body #left-menu {
	float:left;
	width:204px;
}
#left-menu .menu ul {
	margin:0;
	padding:18px 0 18px 30px;
	list-style-type:none;
}
#left-menu .menu li {
	display:block;
	padding:5px 0 7px 0;/* оптимальное значение 5px 0 7px 0 */
	font-size:14px;
	padding-left:10px;
	text-indent: -10px;
	color:#FFFFFF;
}
#left-menu .menu li:before {
	content: "\2022 \0020";
	opacity: 0.7;
}
#left-menu .menu {
	width:100%;
	height:390px;
	background:#FF6600 url(images/left-bg-menu.jpg) no-repeat top left;
}
#left-menu .menu a {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#left-menu .menu a:hover, #left-menu .menu .light a {

	color:#FFFF99;
	text-decoration:underline;
}


/*Рейтинг*/
#left-menu #rating {
	margin-top:24px;
	float:left;
	position:relative;
	left:20px;
	width:182px;
	border:1px solid #D9D9D9;
}
#left-menu #rating ul {
	margin:0;
	//margin:0 0 -2px 0;
	padding:0;
	list-style-type:none;
	font-size:11px;
	color:#333333;
}
#left-menu #rating ul div {
	font-weight:bold;
	padding:15px 0 0 15px;
	height:20px;
}
#left-menu #rating li {
	width:100%;
	margin:0;
	padding:0;
	color:#CCC;
}
#left-menu #rating a {
	display:block;
	padding:6px 10px 6px 15px;
	color:#006699;
	font-size:11px;
	text-decoration:none;
}

#left-menu #rating a:hover{
	text-decoration:underline;
	background: #F2F2F2 url(images/production-gray.gif) bottom left repeat-x;
	/*background-position: 0% 0%;*/
}

/*Архив новостей*/
#left-menu #calendar-news {
	margin-top:24px;
	margin-bottom:10px;
	float:left;
	position:relative;
	left:20px;
	width:182px;
	border:1px solid #D9D9D9;
}
#left-menu #calendar-news ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:11px;
	color:#333333;
}
#left-menu #calendar-news ul div {
	font-weight:bold;
	padding:15px 0 0 15px;
	height:20px;
}
#left-menu #calendar-news li {
	width:100%;
	margin:0;
	padding:0;
	color:#CCC;
}
#left-menu #calendar-news a {
	display:block;
	width:157px;
	height:20px;
	padding:6px 10px 0 15px;
	color:#006699;
	font-size:11px;
	text-decoration:none;
}
#left-menu #calendar-news a:hover {
	background:url(images/production-gray.gif) repeat-x top left;
}
#calendar-news .light a {
	background:url(images/production-gray.gif) repeat-x top left;
}
#calendar-news .light ul li a {
	text-decoration:none;
	background:none;
}
#calendar-news #sublight-month a {
	background:url(images/production-gray.gif) repeat-x top left;
}

/* Меню производителя */
#left-menu #production {
	margin-top:24px;
	float:left;
	position:relative;
	left:20px;
	width:182px;
	border:1px solid #D9D9D9;
	border-bottom:none;
}
#left-menu #production ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:11px;
	color:#333333;
}
#left-menu #production ul div {
	font-weight:bold;
	padding:15px 0 0 15px;
	height:20px;
}
#left-menu #production li {
	width:100%;
	margin:0;
	padding:0;
	color:#CCC;
}
#left-menu #production a {
	display:block;
	width:157px;
	height:20px;
	padding:6px 10px 0 15px;
	color:#006699;
	font-size:11px;
	text-decoration:none;
}
#left-menu #production a:hover, #left-menu #production .light a {
	text-decoration:underline;
	background:url(images/production-gray.gif) repeat-x top left;
}

/* Выбор производителя */
#left-menu #production .menu {
	width:100%;
	height:40px;
	background:url(images/production-yellow.gif) repeat-x top left;
	text-align:center;
}

#left-menu #production .select {
	margin-top:12px;
	width:155px;
}
/* Странная проблема в IE6 с 10px */
#left-menu .ie-fix {
	width:100%;
	height:10px;
	position:relative;
	top:-10px;
	background-color:#FFF;
}

/* Необходимый отступ */
#body #main {
	padding-left:204px;
}
/*
============
5)   Контент
============
*/

#splash-image {
	float:left;
	width:100%;
	height:365px;
	background:url(images/main-bg.jpg) repeat-x top left;
}
#splash-image #main-banner {
	width:100%;
	height:100%;
	background:url(images/main-windows.jpg) no-repeat top left;
}

/* Новости */
#top-news, #news {
	float:left;
	width:100%;
	margin-top:10px;
	font-size:11px;
	color:#666;
}
#top-news strong, #news strong, #news a, #top-news a {
	color:#333;
	text-decoration:none;
}
#news a:hover, #news a:hover strong,
#top-news a:hover, #top-news a:hover strong {
	color:#888;
}
/* Первая важная новость */
#top-news .first {
	float:left;
	width:49%;
}
/* Вторая важная новость */
#top-news .second {
	float:right;
	width:49%;
}
/* Новости сверху-вниз */
#news, #content {
	margin-top:10px;
	border:1px solid #D9D9D9;
	border-left:none;
	border-right:none;
	font-size:12px;
}
#content {
	padding: 0px 0 10px 0;
}
#news h1 {
	margin-top:10px;
}
#news .newsid {
	width:100%;
	margin:15px 0 20px 0;
	line-height:16px;
}
#news .newsid .post-date {
	color:#666;
	margin-bottom:2px;
}

#tm {
	float:left;
	width:100%;
	background-color:#FFF;
}
#tm .pad {
	padding:20px 195px 0 90px;
}
#tm .pad .content {
	width:100%;
	position:relative;
	top:40px;
}
/* Лучше не знать, что это такое */

#main .top {
	float:left;
	width:100%;
	height:35px;
	background:#222 url(images/body-top-bg.gif) repeat-x top left;
}
#main .top .bg-layer {
	width:100%;
	height:100%;
	background:url(images/body-top-bg.jpg) no-repeat top right;
}

/* Текстовое меню */
#main .top .bg-layer .content,
#main .top .bg-layer .content2 {
	padding:10px 0 0 15px;
}
#main .top .bg-layer .content ul,
#main .top .bg-layer .content2 ul {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
	font-size:10px;
}
#main .top .bg-layer .content li,
#main .top .bg-layer .content2 li {
	display:inline;
	color:#7F7F7F;
	margin-right: 6px;
}
#main .top .bg-layer .content2 li:after {
	margin-left:10px;
	color:#7F7F7F;
}
#main .top .bg-layer .content .light a,
#main .top .bg-layer .content2 .light a {
	color:#CCC;
}
/* Тень */
#main #top-bottom {
	float:left;
	width:100%;
	height:17px;
	background:url(images/body-top-shadow.gif) repeat-x top left;
}

#main #middle {
	float:left;
	width:100%;
	background-color:#FFFFFF;
	overflow:hidden;
}
#main #review {
	float:left;
	width:100%;
	margin-left:-195px; /* для изменения ширины правого баннера +20px отступ слева */
}
#main #review .box {
	padding-left:215px; /* для изменения ширины правого баннера */
}

/* Правый баннер */
#main #ad {
	float:right;
	width:175px; /* для изменения ширины правого баннера */
}
#main #ad .box {
	border:1px solid #D9D9D9;
	margin-left:20px;
	margin-top:32px;
	width:120px;
	height:600px;
}
#main #review .box .in-box {
	width:100%;
}




/* Наименование товара */
h1 {
	width:100%;
	font-size:18px;
	color:#333;
	padding:0;
	margin:0;
	font-weight:lighter;
}
/* Описание товара (чем больше объем - тем лучше) */
#main #review .box .in-box .description {
	margin-bottom:10px;
}
#descript {
	min-height:270px;/* вот поэтому чем больше - тем лучше (IE не понимает этого свойства) */
}

.description .image {
	float:left;
	border:1px solid #F7F7F7;
	border-top:none;
	margin:0 20px 10px 0;
}
.description .desc {
	padding-top:1px; /* IE fix */
	line-height:14pt;
	font-size:12px; /* по идее - 11px, но рекомендую поставить 12px - значительно читабельнее */
        min-height:365px;
	/*padding-right:20px;*/
}
.description .desc .post-date {
	position:relative;
	top:6px;
	text-align:right;
	color:#666;
	font-size:11px;
}
.description .desc .copyright {
	text-align:right;
	font-style:italic;
	color:#666;
}
.newsdesc {
	color: #333;
}
.newsdesc a {
	text-decoration: underline !important;
}
/* Заказ товара */
#main #review .box .in-box #buy {
	border-top:1px solid #D9D9D9;
}
#main #review .box .in-box #buy #tr-buy  {
	background:url(images/production-gray.gif) repeat-x top left;
}
#main #review .box .in-box #buy #tr-buy td {
	border:none;
	font-size:11px;
}
#main #review .box .in-box #buy td {
	padding:5px 10px 5px 10px;
	font-size:11px;
}
#main #review .box .in-box #buy #tr-buy td {
	padding:0px 10px 0px 10px;
	font-size:11px;
}

#main #review .box .in-box #buy td {
	border-bottom:1px solid #D9D9D9;
	font-size:11px;
}
#main #review .box .in-box #buy .last-child td {
	border-bottom:none;
	font-size:11px;
}
#main #review .box .in-box #buy .bold {
	font-weight:bold;
	font-size:11px;
}
#review .box .in-box #buy .bold .variant{
	float:left;
	font-size:11px;
}
#review .box .in-box #buy td#my-basket {
	padding:0;
	border-bottom:none;
}

/* Системные требования */
#review .box .in-box #review-splash {
	margin-top:40px;
	height:67px;
	width:100%;
	background:url(images/review-splash.gif) repeat-x top left;
}
#review-splash #in-splash {
	height:47px; /* 67px - 10px сверху и - 10px снизу */
	padding:10px;
}
.in-box #in-splash .mini {
	float:left;
	width:17%;
	height:100%;
	color:#666;
	font-size:10px;
}
.in-box #in-splash #mini-begin {
	width:16%;
}
.in-box #in-splash #mini-end {
	width:16%;
}
.in-box #in-splash .mini div {
	height:17px;
	font-size:11px;
	font-weight:bold;
	padding:2px 0 0 19px;
	margin-bottom:3px;
}
/* Информация о разработчиках продукта */
.in-box .info {
	color:#666;
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	/* border-collapse:collapse;   FireFox - sux */
}
.in-box .info td {
	border:1px solid #D9D9D9;
	border-bottom:0;
	border-right:0;
	line-height:14px;
}
.in-box .info a {
	color:#006699;
}
.in-box .info a:hover {
	color:#1C89BF;
}
.in-box .help {
	margin-bottom:36px;
}

/* Дополнительные товары */
.in-box #more {
	margin-top:10px;
	height:240px;
	border-left:1px solid #D9D9D9;
}
#more td {
	border:1px solid #D9D9D9;
	border-left:none;
}
#more td a:hover {
	text-decoration:none;
}

/* Описание дополнительных товаров */
.in-box #more .item {
	text-align:center;
	margin-top:20px;
}
.in-box #more .desc {
	display:block;
	width:130px;
	text-align:left;
	margin-top:10px;
	font-size:11px;
	color:#666;
}
.in-box #more .desc strong {
	color:#333;
}

/* Скрываем все, что захочет вылезти */
.in-box {
	overflow:hidden;
}

/*  */

.cart-space {
	height:20px;
	margin-bottom:10px;
}
#buy input[type="text"] {
	width:50%;
	text-align:center;
}

.hr {
	line-height:0;
	width:100%;
	float:left;
	border-top:1px solid #CCC;
}
.button-box {
	float:right;
}
.button-box input{
	border:0px;
	height:25px;
	cursor:pointer;
}
.button-box .button {
	height:25px;
}
.button-box .button .f-left {
	float:right;
	height:100%;
	width:37px;
	background:url(images/button-left.png) no-repeat top left;
}
.button-box .button .f-right {
	float:right;
	height:100%;
	width:6px;
	background:url(images/button-right.png) no-repeat top left;
}
.button-box .button .text {
	float:right;
	color:#666;
	background:url(images/button-bg.png) repeat-x top left;
	line-height:25px;
	padding:0 5px 0 10px;
	text-decoration:none;
}
.button-box .button {
	cursor:default;
}
.button-box .button a {
	cursor:pointer;
	text-decoration:none;
}
.button-box .button .text a {
	margin-left:5px;
	text-decoration:underline;
	color:#069;
}
.button-box .button .text a:hover, .button-box .button .text a.light {
	color:#069;
	text-decoration:none;
}

.description .f-left {
	float:left;
	width:48%;
	height:35pt;
}
.description .f-right {
	float:right;
	width:48%;
	height:35pt;
}
.description input {
	width:99%;
	margin-top:1pt;
}

.attention {
	font-size:11px;
	color:#069;
	position:relative;
	top:-5pt;
	left:10px;
}
.attention:hover {
	color:#39F;
}


#body .club {
	height:710px;
	background:url(images/club-bg-left.jpg) repeat-x top left;
}
#body .club .image {
	position:relative;
	left:50%;
	margin-left:-500px;
	height:710px;
	width:1000px;
	background:url(images/club-image.jpg) no-repeat top left;
	color:#FFF;
}
#body .club .bg-right {
	background:url(images/club-bg-right.jpg) repeat-x top right;
	width:50%;
	height:100%;
	float:right;
}


#club-1 {
	width:300px;
	height:200px;
	position:absolute;
	top:201px; /* 170 */
	left:75px;
}
#club-2 {
	width:240px;
	height:200px;
	position:absolute;
	top:340px;
	left:225px;
}
#club-3 {
	width:300px;
	height:200px;
	position:absolute;
	top:340px;
	left:675px;
}
#club-4 {
	width:560px;
	height:200px;
	position:absolute;
	top:551px;
	left:225px;
}
#body .club .image h1 {
	color:#FFF;
	margin:0 0 15px 0;
	padding:0;
}

/*
============
6)   Подвал
============
*/
#bottom {
	float:left;
	width:100%;
	background-color:#FFF;
	padding-top:80px;
}
#bottom.entire-page { /* Обратите внимание на этот класс! Он есть только на страницах, где нет левого меню. */
	padding-top:0;
}
#bottom .top {
	width:100%;
	height:18px;
	background:url(images/bottom-top-bg.gif) repeat-x top left;
	overflow:hidden;
}
#bottom .top .bg-left {
	float:left;
	width:280px;
	height:100%;
	background:url(images/bottom-top-bg-left.gif) no-repeat top left;
}
#bottom .top .bg-right {
	float:right;
	width:280px;
	height:100%;
	background:url(images/bottom-top-bg-right.gif) no-repeat top right;
}
#bottom .down {
	float:left;
	width:100%;
	height:18px;
	background:url(images/bottom-top-bg-down.gif) repeat-x top left;
}
#bottom .info {
	width:100%;
	height:145px;
	background-color:#808080;
}
#bottom #contactsTD {
	vertical-align: top;
	padding: 15px 100px 0 0px;
	color:#FFF;
	min-width: 380px;
	text-align: right;
}

#bottom .copyright {
	color:#FFF;
	font-size:10px;
	vertical-align: top;
	padding: 15px 0 0 60px;
}
#bottom .copyright .image {
	background:url("images/copyright.gif") no-repeat scroll 0 6px transparent;
	float:left;
	height:23px;
	margin-right:4px;
	width:16px;
}

span.ruble {font-size:2.5ex;font-family:'Times New Roman';}
span.dot {text-decoration:line-through;font-size:1.4ex;margin-left:-2ex;}

hr {
	border: none;
	height: 1px;
	background-color: #D9D9D9;
	color: #D9D9D9;
}
hr.nomragin {
	margin: 0;
}


/*Table*/
table.data-table
{
	width:100%;
	border-collapse:collapse;
	border-left: none;
	border-right: none;
	border-top: 1px solid #D9D9D9;
}

/*Table head*/
table.data-table th
{
	background-image:url(images/production-gray.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#333333;
	padding: 5px 10px 5px 10px;
}

/* Table cells and heads*/
table.data-table td
{
	border-bottom:1px solid #D9D9D9;
	padding: 3px 5px;
	vertical-align:top;
	padding: 5px 10px 5px 10px;
}

.starrequired {
	color: red;
}

.in-box .catBox {
	float:left;
	width:100%;
	margin-top:0px;
	margin-bottom:20px;
}
.catBox .left {
	float:left;
	width:50%;
}
.catBox .right {
	float:left;
	width:50%;
}
.catBox .catItem {
	float:left;
	margin-top:10px;
	margin-bottom:30px;
	width:90%;
}
#content .catItem strong {
	font-size:12px;
	display:block;
	margin-bottom:7px;
}
#content a.section-name {
	color:#006699;
}
#content a.section-name:hover {
	color:#1C89BF;
	text-decoration: underline;
}
.catItem ul {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}
.catItem ul li {
	margin:0;
	padding:0;
	margin-right:2px;
	display:inline;
	color:#CCC;
	font-size:14px;
}
#content .catItem ul li a {
	font-size:11px;
	color:#006699;
}
#content .catItem ul li a:hover {
	color:#1C89BF;
	text-decoration: underline;
}

/*FORMS*/
.form{
	float:left;
	width: 100%;
}
.form .f-left,
.form .f-left-2 {
	float:left;
	width:48%;
}
.form .f-left {
	height:35pt;
}
.form .f-right,
.form .f-right-2 {
	float:right;
	width:48%;
}
.form .f-right {
	height:35pt;
}
.form .f-left-textarea{
	height:85pt;
	float:left;
	width:48%;
}

.form .f-right-textarea {
	float:right;
	width:48%;
	height:85pt;
}
.form .f-left-date{
	float:left;
	width:48%;
	height:35pt;
}

.form input,  .form .typefile, .form select{
	width:99%;
	margin-top:1pt;
}
.form .f-left-date input {
	width:85%;
}
.form input.checkbox {
	width:20px;
	margin-top:1pt;
}
.form textarea {
	width:99%;
	margin-top:1pt;
	height:60pt;
}
.form .desc {
	padding-top:1px; /* IE fix */
	line-height:14pt;
	font-size:12px; /* по идее - 11px, но рекомендую поставить 12px - значительно читабельнее */
	/*padding-right:20px;*/
}
#buy .variant_description {
	line-height:14pt;
	padding-bottom: 5px;
	display: none;
}
span.ruble {font-size:2.5ex;font-family:'Times New Roman';}
span.dot {text-decoration:line-through;font-size:1.4ex;margin-left:-2ex;}

@font-face { font-family: "Rubl Sign"; src: url(/images/ruble.eot); }
span.rur { font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}
span.rur span { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1ex 0 0 -.55em; // display: none; }
span.rur span:before { content: '\2013'; }
.additionalCategoryText {
	margin-top:50px;
	clear:both;
}
.toggle-link {border-bottom: 1px dotted; text-decoration: none !important;}
.errortext {color: red;}


#itemPricePoint {
	display:block;
	float:right;
	width:200px;
	margin:0 20px 30px 20px;
	text-shadow: #F30 0px -1px 0px !important;
}	

#itemBuyPoint {
	display:block;
	float:right;
	width:210px;
	height:73px;
	background:url(images/bg-item-buy-point.png);
	padding:0 10px 0 10px;
}

#itemBuyPoint a {
	display:block;
	width:180px;
	line-height:43px;
	font-size:34px;
	color:#FFF;
	text-decoration:none;
	overflow:hidden;
	white-space:nowrap;
}

.itemBuyPoint {
	font-size:11px !important;
	text-transform:uppercase;
	text-align:right;
	line-height:30px !important;
	font-weight:bold !important;
}