@font-face {
    font-family: 'europedemiregular';
    src: url('/fonts/europedemi-webfont.eot');
    src: url('/fonts/europedemi-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/europedemi-webfont.woff') format('woff'),
         url('/fonts/europedemi-webfont.ttf') format('truetype'),
         url('/fonts/europedemi-webfont.svg#europedemiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body { 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 100%;
}
table, td, img { 
	padding: 0; 
	margin: 0; 
	border: 0;
}
html, body table, td, p { 
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
}
a {color: #ff6600; text-decoration: none;}
a:hover {color: #ff6600; text-decoration:underline;}

h1 {padding: 0px 0px 12px 18px; margin: 0px; font-family: europedemiregular, Tahoma, Helvetica, sans-serif; color: #ff6600; font-size: 18px; font-weight:normal; text-align:left;}

h2 {padding: 0px 0px 12px 18px; margin: 0px; font-family: europedemiregular, Tahoma, Helvetica, sans-serif; color: #000000; font-size: 18px; font-weight:normal; text-align:left;}

hr {color:#e5e5e5; margin: 0px; padding: 0px;}
.colorOrange {color: #ff6600;}
.colorBlack {color: #000000;}

#bg_image { 
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;
 
        /* Set up proportionate scaling */
        width: 100%;
        height: auto;
 
        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}
 
@media only all and(max-width:1024px) and(max-height:768px){
	html{
		-moz-background-size:1024px 768px;
		background-size:1024px 768px;
	}
}
#scrollable { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	z-index: 2;
	text-align: center;
	min-width: 960px;
}

#Block_top { 
	position: fixed;
	top: 10px; 
	left: 50%;
	margin-left: -480px;
	width: 960px; 
	height: 110px; 
	overflow:inherit;
	z-index:70;
}
.Block_center { 
	position: fixed;
	top: 130px; 
	left: 50%;
	margin-left: -480px;
	bottom: 170px;
	width: 960px;
	min-height: 300px;
	z-index: 10; 
	overflow:hidden;
}
#Block_index { 
	position: fixed;
	/*top: 62%;*/ 
	left: 50%;
	margin-left: -470px;
	bottom: 170px;
	width: 940px;
	z-index: 10; 
	text-align: center;
}
#Content { 
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #ffffff;
	margin: 10px;
	overflow: auto;
}
#Block_bottom { 
	position: fixed; 
	bottom: 50px; 
	width: 960px; 
	left: 50%;
	margin-left: -480px;
	height: 110px; 
	z-index: 30;
	background: url(/images/bg_bottom.png);
	overflow:hidden;
}
#Block_podval { 
	position: fixed; 
	left: 0;
	bottom: 0;
	width: 100%; 
	height: 30px; 
	z-index: 11;
	box-shadow: 0 -5px 5px rgba(0,0,0,0.4);
    background: #d86318;

    background-image: -webkit-gradient(linear, left bottom, left top, from(#c25916), to(#dc7330));
    background-image: -webkit-linear-gradient(bottom, #c25916, #dc7330);
    background-image:    -moz-linear-gradient(bottom, #c25916, #dc7330);
    background-image:      -o-linear-gradient(bottom, #c25916, #dc7330);
    background-image: linear-gradient(to top, #c25916, #dc7330);
}

#Block_podval table{ 
	font-family: Helvetica, sans-serif;
	width:960px;
	height: 30px; 
	text-align: center;
}

#Block_podval td{ 
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color:#FFF;
}

#Block_podval td a{text-transform: uppercase; color:#FFF;}
#Block_podval td a:hover{color:#000;}

#Bottom_left {float:left; width: 78px; height:110px;}
#Bottom_left a {display:block; margin: 49px 29px 0 30px;}
#Bottom_center {float:left; width: 804px; height:100px; /*margin-left:25px;*/ margin-top: 10px; text-align:left; overflow: hidden;}
#Bottom_center li.cat_img {vertical-align:top; text-align:center; font-family: europedemiregular, Tahoma, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;}
#Bottom_center li.cat_img a {font-family: europedemiregular, Tahoma, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#000;}
#Bottom_center li.cat_img a:hover {color:#ff6600; text-decoration:none; text-shadow: none;}
#Bottom_center div.Divider {padding:0 0px 0 0px; width:2px; float:left;}
#Bottom_right {float:right; width: 78px; height:110px;}
#Bottom_right a {display:block; padding: 21px 34px 0 31px;}

#Top_left {width: 267px; height:110px; background: url(/images/bg_top_logo.png);}
/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 660px;
  height:90px;
}
#basket
{
	position: absolute;	
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:left;
}
#Top_menu { position:absolute; top: 0px; left: 207px; width: 622px; height:46px; background: url(/images/bg_top_menu.png);}
#Top_menu table{height: 31px; margin-left: 57px;}
#Top_menu td{text-align:center; vertical-align: middle; padding: 0 16px 0 16px; }
#Top_menu .Menu_off{}

#Top_menu a{font-family: europedemiregular, Tahoma, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#000;}
#Top_menu a:hover{color:#ff6600; text-decoration:none;}
#cat_pop_opt1:hover{background:url('/images/cat_pop_1active.png');}
#cat_pop_opt2:hover{background:url('/images/cat_pop_2active.png'); background-repeat:no-repeat;}

#Top_basket {position: absolute; top: 0px; right: 0px; width: 131px; height:46px; background: url(/images/bg_top_basket.png); text-align:center; font-size:11px;}
#Top_basket a{font-family: europedemiregular, Tahoma, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#000;}
#Top_basket_full {position: absolute; top: 0px; right: 0px; width: 131px; height:46px; background: url(/images/bg_top_basket_on.png); text-align:center; font-size:11px; color:#fff;}
#Top_basket_full a{font-family: europedemiregular, Tahoma, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#FFF;}
#Top_brands {position: absolute; bottom: 0px; right: 0px; width: 753px; height:64px; background: url(/images/bg_top_brands.png); z-index: 50;}
#Arrows{height: 47px; width: 680px; margin-left: 54px;}

#productSort { float:right; margin-right: 10px;}
#productPreview {float:left; width:190px; font-family: europedemiregular, Tahoma, Helvetica, sans-serif; padding: 10px 10px 5px 10px; border:1px solid grey}
#productPreview:hover {background:#C2C2C2;}
#productPreview .Name {font-size: 12px; text-align:left; height:90px;}
#productPreview .Pict {height: 100px;}
#productPreview .Avail {height: 24px; text-align:right; vertical-align:middle; padding-right: 22px; font-size: 12px;}
#productPreview .Price {float:left; height: 34px; width: 90px; text-align:left; vertical-align:middle; color: #ff6600; font-size: 12px;}
#productPreview .Buy {float:left; height: 34px;}
#productDivider {float:left; width:1px; height:190px; background-color: #e5e5e5; margin-top: 10px }


.abs { position:absolute;}

div.Field { width:100%; height:100%;}
div.Field .tl, div.Field .tr, div.Field .bl, div.Field .br { background-image: url("/images/field_corners.png"); width: 25px; height: 25px;}
div.Field .tl { top:0px; left:0px; background-position: 0px 0px;}
div.Field .tr { top:0px; right:0px; background-position: -25px 0px;}
div.Field .br { bottom:0px; right:0px; background-position: -25px -25px;}
div.Field .bl { bottom:0px; left:0px; background-position: 0px -25px;}
div.Field .t, div.Field .b { background-image: url("/images/field_tb.png"); background-repeat: repeat-x; left:25px; right:25px; height: 25px; }
div.Field .t { top:0px; width:910px; background-position: 0px 0px;}
div.Field .b { bottom: 0px;  width:910px; background-position: 0px -25px;}
div.Field .l, div.Field .r { background-image: url("/images/field_lr.png"); background-repeat: repeat-y; width: 25px; top:25px; bottom:25px; }
div.Field .l { left:0px; background-position: 0px 0px; }
div.Field .r { right:0; background-position: -25px 0px;}
div.Field .c { top:25px; right:25px; bottom:25px; left:25px; background-color: #ffffff; overflow:auto;}
iv.Field { width:100%; height:100%;}
div.Field .tl, div.Field .tr, div.Field .bl, div.Field .br { background-image: url("/images/field_corners.png"); width: 25px; height: 25px;}
div.Field .tl { top:0px; left:0px; background-position: 0px 0px;}
div.Field .tr { top:0px; right:0px; background-position: -25px 0px;}
div.Field .br { bottom:0px; right:0px; background-position: -25px -25px;}
div.Field .bl { bottom:0px; left:0px; background-position: 0px -25px;}
div.Field .t, div.Field .b { background-image: url("/images/field_tb.png"); background-repeat: repeat-x; left:25px; right:25px; height: 25px; }
div.Field .t { top:0px; width:910px; background-position: 0px 0px;}
div.Field .b { bottom: 0px;  width:910px; background-position: 0px -25px;}
div.Field .l, div.Field .r { background-image: url("/images/field_lr.png"); background-repeat: repeat-y; width: 25px; top:25px; bottom:25px; }
div.Field .l { left:0px; background-position: 0px 0px; }
div.Field .r { right:0; background-position: -25px 0px;}
div.Field .c { top:25px; right:25px; bottom:25px; left:25px; background-color: #ffffff; overflow:auto;}

div.Field .z { top:0px; left:0px; right:0px; height: 55px;}
div.Field .lz, div.Field .rz { background-image: url("/images/field_lr.png"); background-repeat: repeat-y; width: 25px; top:55px; bottom:25px; }
div.Field .lz { left:0px; background-position: 0px 0px; }
div.Field .rz { right:0; background-position: -25px 0px;}
div.Field .cz { top:55px; right:25px; bottom:25px; left:25px; background-color: #ffffff; overflow:auto;}


.Block_center { z-index:60;}
#Block_fade{z-index: 50; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.7); filter: alpha(opacity=70);}

.grey {color:#555555;}
.bold { font-weight:bold;}

table.Colored { width:100%;}
table.Colored tr:hover td { background-color:#fdf9f4;}
table.Colored th { padding:7px; background-color:#f8e6d3; color:#e36914;}
table.Colored td { padding:4px; border-bottom: 2px solid #f8e6d3;}
table.Colored tr.Summary td { padding-top: 22px; padding-bottom:10px; border-bottom: 0px; font-size:14px; color:#cc0000; font-weight:bold;}
table.Colored tr.Summary:hover td { background-color:#ffffff;}
input, select, textarea {border: solid 1px #7f7f7f; border-radius: 5px; padding:2px 5px 2px 5px;}
input:focus, select:focus, textarea:focus { background-color:#f8e6d3; border: solid 1px #e36914; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)}

.inp_small { width:30px; text-align:right;}
.whitebg { background-color:#FFF; padding-right:20px;}



div.z .zakl-1, div.z .zakl-2, div.z .zakl-3 { text-align:center;}
div.z .corner-1, div.z .zakl-1, div.z .corner-2, div.z .zakl-2, div.z .corner-3, div.z .zakl-3, div.z .corner-4 {top:0px; height:55px;}

div.z .corner-1 {left:0px; width:25px; background-image: url("/images/zakl_start-on.png");}
div.z .zakl-1 {left:25px; width:257px; background-image: url("/images/zakl_bg-on.png"); background-repeat: repeat-x;}
div.z .corner-2 {left:282px; width:55px; background-image: url("/images/zakl_on-off.png");}
div.z .zakl-2 {left:337px; width:257px; background-image: url("/images/zakl_bg-off.png"); background-repeat: repeat-x;}
div.z .corner-3 {left:594px; width:55px; background-image: url("/images/zakl_off-off.png");}
div.z .zakl-3 {left:649px; width:256px; background-image: url("/images/zakl_bg-off.png"); background-repeat: repeat-x;}
div.z .corner-4 {left:905px; width:55px; background-image: url("/images/zakl_finish-off.png");}


div.z .zakl-2, div.z .zakl-3 { text-align:center;}

div.z .ordinary { padding-top: 17px;}
div.z .ordinary a { font-family: europedemiregular, Tahoma, Helvetica, sans-serif; font-size:11px; color:#000000;}
div.z .enhanced { padding-top: 17px;}
div.z .enhanced a { font-family: europedemiregular, Tahoma, Helvetica, sans-serif; font-size:12px; color:#ff6600;}

#Description { display:block}
#TechChar { display:none}
#Accessories { display:none}

.Navigation { background-color:#ececec; margin-bottom:24px; padding: 5px 0px 5px 20px; border-radius: 5px; font-size:10px; text-transform:uppercase; color:#000; }
.Navigation a {font-family: Tahoma, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:bold;}
.Navigation img {margin: 0px 5px 0px 5px;}
.Navigation:hover {background-color:#f8e6d3;}

#Description .Descr { float:left; width: 400px; min-height:250px; padding-left:18px;}
#Description .Pict { float:right; vertical-align:top; width:458px; margin-right:10px; text-align:center;}
#Description .Price { float:right; font-family: europedemiregular, Tahoma, Helvetica, sans-serif; font-size:18px; color:#000000; padding: 4px 0px 0px 40px;}
#Description .Button { float:right; padding: 0px 20px 0px 20px; }
#Description p { text-align:justify;}

#TechChar table { border-spacing:0px; margin-bottom:15px; width:100%;}
#TechChar caption {font-family: europedemiregular, Tahoma, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ff6600; text-align:left; padding: 4px; border-bottom: solid 2px #f8e6d3;}
#TechChar th, #TechChar td { padding:4px; font-size:11px; color:#000000; text-align:left; font-weight:normal; border-bottom: solid 1px #f0f0f0;}
#TechChar th{ width:80%;}
#TechChar td{ width:20%;}
#TechChar div { width: 45%; margin-bottom:10px;}

.left { float:left; padding-right:10px; padding-left:18px;}
.right { float:right; padding-left:10px; padding-right:18px;}

.brands
{
	padding-left:-10px;
	width: 640px;
	height:45px; 
	overflow:hidden;
	visibility: visible;
	position: relative; z-index: 2; 
	left: 0px; 
}
.scroll
{
margin: 0px; 
padding: 0px; 
position: relative; 
list-style-type: none; 
z-index: 1; 
width: 640px; 
left: 0px; 	
}
.br_img
{
	height:45px;
	margin-left:10px;
	overflow: hidden; 
	float: left; 
	width: 150px; 
}
.cat_img
{
	height:130px;
	margin-left:20px;
}


.menu{
	font-size:12px;
    z-index:100;
	float:right; margin-right: 10px;
}
.menu ul li a, .menu ul li a:visited{
    display:block;
    text-decoration:none;
    color:#000;
    width:153px;
    height:28px;
    text-align:center;
    color:#fff;
    line-height:20px;
    font-size:11px;
    overflow:hidden
}
.menu ul{
    padding:0;
    margin:0;
    list-style:none
}
.menu ul li{
    float:left;
    position:relative}
.menu ul li ul
{
    display:none
}
.menu ul li:hover a{
	font-family: europedemiregular, Tahoma, Helvetica, sans-serif;
    color:#fff;
    
}
.menu ul li:hover ul{
    display:block;
    position:absolute;
    top:21px;
    left:0;
    width:105px
}
.menu ul li:hover ul li a{
    display:block;
    background:#ddd;
    color:#000;
	border:1px solid #AAA;
}
.menu ul li:hover ul li a:hover{
    background:#888;
    color:#000
}
.menu ul li:hover ul li a.active{
    background:#CCC;
	border:1px solid #AAA;
    color:#000
}
#ad_basket
{
 z-index:101; 
 display:none;
 width:300px;
 height:50px; 
 position:relative; 
 top:150px; 
 margin:0 auto; 
 background:url(/images/popup_add.png); 
 opacity: 0.8;
}

#order_form span
{
	 font-family:europedemiregular, Tahoma, Helvetica, sans-serif; 
}
#submit_order
{
	cursor:pointer;
	float:right;
	display:block;
	border:none;
	width:161px;
	height:30px;
	margin-top:30px;
	margin-right:80px;
	background:url(/images/submit_order.png) no-repeat;	
}
.scroll li
{
	position:absolute;
	margin-left:15px;
	width:160px;
}
.scroll li img
{
	
}
#submit_order:hover
{
	background:url(/images/submit_order_hover.png) no-repeat;	
}

#submit_order:active
{
	background:url(/images/submit_order_on.png) no-repeat;
}
#big_info_image
{
	display:none;
	z-index:99;
	position:absolute;
	border:20px #999 solid;
	top:100px;
	left:50%;
	margin-left:-410px;	
	cursor:pointer;
}