@charset "utf-8";
@import "reset.css";

aside, nav, footer, header, section {display:block}

body {color:#FFF; min-width:1000px; height:100%; font-family:Arial,Tahoma,serif; background-color:#000;}
#wrapper {width:100%; height:100%; background-color:transparent; background-repeat:no-repeat; background-position:center top; background-attachment:fixed; position:fixed; z-index:0}

#toolbar {position:fixed; left:0; top:-76px; width:100%; height:80px; background:transparent url('images/b80.png') repeat left top; z-index:100; overflow:visible;}
#toolbar ul {background:transparent url('images/top.png') repeat-x left 55px; height:100%; padding-top:20px; text-align:center; white-space:nowrap;}
#toolbar ul li {display:inline; margin-left:0.5em; position:relative}
#toolbar ul li a {color:#FFF; text-decoration:none; padding:0.3em 0.5em; font-size:12px; font-family:Helvetica,Arial,"Nimbus Sans L",sans-serif; text-transform:uppercase;}
#toolbar ul li a:hover {text-decoration:underline;}
#toolbar span {display:block; position:absolute; text-align:center; left:50%; width:24px; height:24px; cursor:pointer; bottom:-24px}
#toolbar span img {margin-top:7px}

#bar {position:fixed; bottom:0; width:100%; height:130px; background:transparent url('images/b80.png') repeat left top; z-index:100}
/* .bottom {bottom:0!important} */
#bg {width:100%; height:130px; background-color:#000;}

#logo {right:0; bottom:149px; position:fixed; background:transparent url(images/logo0.png) no-repeat right top; width:527px; height:147px; z-index:90}
#logo a {position:absolute; right:198px; top:52px; z-index:999; text-decoration:none; display:block; width:110px; height:110px;}

body.ru #menu {background-image:url(images/ru/logo1.png)}
body.en #menu {background-image:url(images/en/logo1.png)}
#menu {position:fixed; width:100%; background:transparent none no-repeat right top; height:152px; bottom:-3px; right:0; z-index:110}
#menu ul {background:transparent url(images/menu.png) repeat-x right top; margin:0 0 0 527px; position:relative; right:527px; padding-top:80px; white-space:nowrap;}
#menu ul li {display:inline; margin-left:0.5em; position:relative}
#menu ul li a {color:#FFF; text-decoration:none; padding:0.3em 0.5em; font-size:12px; text-transform:uppercase; font-family:Helvetica,Arial,"Nimbus Sans L",sans-serif;}
#menu ul li ul li a {text-transform:none;}
#menu a.lang {display:block; position:absolute; right:100px; bottom:20px; z-index:999; width:300px; height:80px; text-decoration:none}

li.active a.link1, a.link1:hover {background:#F5801F}
li.active a.link2, a.link2:hover {background:#672D91}
li.active a.link3, a.link3:hover {background:#D52690}
li.active a.link4, a.link4:hover {background:#EF3C25}
li.active a.link5, a.link5:hover {background:#AE75B2}
li.active a.link6, a.link6:hover {background:#2E2F8E}

#menu ul li:hover ul {display:block;}
#menu ul li ul {display:none; position:absolute; left:-0.5em; bottom:20px; text-align:center; z-index:110; background: url("images/b80.png") repeat scroll 0 0 transparent; padding:1em 0; /* border:1px solid #888 */}
#menu ul li ul li {display:block!important; margin:0.5em!important; text-align:center!important}
/*#menu ul li ul li.last {padding-bottom:1em}*/
#menu ul li ul li a {text-decoration:underline!important}
#menu ul li ul li a:hover {background-color:transparent!important;}
/* #menu ul li ul:after {content:"^";} */

#_rainbow {position: fixed; top:100px; right:-195px; width:210px; padding:0.5em; height:18px; overflow:hidden; white-space:nowrap; z-index:100}
#_rainbow img {vertical-align:middle;}
#_rainbow a {color:#FFF; text-decoration:none; cursor:pointer; font-size:10pt; border-bottom:1px #FFF dashed; margin-left:3px;}
#_rainbow a:hover {}
#flash {vertical-align:middle}

#_video {position: fixed; top:100px; left:-46px; width:60px; padding:0.5em; height:18px; overflow:hidden; white-space:nowrap; text-align:right; z-index:100}
#_video img {vertical-align:middle; float:right; margin-right:3px}
#_video a {color:#FFF; text-decoration:none; cursor:pointer; font-size:10pt; border-bottom:1px #FFF dashed; margin-right:5px;}


.rounded {
	-moz-border-radius:10px;	/* Firefox */
	-webkit-border-radius:10px;	/* Safari and chrome */
	-khtml-border-radius:10px;	/* Linux browsers */
	border-radius:10px;			/* CSS3 */
}

#fancybox-outer {border:2px solid black!important}
#fancybox-content {-moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;}

.rounded-left {border-top-left-radius:20px; border-bottom-left-radius:20px; -moz-border-radius-topleft:20px; -moz-border-radius-bottomleft:20px;}
.rounded-right {border-top-right-radius:20px; border-bottom-right-radius:20px; -moz-border-radius-topright:20px; -moz-border-radius-bottomright:20px;}
.rounded-top {border-top-left-radius:20px; border-top-right-radius:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px;}
.rounded-bottom {border-bottom-left-radius:20px; border-bottom-right-radius:20px; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;}

.transparent {opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;}
.transparent-w {background: url("images/w80.png") repeat scroll 0 0 transparent;}
.transparent-b {background: url("images/b80.png") repeat scroll 0 0 transparent;}
.transparent-b10 {background: url("images/b10.png") repeat-y scroll right top transparent;}

/*#player {width:500px; height:375px;}*/
/* #fancybox-wrap {margin:-90px 0 0 -250px!important;} */
.fancybox-bg {display:none!important}
#fancybox-outer {border: 0 none!important}

/* #content {background: -moz-linear-gradient(left center, black 25%, transparent 50%); background: linear-gradient(left center, black 25%, transparent 50%); background:-webkit-gradient(linear, left top, right top, color-stop(0.25, #000000), color-stop(0.5, transparent));} */
#content {color:#FFF; margin:0; position:relative; z-index:80; overflow:auto; text-shadow: black 1px 1px 0px; width:100%}
#content h1 {font:1.5em/16px normal Verdana,Tahoma,sans-serif; margin-bottom:0.7em; color:#CCC;margin-top:0.5em;}
#content p {line-height:1.5em}
#content p a {color:#FFF}
#content ul li {line-height:1.5em}
#content ul li a {text-decoration:none; color:white}
#content ul li a:hover {text-decoration:underline}

.content {width:51%!important; padding:10px; background: url("images/b10.png") repeat-y scroll right top transparent;}

#window_buttons {position:absolute; width:10px; height:10px; cursor:pointer; top:10px; right:10px; border-bottom:1px solid #999}
.minimized {height:14px!important}

#actions {}
#actions img {float:left; vertical-align:top}
#actions p, #actions h2 {margin-left:150px; font-size:0.8em}
#actions li {margin-bottom:1em; clear:left; float:left;}
#actions h2 {font-weight:bold; text-decoration:underline; font-size:1.2em; color:#E659B2; margin-bottom:0.5em}
#actions a {color:#000}

#discont {width:100%; margin:1.5em 0;}
#discont td {text-align:center; vertical-align:top}
.rub {margin-left:0.5em; text-decoration:line-through;}
.price {font-weight:bold; font-size:14pt; padding-bottom:1em}
.buy {cursor:pointer; position:relative; z-index:500}

#fancybox-content div {background:#000}

ul.subcatalog, ul.catalog {margin:1em 0;}
ul.subcatalog a, ul.catalog a {color:white; text-decoration:none}
ul.catalog a {color:#E659B2; font-weight:bold; font-size:1.2em;}
/*
ul.catalog ul {margin:0.5em}
ul.catalog ul a {color:white; font-weight:normal; font-size:1em;}
*/

ul.subcatalog a:hover, ul.catalog ul a:hover {text-decoration:underline}
ul.subcatalog li {display:inline; padding-right:0.5em; border-right:1px solid #AAA; white-space:nowrap;}
ul.subcatalog li.active a {color:#E659B2!important}
ul.subcatalog li.last {border-right:0}
/*
ul.subcatalog li.last, ul.catalog li.last {border-right:0}
ul.subcatalog li, ul.catalog ul li {display:inline; padding-right:0.5em; border-right:1px solid #AAA; white-space:nowrap;}
*/
#fancybox-content h3 {color:#E659B2}

div#item {margin-bottom:100px}

div.itemControl {float:left; width:400px; position:relative}
div.itemInfo {margin-left:300px}
div.itemInfo h2 {font-size:1.2em}
div.itemInfo h3 {color:#E659B2; font:bold italic 1em Georgia,Times; margin:1em 0;}
div.itemInfo div {margin:1em 0;}

div.itemImage {border-radius:20px; background-color:white; width:240px; height:240px; margin:20px; text-align:center}
div.itemImage img {height:200px; max-height:200px; margin-top:20px; max-width:200px;}

div.i-up {position:absolute; left:50%; top:0; margin-left:-8px}
div.i-down {position:absolute; left:50%; bottom:0; margin-left:-8px}
div.i-left {position:absolute; left:0; top:50%; margin-top:-8px}
div.i-right {position:absolute; right:0; top:50%; margin-top:-8px}
div.ctrl {position:absolute; left:50%; bottom:-100px; margin-left:-43px; display:none;}

.jspVerticalBar{top:0;}
.jspTrack {background-color:transparent; border-left:2px solid #FFF; left:4px;}
.jspDrag {background-color:transparent; left:-5px; border:2px solid #FFF}
.jspArrow {background-color:transparent;}
.jspArrowUp {background:transparent url("/assets/templates/ep/images/arr-up.gif") no-repeat left top!important}
.jspArrowDown {background:transparent url("/assets/templates/ep/images/arr-down.gif") no-repeat left bottom!important}

div.errors {margin:1em 0}
div.errors strong {color:#E659B2;}
p.msgValidate {color:#E659B2;}
p.field {clear:left; margin-top:1em}
p.field label {display:block; width:250px; text-align:right; float:left; margin-right:0.5em}
p.field input {margin-left:-300px}
p.submit {clear:left; margin-top:1em;}
p.submit input {margin-left:-40px}
/*
ul.catalog ul, ul.brandlist {float:left}
*/
ul.catalog ul, ul.brandlist, ul.items {margin:1em 0;}
ul.catalog ul a, ul.brandlist a, ul.items a{color:white; text-decoration:none; font-size:1em; font-weight:normal}
ul.catalog ul a:hover, ul.brandlist a:hover {text-decoration:underline}
ul.catalog ul li, ul.brandlist li, ul.items li {white-space:nowrap; width:200px; margin:0 0 0.3em;}
ul.catalog ul li:first-letter, ul.brandlist li:first-letter {font-weight:bold}
ul.catalog ul li.active a, ul.brandlist li.active a {color:#E659B2}

/*
table.items {float:left}
table.items a {color:white; text-decoration:none}
td.itemImage {}
td.itemImage img {width:100px}
td.itemTitle {vertical-align:middle; padding-left:10px}
*/

ul.col1 {width:212px; float:left}
ul.col1 li, ul.items li {float:none}

/* div.itemImage {height:120px; width:180px} */
/* div.itemImage img {height:100px; max-height:100px; max-width:160px} */
div.itemControl {width:auto}
/* div.i-up, div.i-down, div.i-left, div.i-right {display:none} */

/* div.itemInfo {margin-left:200px; width:400px} */

div#brandControl {}
div#brandControl ul {display:inline}
div#brandControl ul li {display:inline}
div#brandControl ul li.active a {color:#E659B2}
div#brandControl a {color:white; margin-left:1em}

ul.subcatalog li.active a {color:#E659B2}
ul.subcatalog li {line-height:1.5em}

div.itemVar {position:absolute; left:20px; bottom:-48px; width:240px; text-align:center;}
img.itemNew {}
img.itemIn {}

div#player {background:#000!important}

ul.column, li.column ul {
	column-width: 200px;
	-moz-column-width: 200px;
	-webkit-column-width: 200px;
	columnt-count: 4;
	-moz-column-count: 4;
	-webkit-column-count: 4;
	column-gap: 0.2em;
	-moz-column-gap: 0.2em;
	-webkit-column-gap: 0.2em;
/*
	-moz-column-rule: 1px solid #ccc;
	-webkit-column-rule: 1px solid #ccc;
*/
}