* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100.01%;
}

body {
	/* background: #e2f1fb; */
	text-align: center;
	background: #94caec;
	color: #505050;
	font-family: tahoma, verdana, helvetica, sans-serif;
	/* font-size: 80%; */
	font-size: 12px;
}
a {
	/*color: #0077BC;*/
	color: #006eae;
	text-decoration: underline;
}
a:active, a:focus {outline: none;}
a:hover {
	text-decoration: none;
}
a:active {outline: none}
table {
	border-collapse: collapse;
}
table td {
	vertical-align: top;
}
a img {
	border: none;
	outline: none;
}
ul, ul li {
	list-style: none;
}
input {
	border: 1px solid #99c8da;
	padding: 1px 0 1px 3px;
}
input.cbx {border: none!important; padding: 0;}
h4.news-title {
	background: url(/i/news.gif) no-repeat;
	width: 172px;
	height: 86px;
	text-indent: -1000em;
	overflow: hidden;	
}
h1, h2 {font-size: 120%;}
h3, h4, h5 {font-size: 110%;}
h3.special {font-size: 130%;}
h6 {font-size: 100%;}
.container h1, .container h2, .container h3, .container h4, .container h5 {
	padding-bottom: 10px;
}
.h-title {font-size: 130%; margin-bottom: 10px; color: #006EAE;}
.right {float: right;}
.center {text-align: center;}
.align-right {text-align: right;}
.clear {clear: left;}
.clear-right {clear: right;}
h5.cubes { background: url(/i/cube.gif) no-repeat 0 2px; padding-left: 20px }
h5.cubes em {font-size: 11px; font-style: normal; font-weight: normal}
.lfl {
	float: left;
	margin: 0 10px 10px 0;
}
.small {font-size: 11px;}
sup {color: #da251d}
.em {
	padding: 10px 20px 10px 20px;
	background: #e9f5f9;
	border: 1px solid #c5e2f1;
	color: #464646;
	overflow:hidden;
}

.em p, .em h2 {margin-bottom: 10px}
.container {margin-bottom: 15px;}
.red {color: #DA251D}
.blue {color: #003663;}
#nav a, .st-button, #basket a  {text-decoration: none;}
#nav li.wide ul {width: 250px;}
.st-button, #basket a, .button {color: #002157;}
.overflow {overflow: hidden}
.article h4 {
	font-size: 110%;	
	padding-bottom: 10px;
}
#basket a:hover {color: #fff;}
/*________basket___________*/
#basket, .banner {float: right;}
#basket {
	width: 146px;
	height: 64px;	
	background: #55a7e3 url(/i/basket.jpg) no-repeat;
	color: #fff;
}
#basket h4 {
	font-size: 14px;
	background: url(/i/basket-icon.gif) no-repeat 10px 8px;
	padding: 8px 0 3px 34px;
}

#basket h4 a {
	color: #fff;
}

#basket p {
	font-size: 11px;
	padding: 0 3px 0 14px;
}
#basket p a:hover:after {content: "»";}
.large #basket {position: relative;}
/*_____subscribe___________*/
#subscribe {
	width: 180px;
	float: left;	
	padding: 5px 0 15px 0;
}
.large #subscribe {padding-left: 6px;}
#subscribe form {
	padding-top: 8px;
}
#subscribe input {
	color: #898989;
}
#subscribe .small-submit {
	display: inline-block;
	background: url(/i/ok.gif) no-repeat;
	border: solid 0px;
	color: #003663;
	width: 34px;
	height: 20px;
	vertical-align: top;
	line-height: 14px;
	cursor: pointer;
	padding: 0 0 4px 0;
}
/*________layout___________*/
#page {
	width: 996px;
	position: relative;
	text-align: left;
	background: #fff url(/i/footer.png) no-repeat bottom left;	
	margin: auto;
	overflow: hidden;
	padding-bottom: 135px;
}
#header {
	height: 209px;
	background: #c2e0f5 url(/i/header-w.jpg) no-repeat;
}
#h-text {
	position: absolute;
	display: block;
	left: 338px;
	top: 75px;
	width: 531px;
	height: 22px;
}
#header .info {
	position:  absolute;
	width: 132px;
	height: 71px;
	top: 128px;
	right: 19px;
	padding: 5px 10px 5px 12px;
	background: url(/i/maindvd/info-bg.png) no-repeat;	
	line-height: 15px;
}
#header .info a {text-decoration: none;}
#header .info strong {color: #1871A5;}
#header .info span {color: #DA251D;}
#lcol {
	width: 280px;
	float: left;	
	background: url(/i/line.png) no-repeat 235px 15px;
}
.b-item {
	margin: 0 42px 0 10px;
	padding: 10px 0 15px 0;
	clear: left;
	overflow: hidden;	
}
.index .b-item {
	padding: 10px 0 0 0;	
}
#content {margin-left: 290px; padding :15px 15px 15px 0;}
#lcol {padding: 15px 0 15px 0;}
.product-img img {
	border: 1px solid #fff;	
}
.product-img:hover img {border: 1px solid #99c8da;}
#sidebar {padding: 0 0 15px 0;}
.large {overflow: hidden;}
.short {
	width: 318px;
	border: 1px solid red;
	}
#footer {
	text-align: center;
	clear: left;
}
#footer ul {
	text-align: center;
	padding: 10px 0 20px 0;
}
#footer ul li {
	display: inline;
	background: url(/i/cube.gif) no-repeat 0 1px;
	padding: 0 20px 0 20px;
}
#counter {
	position: absolute;
	bottom: 0;
	right: 5px
}
#copy {
	position: absolute;
	bottom: 10px;
	left: 15px;
	color: #000;
	font-size: 11px;
}
/*_____navigation________*/
#nav {
	width: 100%;
	height: 36px;	
	background: #0077bc url(/i/nav-bg.png) repeat-x;
}
#nav li {
	float: left;
	position: relative;
	font-size: 12px;
	color: #fff;
	
	/*padding: 11px 41px 11px 40px;	*/
	}
	
	
#nav li a, #nav li span {
	color: #f4f4f4;
	font-weight: bold;
	display: block;
	padding: 11px 41px 11px 40px;	
}
#nav li a:hover, #nav li:hover > a, #nav li:hover > span {
	color: #fff;
	background: #0077bc url(/i/active.png) repeat-x;
}
#nav li#current {
	background: #0077bc url(/i/active.png) repeat-x;
}
#nav li ul {
	display: none;
	width: auto;
	/*background: #0077bc;*/
	background: #3d98cc;
	position: absolute;
	left: 0;
	top: 35px;
	width: 160px;	
	z-index: 400;	
	border-bottom: 3px solid #3d98cc;		
}
#nav li:hover ul, #nav li.over ul {
	display: block;
}

#nav li ul li {
	float: none;
	padding: 0;
	display: inline;
}
#nav li ul li a {
	font-weight: normal;
	display: block;	
	border-bottom: 1px solid #75b5db;
	padding: 7px 15px 7px 20px;
}
#nav li ul li a:hover {
	background: #0077bc;
	text-decoration: none;
}
#nav li.ishop span {
	color: #ffe400;
	background: url(/i/menu/shop2.png) no-repeat 15px 8px;
}
#nav li.ishop a {padding: 0;}
/*#nav li.ishop:hover span {
	background-color: #0077bc;
}*/
.pr-img {
	float: left;
	margin-right: 10px;
}
.title {padding-bottom: 15px;}
.st-button, .button {
	float: left;	
	height: 27px;	
	background: url(/i/button.png) no-repeat 0 -54px;
	padding-left: 10px;	
	margin: 10px 0 10px 0;
	/*position: relative;*/
}
/*.st-button:hover {background: url(/i/button.png) no-repeat;}
.st-button:hover span {background: url(/i/button.png) no-repeat 100% -27px;}*/
.st-button span, span.button input {
	display: block;
	height: 27px;
	line-height: 27px;
	cursor: pointer;
	background: url(/i/button.png) no-repeat 100% -81px;
	padding-right: 10px;
}
.st-button:hover {color: #505050;}
span.button input {border: solid 0px}
/*____article________*/
.article {padding: 0 20px 20px 0;}

.article p {
	margin-bottom: 10px;
	line-height: 1.4em;
}
.article ul {
	padding: 10px 0 10px 0;
}
.article ul li, .article .cubes li ul li, ul.artlist li {
	background: url(/i/bullet.gif) no-repeat 0 8px;
	padding: 3px 0 3px 10px;
}

.cubes li ul li {padding: 0 0 5px 10px}
ul.cubes {
	padding: 5px 0 10px 0;
}
ul.cubes li, ul.video li {
	background: url(/i/cube.gif) no-repeat 0 4px;
	padding: 3px 0 5px 20px;
}
.img-l {
	float: left;
	margin: 0 15px 10px 0;
	}
/*____news__________*/
#news dt {
	font-weight: bold;
	color: #f77025;
}
#news dd {margin-bottom: 15px;}
/*____sponsors_______*/
#sponsors {	
	clear: left;
	position: relative;
	float: left;
	left: 50%;
}
#sponsors li {
	position: relative;
	left: -50%;
	float: left;
	padding: 10px;
}

.index-news {padding: 10px 15px 20px 15px;}
/*___green-banner_________*/
#gr-banner {	
	position: relative;
	height: 42px;
	width: 799px;
	margin: auto;
	clear: left;
	background: #5bb00c url(/i/green-ban.png) no-repeat center 0;
	text-align: center;
	font-size: 18px;
}
#gr-banner a {
	text-transform: uppercase;
	color: #fff;	
	text-decoration: none;
	display: block;
	padding-top: 10px;
}
#gr-banner a:hover {color: #DF0070;}

table.data, table.form {
	border-collapse: collapse;
}
table.data td, table.data th {	
	border: 1px solid #e1e1e1;
}
table.data th {
	background: #53a8e1;
	color: #fff;
	padding: 12px;
}
table.data td {
	padding: 8px 12px 8px 12px;	
}
table.no-border td {
	border: none;
}
.vmiddle {
	vertical-align: middle;
}
table.form td {
	padding: 8px 5px 0 5px;
	vertical-align: middle;
}
.list td {
	border: solid #DCDCDC;
	border-width: 0 0 1px 0;
	padding: 15px 0 15px 0;
}
.list td a img {
	margin-right: 15px
	}
/*________ form_____________*/
.form table td {
	vertical-align: top;
	padding-bottom: 10px;
	}
.form input, .form textarea {border: 1px solid #b7b7b7;}
.form input.button {
	border: solid 0px;
	width: 96px;
	height: 27px;
	line-height: 27px;
	background: url(img/button.jpg) no-repeat;
	text-align: center;
	cursor: pointer;
	color: #322779;
	}	
input.basket-flag {
	float:left;
	margin-right:9px;
	margin-top:14px;
	border: none;
}
/*___logos_______________*/
ul#logos {overflow: hidden}
ul#logos, ul#logos li {list-style: none;}
ul#logos li {
	float: left;		
	margin: 8px 10px 8px 10px;
	height: 98px;	
	line-height: 98px;	
	background: none;
	}	
ul#logos li img {vertical-align: middle;}	
/* for feedback */	
div.divider {
	margin: 0 0 40px 0;
	border-bottom: 1px solid #ebebeb;
}

/*---- catalog ---*/
.cat {
	table-layout: fixed;
	width: 99%;
	margin: 0 auto 0 auto;	
}

.cat th {
	padding: 8px 0 12px 0;
	text-align: center;	
	background: url(../i/th.png) repeat-x;
	border: solid #cecece;
	border-width: 1px 0 0 0;
}

.cat th h4 {
	color: #da251d;	
	font-size: 120%;	
}

#all-content {
	padding: 15px 15px 0;	
}

.cat td.title h4 {
	color: #da251d;	
	font-size: 120%;
	text-align: center;
	background: url(../i/th.png) repeat-x;
	border: solid #cecece;
	border-width: 1px 1px 0 1px;
	margin-right: 5px;
	padding: 5px 0 7px 0;
}

.cat .pr-info {margin-bottom: 10px;}

.draw {text-align: center;}
.draw img {border: 1px solid #8bc4e2;}

/* social quest */
.opros table {
	width: 100%;
}
.opros table td {
	vertical-align: middle;
	padding: 0 8px 3px 8px;
}
.opros table td.number {
	width: 20px;
}
.opros strong {
	font-size: 18px;
	color: #e10000;
	display: block;
	width: 10px;
}
.opros .question {
	font-weight: bold;	
	background: #E9F5F9;
	border: solid #C5E2F1;
	border-width: 0 0 1px 0;
}
.opros .q-item {
	border: 1px solid #DFDFDF;
	padding: 3px;
	margin-bottom: 12px;
}
.opros label, .opros input {	
	padding-right: 5px;
	vertical-align: middle;
}
.opros .answers table {
	width: auto;
	margin-top: 10px;
}
.opros .answers table td {
	vertical-align: top;
	padding: 0 5px 4px 0;
}

/* ---- new catalog -------- */
#categories {
 width: 229px;
 margin-left: 10px;
}
#categories h3 {
 background: #76bc06 url(../i/cat/header.png) no-repeat;
 height: 36px;
 line-height: 34px;
 text-align: center;
 font-size: 18px;
 font-weight: normal;
}
#categories h3, #categories h3 a {color: #fff;}
#categories h3 a {
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
#categories h3 a:hover {
	border: none;
}

#categories ul {
 background: #e8f6f3 url(../i/cat/menu.png) no-repeat bottom left;
 width: 203px;
 margin-left: 13px;
 padding: 13px 0 13px 0;
}

/* #categories ul {
background:#E8F6F3 url(../i/cat/menu.png) no-repeat scroll left bottom;
margin-left:5px;
padding:13px 0;
width:220px;
} */

#categories ul li {
 color: #df0070;
 padding: 0 0 4px 10px;
 /*background: url(../i/cat/pointer.png) no-repeat 0 3px;*/
 font-weight: bold;
}
#categories ul li a {
 padding-left: 0;
}
#categories ul li ul li a {
 /* color: #0068a4; */
 color: #002193;
 
 padding-left: 15px;
 display: block;
 text-decoration: none;
}
#categories ul li ul li a:hover {
 text-decoration: underline;
}
/*#categories ul li span {
 background: url(../i/cat/pointer.png) no-repeat 0 3px;
 padding-left: 14px;
 font-weight: bold;
}*/
#categories ul li ul {
 padding: 5px 12px 5px 0;
 margin: 0;
 background: none;
 width: auto;
}
#categories ul li ul li {
 font-weight: normal;
 background: url(../i/cat/arrow.png) no-repeat 13px 6px;
}

.products {
 margin-top: 15px;
table-layout: fixed;
 width: 100%;
}
.title-cat {
 color: #da251d;
 font: 25px tahoma, verdana, sans-serif;
}
.link {
 font-size: 11px;
 padding-top: 10px;
}

.cat-img {
 padding: 0 20px 20px 0;
}
.products1 .cat-img {padding: 0 5px 20px 0; text-align: center;}

.cat-img img {
 float: left;
 margin: 0 10px 8px 0;
}
.products .cat-img img, .products1 .cat-img img {float: none; margin: 0;}
.cat-img .pr-info, .pr-info {
 overflow: hidden;
}
.cat-img .pr-info h4 {
 font-size: 12px;
 padding-bottom: 8px;
}
.cat-img .pr-info table {
 margin: 10px 0 10px 0;
}
.cat-img .pr-info table td {
 vertical-align: top;
 padding: 0 6px 0 0;
}
.cat-img .pr-info table td span {
 margin: 0;
}
.cat-img .pr-info table td input.cbx {
 display: block;
 margin-top: 6px;
}

#categories ul li span {
     background: url(../i/cat/pointer.png) no-repeat 0 3px;
padding-left: 14px;
}

/*.products1 .cat-img a {color: #002193}*/

/* r-column */
#right-col {
	width: 200px;
	padding: 0 0 0 10px;
	/*border-left: 1px solid #E8F6F3;*/
	background: #E8F6F3;
	text-align: center;
}

#right-col .item {
	width: 180px;
	margin: 0 auto 20px auto;
	overflow: hidden; 
	text-align:  center;
	 }
#right-col h2 {color: #DF0070; font-size: 14px; text-align: center;}
#right-col .button {margin-left: 40px}
#right-col h3.title, #right-col h3.title a {
	font-size: 20px;
	font-weight: normal;
	/*color: #0077BC;*/
	color: #ec3b9b;
	text-decoration: none;
	background: #cdecf1;
}
#right-col h3.title {padding: 5px; margin-bottom: 15px; border-bottom: 1px solid #c5e3e8;}

/* с этим товаром также */
.more-items {
	border: 1px solid #c1ddef;
	background: url(/i/this-block-bg.png) repeat-x;
	padding: 6px 10px;
	clear: right;
}
.more-items h6 {
	color: #3c90be;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
}
.more-items table {
	width: 100%;
}
.more-items table td {
	width: 50%;
	font-size: 11px;
	padding: 0 20px 15px 20px;
	background: url(/i/green-arrow.png) no-repeat 3px 5px;
}
.container .more-items table h5 {
	padding-bottom: 3px;
}
.more-items .more-items-link {
	color: #0076a3;
}
.more-items .txt {
	padding-top: 5px;
	color: #464646;
	line-height: 1.3em;
}

/* доп. картинки в продукте */

.right .other-img {
	width: 240px;
	overflow: hidden ;
	margin-right: -10px;
}

.right .other-img li {
	float: left;
	margin-bottom: 10px;
	margin-right: 8px;
	padding-left: 0;
	height: 145px;
	vertical-align: top;
	background: none;
	
}
.right .other-img li a {
	display: block;
	border: 1px solid #e8ebed;
}
.right .other-img li a:hover {border-color: #DF0070;}
.right .other-img li.active a {border-color: #a0cfef;}

.right .other-img li img {
	display: block;
	padding: 7px;
	
}

/* index horizontal layout table */
.horizontal-container tr.border td {
	border-bottom: 1px dotted #3898cb;
	padding: 10px 0 10px 15px;
}
.horizontal-container tr.border td table td {border: none}

.horizontal-container tr.border p {line-height: 1.5em;}
.horizontal-container .b-item p {line-height: 1.3em;}
.horizontal-container .pr-img {margin-bottom: 10px;}
.horizontal-container .item .button {clear: left;}
/* ---- */

.superjustify p {
	text-align: justify;
	padding-right: 15px;
	overflow: hidden;
}

.ir {text-indent: -1000em; overflow:hidden; height: 23px;}
.type1 {background: url(/i/index/h1indx.png) no-repeat -353px 0; width: 319px;}
.type2 {background: url(/i/index/h1indx.png) no-repeat; width: 350px;}

#header .buttons {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../i/top-links-bg.png) no-repeat;
	padding-left: 8px;
	margin-bottom: 19px;
}
#header .buttons ul {
		background: url(../i/top-links-bg.png) no-repeat 100% 0;
		padding-right: 8px;
}
#header .buttons ul li {
	float: left;
	vertical-align: top;
/*	background: url(../i/top-divider.png) no-repeat 0 4px;*/
	margin-right: -5px;
}
#header .buttons ul li:first-child {background: none;}
#header .buttons ul li a, #header .buttons ul li span {
	color: #d5e8ff;
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding: 6px 15px 7px 15px;
	text-decoration: none;
	margin: 0 1px;
}
#header .buttons ul li a:hover {color: #fff;}

#header .buttons ul li.active span {
	background: #8dc0de;
	color: #fff;	
}

/* dvd listing */
.dvd-list {
	width: 950px;
	position: relative;
	padding: 5px 0;
	height: 110px;
}
.dvd-list ul {width: 785px; margin: auto; padding-left: 20px;}
.dvd-list li {
	float: left;
	margin-right: 25px;	
	width: 84px;
	height: 113px;
	position: relative;
	z-index:  1;
}

.dvd-list li a:hover img {
	position: absolute;
	top: -18px;
	left: -8px;	
	width: 111px;
	height: 150px;
	z-index: 800;
}
.dvd-list li a:hover {left: -30px;
 top: -30px;}
.dvd-list li.invisible {display: none;}
.dvd-list .arrow {
	position: absolute;
	top: 40px;
	/*width: 42px;
	height: 25px;*/
	/*background: url(../i/index/dvd-arrow.png) no-repeat;*/
	background: url(../i/index/listing-arrow.jpg) no-repeat;
	width: 38px;
	height: 46px;
	text-indent: -1000em;
	cursor:  pointer;
}
.dvd-list .bwd {left: 20px;}
.dvd-list .bwd:hover {background-position: 0 -45px;}

.dvd-list .fwd {
	right: 30px;
	/*background-position: -45px 0;*/
	background-position: -61px 0;
}
.dvd-list .fwd:hover {background-position: -61px -45px;}
ol {margin-left: 20px;}
ol li {margin-bottom: 5px}

