@media Screen
{
html,body{ margin:0; padding:0; height: 100%; width: 100%; background: #252525; font-family: arial, sans-serif; font-size: 13px; color:#DADADA; text-align: center }
table{ padding: 0; margin:0; border-collapse: collapse }
td{ padding: 0; margin:0; border-collapse: collapse }
img{ border:0 }
form{ margin: 0; padding:0; width: 100% }
input{ font-family: tahoma }
h1, h2, h3, h4, h5, h6, p, address{ margin:0; padding:0 }
h1, .head{ font-size: 18px; margin-bottom: 18px; font-weight: normal }
h2{ font-size: 18px; font-weight: normal; padding: 15px 0 3px 0; clear:both; }
h3{ font-size: 15px; font-weight: bold; padding: 15px 0 5px 0; clear:both; }
p{ margin-bottom: 18px }
em a{ color:#787878 }
a{ color:#FC4426 }
a:hover{ text-decoration: none }
a:active { outline: none }

html {overflow-y:scroll;}
:focus {outline: 0;}

#promo,#promo li{ padding:0; margin:0; list-style: none }
#promo{ height: 334px; margin-top: 13px; width: 100%; position: relative; overflow: hidden }
#promo li{ position: absolute; height: 335px; overflow: hidden }
#promo li div{ position: absolute; width: 100%; height: 335px; top:0; left:0; background-repeat: no-repeat; background-position: center }
#promo img{ display: none; position: absolute }
#promo a{ display: none; position: absolute; left: 11px; bottom: 11px; background: #000019 url('/img/arr.gif') no-repeat right center; padding: 13px 40px 13px 10px; color: white }
#promo #current{ width: 566px; left: 201px }
#promo #next{ width: 192px; left: 776px; cursor: pointer }
#promo #prev{ width: 192px; left: 0; cursor: pointer }
#promo #nextnext{ width: 0; left: 968px }
#promo #prevprev{ width: 0; left: 0 }
.header{ width: 100%; min-width: 998px; position: relative; text-align: left; }
.header .child{ position: absolute; width: 100%; height: 522px; text-align: center; background: url('/img/bg.gif') repeat-x top }
.header .child_nog{ position: absolute; width: 100%; height: 175px; text-align: center; background: url('/img/bg_nog.gif') repeat-x top }
.header .inner{ width: 968px; height: 522px; margin: 0 auto; text-align: left; position:relative; }
.header .inner_nog{ width: 968px; height: 175px; margin: 0 auto; text-align: left;position:relative; }

.overlay{ position: relative; text-align: left; }
.overlay div{ height: 118px; width: 100%; position: absolute; left:0; background: #FEFEFE; }

.top{ height: 118px; width: 100%; position: relative; }
.logo{ position: absolute; top: 30px }
.header .phone{ position: absolute; right:0; top: 15px; min-height: 55px; background: url('/img/phone.gif') no-repeat 0 7px; font-size: 16px; color:#49382F; white-space: nowrap; padding: 5px 0 0 60px }
.header .phone big{ color:#D34E43; font-size: 42px; float: left; padding-right: 10px; padding-bottom:40px; line-height:40px;}
.header .phone span{ color:#D34E43 }
.header .phone small{ color:#D34E43; font-size: 12px; }

.tool{ width: 100%; overflow: hidden; height: 45px; margin-top: 13px; position:relative; }
.tool ul, .tool li{ padding: 0; margin: 0; list-style: none }
.tool ul{ float: left; margin-left: -13px; font: 12px georgia; color:#E8A8A3; padding: 15px 0 }
.tool li{ float: left; margin-left: -1px; background: url('/img/vr.gif') no-repeat left center; padding: 0 13px 0 14px }
.tool a{ color: white }

.search{ float: right; width: 190px; height: 24px; margin-top: 11px; background: url('/img/search.gif') no-repeat }
.search .input{ padding-top:0; margin: 3px 0 0 10px; float: left; width: 145px; border: solid 1px white; font: 13px arial; color:#B0AFAF }
.search .submit{ float: right; margin: 4px 7px 0 0 }

.left, .right, .right-sub, .center{ float: left; padding: 522px 0 10000px; margin-bottom: -10000px }
.left{ width: 265px; padding-top: 572px }
.right{ width: 718px; background: #313131 }
.right-sub{ width: 222px }
.center{ width: 496px; background: #313131 }

.nog {padding: 227px 0 10000px !important;}

.center .main{ padding: 50px 32px; text-align:left; font-size:15px;}
.right-sub .main{ padding: 50px 0 0 22px; font-size:15px;}
.right-sub .main img {margin-top:5px;}
.right .main{ padding: 0px 32px; font-size:15px;}
.right .inner_text{ padding: 0px 32px; font-size:15px;}
.center .inner_text{ padding: 0px 32px; text-align:left; font-size:15px;}
.right-sub .inner_text{ padding: 0px 0 0 45px; font-size:15px;}

.content{ width: 998px; margin: 0 auto; min-height: 100%; overflow: hidden; text-align: left; }

.left ul ,.left li{ margin: 0; padding: 0; list-style: none }
.left ul{ position: relative; left: 15px; width: 200px; margin: 0 0 40px; border-top: solid 1px #3B3B3B; font: 13px georgia; font-weight: bold }
.left li{ border-bottom: solid 1px #3B3B3B }
.left ul a{ text-decoration: none; display: block; padding: 7px 0; position: relative }
.left ul a:hover{ background: #313131 }
.left .open{ border: none }
.left .subopen * {color:#666666;}
.left .nov, .left .nov li { border: none }

.left .open ul a{ padding: 7px 0 }
.left ul ul{ left:0; margin:0; border-top: solid 1px #3B3B3B; border-bottom: none }
.left ul ul li{ border: none; margin-left: 20px; border-bottom: solid 1px #3B3B3B }
.left ul ul a{ color:#B2B2B2 }

.decor{ border-bottom: solid 1px #4C4C4C; font-size: 24px; font-weight: normal; padding-bottom: 4px }

.bnodes{ width: 100%; overflow: hidden; margin-top: 25px; padding-bottom: 35px; border-bottom: solid 1px #4C4C4C }
.bnodes img {border-style:solid none solid none;border-width:5px;border-color:#FFF;margin:0 0 5px 0;}
.node-left{ float: left; width: 310px; overflow: hidden; clear:left; }
.node-right{ float: right; width: 310px; overflow: hidden }
.menulink {font: 13px georgia; font-weight: bold}

/*catalog*/
.catalog{ background: white; padding: 25px 0; }
.catalog .hr{ font-size: 0; border-top: solid 1px #ccc; margin: 25px 20px 0; padding: 0 0 25px; }
.nodes{ width: 100%; overflow: hidden; background: url('/img/dots-3.gif') repeat-y 161px ; clear:left; }
.node{ float: left; width: 163px; text-align: center; padding-top:8px; }
.node .view{ width: 140px; margin: 0 auto; overflow: hidden; text-align: left; }
.node .view table td.img { width: 138px; height:190px; vertical-align:middle;text-align:center; }
.node .view table td.desc { vertical-align:bottom;text-align:center;height:164px; }
.node .cost{ font-size: 20px; padding: 5px 10px 0px; margin: 0; }
.node .description{ font-size: 12px; text-align: center; font-weight: bold; padding:0; color: #4F4F4F; margin: 10px 0 0 }
.node .description span.col{ color:#FC4426 }
.node .description span{ font-weight:normal; }
/*catalog*/

/*image*/
.image ul, .image li{ margin: 0; padding: 0; list-style: none; }
.image{ width: 100%; overflow: hidden; padding: 20px 0; }
.image .view{ width: 500px; overflow: hidden; float: left; position: relative; }
.image .view img{ display: block; }
.image .preview{ float: right; }
.image .preview img{ display: block; width: 120px; }
.image .preview a{ outline: none; display: block; border: solid 1px #313131; padding: 7px; background: #313131; }
.image .preview a:hover{ background: #3B3B3B; }
.image .preview .current{ border: solid 1px #4C4C4C; background: #3B3B3B; }
.image .description{ position: absolute; width: 90%; left:0px; }
.image .description_default{ bottom:20px; }
.image .description_opera{ top:30px; }
.image .description p{ margin:0; padding: 10px; font-size:12px;}
.image .description span.colprice { color: #FC4426; }
.image .description span.nobr { white-space:nowrap; }
.image .description .inner{ background: black; }
#close-desc{ background: black; width: 20px; height: 20px; position: absolute; right: -20px; top:0; text-align: center; cursor: pointer; }
.hidden{ display: none; }
/*image*/

.pager, .pager li{ padding:0; margin:0; list-style: none }
.pager{ font-size: 12px; margin-left: -14px; padding: 12px 0 }
.pager .name{ background: none; }
.pager li{ display: inline; padding: 0 15px 0 14px; background: url('/img/vr-2.gif') no-repeat right center }
.pager a{ text-decoration: none; color: white; font-weight: bold }
.pager b{ color:#6F6F6F }

.brands, .brands li{ padding:0; margin:0; list-style:none }
.brands{ padding: 8px 0 }
.brands li{ display: inline }
.brands a{ font-style: italic; color:#929292 }

.footer{ width: 100%; min-width: 998px; position: relative; text-align: left }
.footer .child{ position: absolute; width: 100%; height: 115px; top: -115px; background: #1B1B1B; text-align: center }
.footer .main{ width: 998px; margin: 0 auto }
.footer .inner{ width: 968px; margin: 0 auto; text-align: left; position: relative }
.footer a{ color:#787878; font-style: normal }
.foot-left{ position: absolute; top: 17px }
.foot-center{ position: absolute; top: 17px; left: 282px }
.foot-right{ position: absolute; top: 17px; left: 713px; }
.footer .phone{ font-weight: bold; color:#FC4426; font-size: 13px }
.footer .phone span{ color:#DEDCDB }
.footer .copy{ margin-top: 10px }

.end{ clear: both; height: 200px }

/*17 nov 2009*/
.navigation{ width: 100%; position: relative }
#navigation{ position: absolute; top: -334px; height: 334px; width: 100% }
#go-prev,#go-next{ position: absolute; top:0; height: 334px; width: 192px; cursor: pointer }
#go-prev{ left: 0 }
#go-next{ right: 0 }
#go-prev div,#go-next div{ width: 19px; height: 21px; position: absolute; top: 162px }
#go-prev div{ background: #000019 url('/img/prev2.gif'); left:0 }
#go-next div{ background: #000019 url('/img/next2.gif'); right:0 } 
#relay{ position: absolute; top: 0; left: 201px; width: 566px; height: 334px }
#relay a{ display: none; position: absolute; left: 11px; bottom: 11px; background: #000019 url('/img/arr.gif') no-repeat right center; padding: 13px 40px 13px 10px; color: white }

.one_item_tech_info td {padding:5px 10px 5px 10px;}
.nodes-border {border-style:solid none none none;border-width:1px;border-color:#313031;}

.main ul li, .inner_text ul li{ line-height:25px; }

/*new style for scrolling gallery*/
.preview{ margin-top: 15px; }
.preview ul{ position: absolute; top:0; }
.preview li{ float: left; height: 96px; }					
.preview span{ display: block; width: 120px; max-height: 80px; overflow: hidden; cursor: pointer; }
#scroll{ height: 288px; width: 136px; overflow: hidden; position: relative; }
.up, .down{ position: relative; }
.up {padding:0 0 5px 0;}
.down {margin:5px 0 0 0;}
#up, #down{ position: absolute; width: 136px; height: 15px; cursor: pointer; }
#up{ background: url('/img/up.gif') no-repeat; top: -15px; }
#down{ background: url('/img/down.gif') no-repeat; height: 15px; top: 0; }

h1.tcenter {text-align:center;}

#panel_cart {position:absolute;right:32px;top:170px;width:215px;height:23px;padding:19px 0 0 10px;display:block;z-index:80;background:url('/img/panel_cart.gif');}
.panel_cart_nog {top:517px !important;}
.ctype2cart {height:50px;padding:5px;background:#ffffff url('/img/bg_ctype2.gif');}

.t_opt { margin: 10px; }
.t_opt td { padding: 3px; }

.visitor_code {margin:0 0 10px 15px;}

#scrollnews {width:948px;padding:0 10px 0 10px;height:27px;line-height:25px;position:absolute;top:450px;background:url("/img/bg.gif") repeat-x #fff;overflow:hidden;color:#666;}

.novelty td {padding:5px 5px 15px 5px;}
}