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

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

body {
	min-height: 100%;
	width: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	min-width: 1000px;
	background: #fff;
	font-size: 9pt;
	font-family: verdana, arial, tahoma, sans;
	color: #010101;
	background: #fff url(i/pod_ipod.png) no-repeat 50% 0;
}

* html body{font-size: 75%;}

img, a img {
	border: 0px;
	vertical-align: bottom;
}

.clr{clear: both}

a{
	color: #0e90c0;
	text-decoration: underline;
}

a:hover,
.header p a:hover,
.light p a:hover,
ul.menu li.card a:hover,
ul.menu li.card a:hover span,
.ipod a:hover,
.sub-menu a:hover,
.order-card .note a:hover,
dl.accordion a:hover,
.news a:hover,
div.new h2 a:hover,
div.new p a:hover,
div.right h2 a:hover,
.list h2 a:hover,
div.card p.price a:hover,
.footer a:hover,
.order-card .wrap a:hover,
a.buy:hover,
div.card p.price a.buy:hover,
.pages a.prev:hover,
.pages a.next:hover,
.pages a.pgs:hover,
.footer p.yes a:hover{color: #f00;}

table, tr, td, select, input, textarea {
	font-family: verdana, arial, tahoma, sans;
	color: #010101;
	font-size: 1em;
}

h1{
	font: normal 3.6em/120% verdana, arial, tahoma, sans;
	color: #000;
	margin: 0 0 0.4em 0;
}

h2, h3, h4{
	font: normal 2.2em/120% verdana, arial, tahoma, sans;
	color: #000;
	margin: 1.6em 0 0.4em 0;
}

h3{font-size: 1.8em}
.cvet{
	color:#ff009c;}
.big_unik{
	font-size: 2.0em
}
h4{
	font-size: 1.6em;
	color: #4c4c4c
}

p, ul, ol{
	margin: 1em 0;
	line-height: 140%;
}
.content p{line-height: 180%;}
.line{
	width: 100%;
	height: 12px;
	clear: both;
	display: block;
}

span.price{
	border-left: 8px solid #000;
	display: inline-block;
	padding: 0 10px 0 5px;
	color: #fff;
	font: normal 1.8em/29px Georgia, "Times New Roman", Times, serif;
	background: #8639a3 url(i/price.jpg) no-repeat top right;
	white-space: nowrap;
}

/*
 *	404
 */

.logo404{
	height: 277px;
	background: transparent url(i/logo404.jpg) no-repeat top left;
}

.image404{
	height: 446px;
	width: 275px;
	background: transparent url(i/404.jpg) no-repeat top left;
	float: left;
	left: 20%;
	position: relative
}

div.t404{
	margin: 10em 0 0 55%;
	width: 35em;
	padding-bottom: 4em;
}

div.t404 .corners{
	position: relative;
	left: -20px;
}

div.t404 h1{margin-top: 3.2em;}

div.t404 .corners{height: 150px;}
div.t404 .corners p{margin: 3em 0 0 0;}

div.t404 .corners img{
	float: left;
	margin: 2em 3em 2em 2em;
}
div.t404 .buy{line-height: 200%;}

div.t404 p{line-height: 180%;}

/*
 *	header
 */

.header{
	height: 170px;
	margin-bottom: 3em;
}

.gallery .header{
	background: #fff;
	margin-bottom: 0;
	padding-bottom: 2em;
}
.gallery{background: #121010}

.header p{
	clear: both;
	font-size: 1.2em;
	text-align: center
}

.header p a{color:#000}

.header.light{background: #000}
.light h1,
.light p{
	margin: 0 0 0 35%;
	padding-top: 50px;
	color:#fff;
	text-align: left;
}

.light p{
	padding-top: 0;
	font-size: 1em;
	clear: none;
	margin-top: 1em;
}
.light p a{color:#fff}

ul.menu{
	margin-top: 2em;
	float: right;
	width: 25%;
	list-style: none;
}

ul.menu li{width: 200px;}

ul.menu li a,
ul.menu li span{
	padding-left: 13px;
	height: 27px;
	display: block;
	line-height: 27px;
}

ul.menu li span{background: transparent url(i/active.png) no-repeat top left;}

ul.menu li.card{
	padding-top: 6px;
	height: 31px;
	background: transparent url(i/card.png) no-repeat top center;
	text-align: center;
	color: #fff;
	margin-top: 0.4em;
}

ul.menu li.card a,
ul.menu li.card span{
	padding-left: 0;
	height: auto;
	display: inline;
	line-height: 120%;
	color: #fff;
	background: transparent;
}

ul.menu li.card span.rur span{height: 1em; //display: none; }

.logo{
	float: left;
	margin: 55px 0 0 2%;
	width: 25%;
}

.ipod{
	background: transparent url(i/ipod.jpg) no-repeat bottom center;
	height: 53px;
	padding-top: 75px;
	width: 444px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.4em;
}

.ipod a{
	border-bottom: 2px dashed;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}

/*
 *	gallery
 */

div.preview{
	position: relative;
	height: 155px;
	margin-top: 0;
}

a.toleft,
a.toright{
	background: transparent url(i/g_st.png) no-repeat top right;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 57px;
	left: 2%;
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
}

a.toleft:hover,
a.toright:hover{
	opacity: 1;
	-moz-opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

a.toleft.disable:hover,
a.toright.disable:hover{
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
}

a.toright{
	left: auto;
	right: 2%;
	background-position: top left;
}

div.preview .bg{
	width: 100%;
	height: 155px;
}

div.preview .container{
	white-space: nowrap;
	overflow: hidden;
	width: 85%;
	margin: -145px auto 0 auto;
}

div.preview .container a{
	margin-right: 40px;
	display: inline-block;
	border: 3px solid #fff;
}

div.preview .container a:hover,
div.preview .container a.active{border-color: #caff14}
.gallery-img{margin: 3em auto;}
.load{background: transparent url(i/load.gif) no-repeat center center;}

/*
 *	corners
 */

.corners{
	border: 1px solid #e3e1e5;
	position: relative;
}

.corners .tl,
.corners .tr,
.corners .bl,
.corners .br{
	display: block;
	background: #fff url(i/corners-gray.png) no-repeat top left;
	width: 41px;
	height: 41px;
	position: absolute;
}

.corners .tl{top:-2px;left:-2px;background-position:bottom right;}
.corners .tr{top:-2px;right:-2px; background-position:bottom left;}
.corners .bl{bottom:-2px; left:-2px;background-position:top right;}
.corners .br{bottom:-2px; right:-2px; background-position:top left;}

.csmall .tl,
.csmall .tr,
.csmall .bl,
.csmall .br{
	background-image: url(i/corners-gray-small.png);
	width: 16px;
	height: 16px;
}

/*
 *	sub-menu
 */

.menu-left{
	float: left;
	position: relative;
	left: 3%;
	width: 22%;
	margin: 6em -100% 0 0;
}

.menu-left p{
	line-height: 180%;
	margin-top: 3em;
}

.menu-left .sub-menu{
	float: none;
	width: 100%;
	left: 0
}

.sub-menu,
.order-card{
	float: left;
	left: 3%;
	width: 22%;
	margin: 6em -100% 0 0;
}

.slist{
	margin-right: 2%;
	margin-top: 3em;
}

.sleft{margin-top: 3em;}
.sitem{margin-top: 0;}

.sub-menu,
.sub-menu a{color: #000}

.sub-menu ul{
	list-style: none;
	position: relative;
	z-index:1;
	margin: 1.5em 1em 1.5em 1.4em;
	line-height: 220%;
	font-size: 1.2em;
}

.sub-menu ul ul{
	font-size: 0.8em;
	margin: 0 0 1em 0;
}

.sub-menu ul ul li{
	line-height: 22px;
	height: 22px;
	padding: 0 0 0 10px;
}

.sub-menu ul ul a,
.sub-menu ul ul span{
	color: #1e97c4;
	padding: 0 10px 0 0;
	height: 22px;
	display: block;
	float: left;
	clear:both;
}

.sub-menu ul ul li.active{background: transparent url(i/menu.png) no-repeat bottom left;}

.sub-menu ul ul span{
	color: #fff;
	background: transparent url(i/menu.png) no-repeat top right;
}

/*
 *	order-message
 */

.order-message{
	width: 561px;
	height: 283px;
	padding: 20px;
	margin: 5em auto 0 auto;
	font-size: 1.2em;
	background: transparent url(i/mail.jpg) no-repeat top left;
}

.order-message p{line-height: 180%;}
.order-message h1{color: #fff;margin-top: 0.8em}

/*
 *	order-card
 */

.order-card{
	width: 35%;
	margin-top: -6px;
	height: 163px;
	background: transparent url(i/card.jpg) no-repeat top left;
}

.order-card .wrap{
	margin-left: 55px;
	padding-top: 1.6em;
	position: relative;
	width: 250px;
}

.order-card .wrap a,
.order-card .wrap{color: #fff;}
.order-card .wrap a{text-decoration: none;border-bottom: 1px dashed}

.order-card .wrap ul{
	list-style: none;
	margin: 0;
	height: 5.4em;
	line-height: 180%;
	overflow: auto;
}
.order-card .wrap ul span{float: right;}
.order-card .wrap ul span span{float: none;}
.order-card .wrap ul span.rur{
	line-height: 120%;
	font-size: 1.2em;
}

.order-card .wrap p{margin: 0 0 0.6em 0;}

.order-card .wrap big{font-size: 2em;}
.order-card .wrap .col{
	font-size: 0.9em;
	float: right;
	margin-top: 0.4em
}

.order-card .stt,
.order-card .stb{
	top: 50px;
	left: 100px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	display: block;
	background: transparent url(i/st.png) no-repeat top left;
	margin: 0 auto;
	visibility: hidden;
}

.order-card .stb{
	background-position: bottom left;
	top: 90px;
}

.order-card .note{
	width: 250px;
	padding: 5px 20px;
	height: 168px;
	margin: 3em 0 0 30px;
	background: transparent url(i/note.jpg) no-repeat top left;
	font-size: 1.1em;
	color: #010101;
}

.order-card .note a{color:#07717b}

/*
 *	products-form
 */

.products-form{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
}

.products-form div.titem{
	display: none;
	width: 326px;
	position: absolute;
	left: 60px;
	margin-top: 1.2em;
}

.products-form div.bg{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

div.titem div.wr{
	width: 290px;
	padding: 25px 18px 0 18px;
	background: transparent url(i/pcloud.png) no-repeat top left;
}

div.titem div.wr h3{margin-top: 0}

div.titem div.bottom{
	height: 30px;
	background: transparent url(i/pcloud.png) no-repeat bottom left;
}

.products-form div div.wr img{float: left;}
.products-form div div.wr p{
	margin: 2em 0 0 140px;
	line-height: 240%;
}

.products-form div div.wr .del{color: #f60c0c}
.products-form div div.wr .formsubmit{color: #679c0b}


/*
 *	pages
 */

.pages{
	position: relative;
	margin-top: 2em;
	clear: both;
}

.pages a.prev,
.pages a.next{color: #000;}

.pages .prev{
	margin-left: -4.75em;
	margin-right: 1.4em;
	vertical-align: middle;
}

.pages .next{
	margin-left: 1.1em;
	vertical-align: middle;
}

.pages span.prev,
.pages span.next{color: #959595;}

.pages .pgs{
	font-size: 1.5em;
	display: inline-block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	color: #000;
	text-align: center;
	vertical-align: center;
	margin-right: 0.1em;
}

.pages .active{
	color: #fff;
	background: #5079b4 url(i/page.png) no-repeat center center;
}

/*
 *	accordion
 */

dl.accordion a{
	text-decoration: none;
	border-bottom: 1px dashed;
}

dl.accordion dd a{
	border: 0;
	text-decoration: underline;
}

dl.accordion dt{margin: 2em 0;}

dl.accordion dd{
	background: #f6f8dd;
	padding: 0.1em 1.4em;
	color: #222;
	position: relative;
	margin: 1.6em 0 1em -1.4em;
}

dl.accordion p{line-height: 180%;}
dl.accordion .st{
	width: 0;
	height: 2px;
	font-size: 0;
	display: block;
	border-bottom: 8px solid #f6f8dd;
	border-left: 8px solid #fff;
	border-right: 8px solid #fff;
	top: -10px;
	left: 60px;
	position: absolute;
}

/*
 *	content
 */

.cntr{
	width: 100%;
	overflow: hidden;
	position: relative;
}

.new-item{float: left;}

ul.album{
	list-style: none;
	overflow: hidden;
	width: 100%;
}

ul.album li{
	float: left;
	width: 33%;
	margin-bottom: 3em;
	height: 240px;
}

.content{
	margin: 0 5% 0 35%;
	color: #4c4c4c;
}

.cleft{margin-left: 30%}

div.left{
	float: left;
	position: relative;
	left: 5%;
	width: 27%;
	margin: 0 -27% 3em 0;
	color: #000;
}

div.twit{
	padding-top:2em;
}

div.left p,
div.left ul,
div.right p{line-height: 180%;}

.news{color: #333}


ul.news{
	list-style-image: url(i/list.png);
	position: relative;
	//height: 1%;
}

ul.news li{
	line-height: 140%;
	margin: 0.4em 0;
}

div.right{
	float: right;
	position: relative;
	right: 5%;
	width: 27%;
	margin: 0 0 3em -27%;
}

div.center{
	width: 31%;
	margin: 0 auto 3em auto;
}

div.new{text-align:center}
div.new h2{
	font: italic 3.3em/100% Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0
}
div.new h2 small{font-size: 0.3em;}
div.new h2 a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed;
}

span.new{
	width: 76px;
	padding-top: 30px;
	height: 46px;
	display: inline-block;
	background: transparent url(i/new.png) no-repeat top left;
	color: #fff;
	font-size: 1.2em;
	margin-left: -80px;
	vertical-align: top;
	text-align: center;
	line-height: 100%;
	font-family: verdana, arial, tahoma, sans;
	font-style: normal;
}

h1 span.new{
	margin-left: 0;
	vertical-align: middle;
	font-size: 0.4em;
}

* html span.new{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/new.png",sizingMethod="crop");
}

div.new p{
	text-align: left;
	margin: 0 0 1em 40%;
}

div.new p a{
	font-size: 1.6em;
	line-height: 180%;
	color: #000
}

.left h2{font: italic 2em/100% Georgia, "Times New Roman", Times, serif;}

div.right h2{
	font-size: 2em;
	margin: 2em 0 1em 10%;
}

div.right h2 a{
	color: #009cff;
	border-bottom: 2px dashed;
	text-decoration: none;
}

.list h2{
	font: normal 2.4em/100% Georgia, "Times New Roman", Times, serif;
	margin-top: 1.6em;
}

.list h2 a{color: #000}

.list ul{
	list-style: none;
	padding: 0;
	overflow: hidden;
	width: 100%;
	margin: 0;
}

.list ul li{
	margin: 1.6em 0;
	float: left;
	width: 24.5%;
}

.list3 ul li{
	width: 33%;
}

div.card{
	margin: 2em auto;
	width: 96%;
	overflow: hidden
}

div.card h1{font: italic 3.2em/100% Georgia, "Times New Roman", Times, serif;}

div.card .img{float: left;}
div.card .description{
	margin-left: 34%;
	width: 40%;
}

div.card .description p{line-height: 180%;}

div.card div.hr{
	padding-bottom: 12px;
	width: 85%;
	background: #fff url(i/round.png) repeat-x bottom left;
}

div.card p.price{
	float: right;
	width: 25%;
}

div.new .price,
.t404 .price,
div.card p.price .price,
.item p .price{
	left: -13px;
	position: relative;
}

div.card p.price a{
	line-height: 200%;
	font-size: 1.1em;
}

a.buy,
div.card p.price a.buy{
	color: #000;
	font-size: 1.4em;
}

span.article{
	color: #bcb9b9;
	line-height: 200%;
	font-size: 1.6em;
}

div.item{margin-right: -5%;}

div.item p{
	float: right;
	line-height: 200%;
	margin-top: -12em;
	width: 25%;
}

ul.products{
	list-style: none;
	width: 100%;
	overflow: hidden;
}

ul.products li{
	float: left;
	width: 9.999%;
	text-align: center;
}

* html ul.products li{width: 9.9%;}

/*
 *	forms
 */

.form-hidden{
	position: absolute;
	width: 465px;
	height: 215px;
	z-index: 20;
	right:25%;
	padding-top: 60px;
	display: none;
}

.form-hidden .bg{
	position: absolute;
	top: 60px;
	left:0;
	width: 465px;
	height: 215px;
	background: transparent url(i/form.png) no-repeat top left;
	z-index: 0;
}

.form-hidden form label{
	margin: 0 0 1em 0;
	display: block;
	font-size: 1.2em;
}

.form-hidden form{
	position: relative;
	padding: 20px 100px 20px 20px;
}

.form-hidden form .button{
	color: #fff;
	background: transparent url(i/cbutton.png) no-repeat top left;
	width: 133px;
	height: 32px;
	font-size: 1.2em;
	float: none;
	margin: 1em 0 0 0;
}

.form-hidden form textarea{
	width: 95%;
	height:90px;
}

.form-hidden .close{
	display: block;
	width: 14px;
	height: 14px;
	font-size: 0;
	background: transparent url(i/close.png) no-repeat top left;
	position: absolute;
	top: 20px;
	cursor: pointer;
	right: 105px;
}

* html .form-hidden .bg{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/form.png",sizingMethod="crop");
}

.text{
	border: 1px solid #bfbfbf;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #eaeaea;
	background: #fff url(i/field.png) repeat-x top left;
	padding: 0.2em;
	font-size: 1.2em;
}

.order-form label{
	float: left;
	width: 12em;
	text-align: right;
	margin-top: 0.2em;
	color: #4c4c4c;
}

.order-form h2{margin:0 0 1em 0.6em}

.order-form .text{width: 95%}
.order-form p{margin: 0 0 1em 14em;}

.order-form .wrap{
	background: #f3f5f0;
	margin-bottom: 2em;
}

* html .order-form .wrap{height: 1%;}

span.corners-top,
span.corners-bottom,
span.corners-bottom span,
span.corners-top span{
	display: block;
	height: 15px;
	background: transparent url(i/corners.png) no-repeat 0 0;
}

span.corners-top span{background-position: right -30px;}
span.corners-bottom{background-position: 0 -15px;}
span.corners-bottom span{background-position: right -45px;}

.order-form blockquote{
	background: #355156 url(i/adress.png) no-repeat 0.3em center;
	padding: 0 0 0 1.4em;
	margin: 1.4em 0 1.4em 1em;
	position: relative;
}

* html .order-form blockquote{height: 1%;}

.order-form blockquote div{
	background: #e6eded;
	padding: 1em 0 1px 0;
}

.order-form blockquote label{width: 9.6em;}
.order-form blockquote p{margin-left: 11.6em;}

div.q{
	border-left: 0.8em solid #e0dce2;
	padding-left: 1.2em;
	margin-left: 12em;
	color: #010101;
}

.order-form div.q p{
	margin: 0;
	line-height: 180%;
}

.button{
	background: transparent url(i/button.png) no-repeat top left;
	width: 189px;
	height: 35px;
	border: 0;
	padding: 0 0 5px 0;
	font-size: 1.8em;
	color: #797979;
	float: right;
	margin-left: 2em;
}

p.desc{color: #c6bcbc}

/*
 *	feedback
 */

form.feedback{
	width: 455px;
	position: relative;
	left: -30px;
	padding: 40px 70px 0 70px;
	height: 423px;
	background: transparent url(i/feedback.jpg) no-repeat top left;
	margin-bottom: 3em;
}

form.feedback textarea{
	width: 97%;
	height: 140px;
}
form.feedback .button{
	float: none;
	font-size: 1em;
	color: #000;
	margin: 0;
 	width: 100px;
 	padding: 0 0 3px 0;
 	height: 23px;
 	vertical-align: middle;
 	background: transparent url(i/mac-button.png) no-repeat top left;
}

form.feedback .button:active{background-position: bottom left;}

form.feedback p{margin: 0 0 1.4em 0;}
form.feedback p span{margin-left: 3em;}

h4.contacts{
	float: left;
	margin: 0
}
p.contacts{margin: 0 0 3em 24em;}

/*
 *	footer
 */

.prefooter{
	height: 120px;
	clear: both;
	width: 100%;
	position: relative;
}

.gallery .footer{background: #fff url(i/gfooter.png) no-repeat bottom center}
.footer{
	color: #000;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 90px;
}

.footer p.copy,
.footer p.copy a{color: #898989;}

.footer a{color: #000;}

.footer p{
	float: left;
	line-height: 200%;
}

.footer .developer{
	width: 35%;
}

.footer div.sl{
	position: absolute;
	background: #ccc;
	bottom: 90px;
	margin-bottom: -1.4em;
	padding: 0.6em 1.2em;
	left: 51%;
	margin-left: 11em;
	display: none;
}

.footer a.sl{
	text-decoration: none;
	border-bottom: 1px dashed;
}

.footer div.sl .st{
	position: absolute;
	bottom: -10px;
	left: 20px;
	width: 0;
	height: 0;
	line-height: 0;
	border-left: 10px solid #ccc;
	border-bottom: 10px solid transparent;
	//border-bottom: 10px solid #fff;
}

.footer span.sl{
	width: 33px;
	height: 38px;
	background: transparent url(i/sl.png) no-repeat top left;
	position: absolute;
	margin: 0.6em 0 0 0.4em;
}

.footer div.sl p{
	float: none;
	width: auto;
	line-height: 140%;
	margin: 0
}

.footer span.rur{font-size: 1.2em;}

.footer p.yes a,
.footer p.yes{
	width: 20%;
}
.footer p.copy{
	padding-left: 5%;
	width: 26%;
}

@font-face {
	font-family: "Rubl Sign";
	src: url(/fonts/ruble.eot);
}

span.rur {
	font-family: Georgia, "Times New Roman", Times, serif;
	//font-family: "Rubl Sign";
	text-transform: uppercase;
	position: relative;
	//text-transform: none;
}

span.rur span {
	position: absolute;
	overflow: hidden;
	width: 0.5em;
	height: 1em;
	left: 0;
	top: 0.2ex;
	line-height: 1em;
	//display: none;
}
span.rur span:before { content: '\2013'; }