/* Global styles */

html {font-size: 100.1%;}
html,body,form {padding: 0px; margin: 0px; }
html, body {background-color: white; height: 100%}
body{text-align: left; font-size: 70%; font-family: Tahoma, Arial, Verdana; color: #000000; background: url('pixel.gif') no-repeat; background-attachment: fixed;}
select, input, div, span, font, textarea {font-size: 100%; font-family: Tahoma, Arial, Verdana;}
a img, img, html, body{border: none;}
a img, img, a {outline: none !important;}
*:focus { outline: none; }
tr.mid td{vertical-align: middle;}
.fil{overflow: hidden; height: 6px; width: 100%;}
.fil1{overflow: hidden; height: 0px; width: 100%;}
.fil2{overflow: hidden; height: 14px; width: 100%;}
.fil3{overflow: hidden; height: 1px; margin: 18px 0px; width: 100%; background-color: #E1E2E5;}
.arc{font-family: Arial, Tahoma, Verdana;}
.upc{text-transform: uppercase;}
.white {background-color: white;}
a {color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}
.profi{width: 100%; color: #000000; font-size: 170%; padding-bottom: 60px; text-align: center;}
.bf{font-weight: bold;}
textarea{padding: 1px;}

/* Pop-up styles */

.highslide-active-anchor img {visibility: hidden;}
.highslide-wrapper {background: white;}
.highslide-image {border: 4px solid white; background-color: white;}
.highslide-loading {display: block; color: white; font-size: 100%; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black;}
a.highslide-loading, a.highslide-loading:hover {color: white; font-weight: bold; text-decoration: none; }
.highslide-move {cursor: move;}
.highslide-overlay {display: none;}
a.highslide-full-expand {background: url(fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.highslide {cursor: url(zoomin.cur), pointer; outline: none;}

/* Rating styles */

.unit-rating {list-style:none; height: 20px; position: relative;  background: url(starvote.gif) top left repeat-x; padding: 0px; margin: 0px;}
.unit-rating li{text-indent: -90000px; float: left; padding: 0px; margin: 0px;}
.unit-rating li a {outline: none; display:block; width:20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px;}
.unit-rating li.current-rating {background: url(starvote.gif) left bottom; position: absolute; height: 20px; display: block; text-indent: -9000px; z-index: 1;}
.unit-rating li a:hover{background: url(redstar_big.gif) left center; z-index: 2; left: 0px;}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width: 20px;}
.unit-rating a.r2-unit{left: 20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}

/* Menu styles */

td.dtree {width: 99%; padding: 7px 3px 2px 3px;}
td.dtree a, td.dtree a:hover {text-decoration: none; font-size: 12px; font-weight:bold;}
tr.dtree td{vertical-align: top; text-align: left; border-bottom: 1px dotted #cccccc;}
tr.dtree:hover, tr.dtree:hover a, tr.dtree a:hover{color: #c11c02;}
td.dtree a:hover {background: url('smm.gif') no-repeat center right; padding-right: 10px;} 
td.dtree a.bf {color: #c11c02; padding-right: 10px; background: url('smm.gif') no-repeat center right;}
 /* Index styles */

.container {width: 100%; padding-bottom: 4px;}
.fix{overflow: hidden; height: 3px; background-color: #4F78A0; width: 100%;}
.headlink {color: #ffffff; padding: 5px 16px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #E58A40 url('mfon.gif') repeat-x top left;}
.headlink a {text-decoration: none;}
.headlink a:hover {text-decoration: underline;}
.center {padding: 7px 5px 20px 5px;}
.poisk a, .headlink a{color: #ffffff;}
.htba{height: 94px; background: #446991 url('nfon.gif') repeat-x top left; padding-left: 15px;}
.htbb{padding-right: 16px; background: #446991 url('nfon.gif') repeat-x top left; width: 50%;}
.fonta{color: #ffffff; font-size: 200%; font-family: "Trebuchet MS", Arial, Verdana;}
.fontb{color: #ffffff; padding-left: 1px; font-size: 120%; font-family: "Trebuchet MS", Arial, Verdana;}
.poisk{color: #ffffff; width: 100%; background: #757A7B url('pfon.gif') repeat-x top left; border-top: 1px solid #ffffff;}
.poisk1{color: #ffffff; padding: 0px 16px; height: 30px;}
.btbl{text-align: left; color: #ffffff; padding: 0px 16px; height: 70px; background: #4F78A0 url('bfon.gif') repeat-x bottom left; font-weight: bold; vertical-align: middle;}
.delm {margin: 0px 4px; cursor: default;}
.pform{width: 282px; border: 1px solid #698dbf; padding: 2px; font-size:14px;}
.stat {font-family: Tahoma, Arial, Verdana !important;}

/* Block styles */

#left  {width: 294px;  border-right: 1px dotted #c4c4c4;} 
#right {width: 271px; border-left: 1px dotted #c4c4c4; background: #fef9df url('r-bot.gif') no-repeat bottom right; padding-bottom: 57px;}
img.fixwidth {width: 190px; height: 1px;}
.blmtop{margin-top: 4px;}
.blm{padding: 0px;}
.cbt {padding: 4px 8px; background-color: #fef9df;}

.hd {padding: 5px 15px; background: url('bg-c-hd.gif') no-repeat center left; color: #c11c02; font-size: 14px;}
#left .hd {padding: 5px 114px 8px 38px; background: url('l-hd.jpg') no-repeat top left; color:#FFFFFF;  font-size: 12px;}
#right .hd {padding: 5px 2px 8px 135px; background: url('r-hd.jpg') no-repeat top right; color:#FFFFFF; font-size: 12px;}

.hdb {padding: 12px 12px 14px 12px;}
.hdbtop {padding: 8px;}
.hmin {padding: 4px 0px;}
.hdbot{ border-bottom: 1px dotted #c4c4c4; background: #fef9df; padding: 4px 8px;}
.hdbot a{font-weight: bold}
.hd a {color: #c11c02; text-decoration: none;}
.hd a:hover {color: #c11c02; text-decoration: none;}


/* Table styles */

table.gre {background-color: #D0D1D5;}
table.gre td{background-color: #ffffff;}
table.gre td.lt{ background-color: #E4E6E9; font-weight: bold;}
.pad{padding: 8px 8px;}
.padt{padding: 3px 8px;}

/* Other styles */

.price{ color: #c11c02; font-size: 150%; font-weight: bold;}
.market-price {background: url('line_through.gif') repeat-x center; color: #DF7017; font-size: 126%; font-weight: bold;}
.ptbl td{vertical-align: middle; text-align: left; padding: 3px 8px;}
#axcrt{border: 3px double #E48234; background: #FFEBB2; z-index: 100; width: 300px; height: 58px; font-size: 120%; padding-top: 42px;}
table.nl tr td a {text-decoration: none;}
table.nl tr td a:hover {text-decoration: underline;}
a.noline {text-decoration: none;}
a.noline:hover {text-decoration: underline;}
a.nl, a.nl:hover {text-decoration: none;}
.oki{color: #339933;}
.error{color: #ff6600;}
.cattop {margin-top: 4px; padding: 4px 0px;}

.imboxr {padding-left: 0px; text-align: center; vertical-align: top;}
.imboxr img {border: 1px dotted black; argin-left: 10px;  background: #b9d0ee; padding: 7px;}

.imboxl {padding-right: 0px; text-align: center; vertical-align: top;}
.imboxl img {border: 1px dotted black; margin-right: 10px; background: #b9d0ee; padding: 7px;}

img.delim, td.delim{width: 4px; height: 4px;}

#header { width: 100%; height: 445px;}

#l-header { width:296px; float:left; padding: 0px;}
#logo { width: 291px; height: 131px; border-right: 5px solid #ebebeb;}
#autor {width: 296px; height: 116px; background: url('bg-autor.gif') no-repeat top left;}
#price {width: 296px; height: 111px; background: url('bg-price.gif') no-repeat top left; text-align: center;}
#price a { font-size: 14px; color: #C11C02; text-decoration: none; font-weight: bold;}
#price a:hover {text-decoration: underline;}

#r-header {margin-left: 296px; height: 358px;}

#cont {height: 63px; background: url('bg-cont.jpg') no-repeat top left;}

.cont { width: 25%; height: 45px; border-right: 2px solid #ebebeb; font-size: 12px; font-weight:bold; text-align:right; padding-right: 15px;}
.cont1 { width: 15%; height: 45px; font-size: 12px; font-weight:bold; text-align:right;  padding-right: 15px;}

#headpic {height: 295px; }
.qqq-l {height: 295px; width:335px; background: url('mal.jpg') no-repeat top left;}
.qqq-c {height: 295px; background: url('bg-header.jpg') repeat-x top left;}
.qqq-r {height: 295px; width:600px; background: url('tel.jpg') no-repeat top right;}

.mal-niz { width: 540px; height:31px; background: url('mal-niz.jpg') no-repeat top left;}
.mal-niz-bg {height:31px; background: url('mal-niz-bg.jpg') repeat-x top right; text-align:right; padding-right: 20px;}

.sm { height: 38px; background: url('bg-sm.jpg') repeat-x top left; }
.smm { width: 20%; text-align: center;}
.smm a { font-size: 15px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
.smm a:hover {color:#FFFFFF; text-decoration:underline;}
.smspan {width: 2px;}
.smspan div { height: 31px; border-left: 1px solid #77b6d7; border-right: 1px solid #5b85b4;}

.sm-b-l {height: 18px; width: 345px; background: url('sm-b-l.gif') no-repeat top left;}
.sm-b-c {background: url('sm-b-c.gif') repeat-x top left;}
.sm-b-r {height: 18px; width: 317px; background: url('sm-b-r.gif') no-repeat top right;}

.red { color:#FF0000; font-weight:bold; font-size:11px;}

#zakaz {background: url('l-top.gif') no-repeat top left; height: 60px; padding-top: 20px; padding-bottom: 45px; margin-right: -1px;}
#zakaz a { font-weight:bold; text-decoration:none;}
#zakaz a:hover { color: red;}
#cart {background: url('r-top.gif') no-repeat top right; text-align:left; padding: 30px 0px 41px 100px;  margin-left: -1px; height: 54px;}

.l-t { width: 26px; vertical-align:top;}
.r-t { width: 26px; vertical-align:top;}

.l-foot{ height: 108px; background: url('l-foot.gif') no-repeat top left;}
.c-foot { height: 108px; background: url('c-foot.gif') repeat-x top left;}
.r-foot { height: 108px; background: url('r-foot.gif') no-repeat top right;}

.blocks {background: url('bg-tb.gif') no-repeat top left;}

.search { padding-left: 20px; width: 380px;}
.search-b { position:absolute; top: 375px;  margin-left: 10px; _margin-left: 8px;}

#tell { font-size:18px; margin-top: 200px; margin-left: 330px}
#tell span { font-size:10px;}
.blue {color: #287FA6; font-size: 12px; font-weight:bold;}

#slogan { font-size: 16px; color: #d2d2d2; position:absolute; top: 315px; left: 505px; font-weight: bold;}