﻿html,body{height:100%; width:100%}
body{margin:0;padding:0;text-align:left; background:#000; color:#fff}
body,td,th{font:normal 11px Tahoma, Arial}
th{font-weight:bold}
h1,h2,h3,h4,h5,h6{font:bold 13px Arial; padding:0 0 10px 0; margin:0}
h1{background:#fff; padding:20px 10px; color:#000; font:normal 18px Arial; line-height:18px; position:fixed;_position:absolute; z-index:20; top:50px; left:55px; width:200px}
h1 em{font-size:14px; display:block; padding-bottom:3px}
p{margin:0; padding:0 0 13px 0}
a{color:#fff; text-decoration:underline; outline:none}
a:hover{text-decoration:none}
a:active{color:#bbb}
a img{border:0}
form{margin:0; padding:0}
input,select,textarea{font:normal 11px Tahoma, Arial;color:#4a4a4a}
.input,select,textarea{background:#FFF; border:1px solid #333; margin:0}
input,select{vertical-align:middle; margin:0}
.input,textarea{padding:2px 5px}
select{padding-left:5px}
textarea{}
.button,button{}
big{font-size:13px}
small{font-size:10px}


:focus{outline:none}
::selection{background:#111;color:#fffaaa}
::-moz-selection{background:#111;color:#fffaaa}

ol{margin:0;padding:0 0 13px 30px}
ul{margin:0; padding:0 0 10px 0; list-style:none}
ul li{padding:0 0 3px 10px; background:url(img/li-1.gif) 1px 6px no-repeat; zoom:1}

#bg-img{position:fixed;_position:absolute; width:100%; height:100%; overflow:hidden}
#bg-img img{width:100%}
#bg-img div{position:absolute; top:0; left:0; width:100%; background:url(img/clear.gif)}
#bg-img div img{visibility:hidden}

#main{padding:50px 25px 155px 305px; width:670px; position:relative; z-index:10}
/*#main #content{width:550px; padding:10px; margin-left:-10px; background:#F5F5F5; color:#000}*/
#main #content{width:550px; padding:10px; margin-left:-10px; background:#fff; color:#000; overflow:auto}
#main #content a{color:#000}
#main #content a.act{color:#444}
#main #left-colum{width:230px; padding:2px 10px 10px 10px; margin-left:-250px;_margin-left:-125px; float:left; background:#fff; color:#000; position:relative}
#main #left-colum h1{position:static; top:auto; left:auto; padding:0 0 10px 0; text-transform:uppercase}
#main #right-colum{width:330px; padding:2px 20px 10px 20px; margin-left:20px; float:left; background:#fff; color:#000; position:relative}
#main #left-colum h6,
#main #right-colum h6{font:normal 10px Arial; padding:3px 0 15px 0}
#deco-1{position:fixed;_position:absolute; z-index:20; zoom:1; bottom:0; left:0; width:100%; min-width:1000px; width:expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); background:#000}
#deco-1 #footer{padding:0 31px 0 57px}

#menu-top{position:absolute; top:0; left:0; width:100%; z-index:20;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/img/bg-ie.png",sizingMethod="scale")}
html>body #menu-top{background:url(img/bg-1.png)}


#menu-top #list{padding:4px 0 4px 17px; width:700px; float:left}
#menu-top #list .next img,
#menu-top #list .prev img{width:9px; height:14px; float:left; background:url(img/next-1.gif) 0 0 no-repeat}
#menu-top #list .next,
#menu-top #list .prev{width:9px; height:14px; padding:13px 0 0 0; display:block; float:left}
#menu-top #list .prev img{background-position:100% 0}
#menu-top #list .next:hover img{background-position:0 -14px}
#menu-top #list .next:active img,
#menu-top #list .next img:active{background-position:0 -28px}
#menu-top #list .prev:hover img{background-position:100% -14px}
#menu-top #list .prev:active img,
#menu-top #list .prev img:active{background-position:100% -28px}
#menu-top #list ul{padding:1px 13px; float:left}
#menu-top #list ul li{float:left; padding:0 2px; background:none}
#menu-top #list ul li a{display:block; float:left; border:1px solid #fff; padding:1px}
#menu-top #list ul li a img{width:32px; height:32px; float:left}
/*
#menu-top #list{padding:4px 0 4px 17px; width:460px; float:left}
#menu-top #list .next img,
#menu-top #list .prev img{width:9px; height:14px; float:left; background:url(img/next-1.gif) 0 0 no-repeat}
#menu-top #list .next,
#menu-top #list .prev{width:9px; height:14px; padding:4px 0 0 0; display:block; float:left}
#menu-top #list .prev img{background-position:100% 0}
#menu-top #list .next:hover img{background-position:0 -14px}
#menu-top #list .next:active img,
#menu-top #list .next img:active{background-position:0 -28px}
#menu-top #list .prev:hover img{background-position:100% -14px}
#menu-top #list .prev:active img,
#menu-top #list .prev img:active{background-position:100% -28px}
#menu-top #list ul{padding:1px 13px; float:left}
#menu-top #list ul li{float:left; padding:0 2px; background:none}
#menu-top #list ul li a{display:block; float:left; border:1px solid #fff; padding:1px}
#menu-top #list ul li a img{width:16px; height:16px; float:left}
*/



#menu-top #list ul li a:hover{background:#fff}
#menu-top #list ul li a:active{background:#eee}
#menu-top #list ul li a.current{background:#fff; cursor:default}
#menu-top #list ul li a.loading{background:#fff url(img/loading.gif) 50% 50% no-repeat; cursor:default}
#menu-top #list ul li a.loading img{background:none; opacity:0.5;filter:alpha(opacity=50)}
#menu-top #list ul li div{display:none}
#menu-top #control{}
#menu-top #control a,#detail,#detail-2{display:block;font-size:12px; line-height:31px; height:31px; padding:0 5px; margin-right:4px; float:left; text-transform:uppercase; text-decoration:none}
#menu-top #control a:hover,#detail:hover,#detail-2:hover{background-color:#bbb!important; color:#000}
#menu-top #control a:active,#detail:active,#detail-2:active{background-color:#eee!important; color:#000}
#menu-top #control a.act{background:#fff; color:#000}
#menu-top #control #hidden,
#detail,#detail-2{color:#000; font-weight:bold; width:125px; background:#fff url(img/ico-hidden.gif) 105px 13px no-repeat}

/*#detail,#detail-2{position:absolute; top:0; left:477px; z-index:15; background-position:105px -18px}*/
#detail,#detail-2{position:fixed;_position:absolute; top:0; left:717px; z-index:15; background-position:105px -18px}
#detail-2{background-position:105px 13px}
#detail-2.act{background-position:105px -18px}


#footer .menu{padding:0; height:50px; position:relative}
#footer .menu li{float:left; padding:0 1px 0 0; background:none}
#footer .menu li a{display:block; float:left; padding:6px 8px; text-transform:uppercase; text-decoration:none; zoom:1; font-weight:bold;}
#footer .menu li a:hover{background:#bbb; color:#000}
#footer .menu li a:active{background:#eee}
#footer .menu li a.current{font-weight:bold; color:#000; background:#fff; cursor:default}


#footer .menu li ul{position:absolute; top:-27px; left:-57px; width:100%; padding:0 31px 0 57px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/img/bg-ie.png",sizingMethod="scale")}
html>body #footer .menu li ul{background:url(img/bg-1.png)}


#footer .menu li ul ul{left:0}
#footer #logo{float:left; padding:0 39px 0 8px; height:69px}
#footer #menu-site{float:left; padding:23px 0 0 0}
#footer #menu-site li{float:left; padding:0 15px 0 0; background:none}
#footer #menu-site li a{display:block; float:left; background:#bfbfbf}
#footer #menu-site li a:hover{background:#fff}
#footer #menu-site li a:active{background:#999}
#footer #created{padding:9px 40px 3px; text-align:right; float:right; position:relative; zoom:1; color:#7f7f7f}
#footer #created a{color:#7f7f7f}
#footer #created a:hover{color:#7f7f7f}
#footer #created a:active{color:#fff}
#footer #created img{position:absolute; top:6px; right:0}


.close{float:right; background:#000; display:block; margin:0 -5px 0 0;_margin-right:-3px}
#right-colum .close{margin-right:-15px;_margin-right:-8px}
.close img{float:left}
.close:hover{background:#555}
.close:active{background:#999}


div.description, div.thumbnail {float:left}
div.description {width: 220px; padding-top: 40px;}
div.clear {clear:both; height: 20px;}
li.level3active a{text-decoration: none; cursor: default; font-weight: bold;}
li.level3active a:hover{color:#000}
li.level3active a:active{color:#000}
li.level3active ul li a{text-decoration: underline; cursor: pointer; font-weight: normal;}
li.level3active ul li a:hover{text-decoration: none;}
li.level3active ul li a:active{text-decoration: none;}


#main #content #FeedBackForm {width: 375px;}
#main #content #FeedBackForm .input {width: 300px;}
#main #content #FeedBackForm div.name {width: 150px; margin: 0 0 5px 0; padding: 0}
#main #content #FeedBackForm div.element {width: 200px; margin: 0 0 10px 0px; padding: 0}
#main #content #FeedBackForm div.error {font-weight: bold; color: red;}
#main #content #FeedBackForm A.but-off, #FeedBackForm A:hover.but-off {display:block; background-color:#444; height:20px; padding-top: 6px; font-size:11px; text-decoration: none; color: #999; width: 90px; text-align: center;}
#main #content #FeedBackForm A.but-1 {display:block; background-color:#000; height:20px; font-size:11px; height:20px; padding-top: 6px; text-decoration: none; color: #fff; width: 90px; text-align: center;}
#main #content #FeedBackForm A:hover.but-1 {background-color:#444; }
#main #content div.images img {padding: 0px 10px 10px 0px}
#main #content table.images td {padding: 0px 10px 10px 0px; vertical-align: top;}
#main #content table.price td {padding: 0px 10px 10px 0px;}

div.topMenu ul ul {padding-bottom: 0px; padding-top: 3px}
