.panel { background: #E0EBF7 url(bgrd_panel_top.gif) right top no-repeat; margin-bottom: 20px; }
.panel .hdr { padding: 10px; }
.panel .hdr h3 { color: #427EB5; border-bottom: 1px solid #427EB5; font-size: 14px; padding-bottom: 2px; height: 100%; }
.panel .cnt { padding: 0 10px 10px 10px; background: #E0EBF7 url(bgrd_panel_bottom.gif) right bottom no-repeat;  }
.panel .cnt h4 { height: 40px; font-size: 12px; padding: 0 0 0 48px; font-weight: normal; }
.panel .cnt p { height: 100%; }
.panel .cnt .item { width: 99px; height: 99px; float: left; margin: 0 5px 5px 0; background: url(bgrd_frame.gif); padding: 1px; position: relative; text-align: center; }
.panel .cnt .item img { display: block; margin: 0 auto;  }

.panel#game .cnt h4 { background: url(icon_game.gif) 9px 0 no-repeat; }

.panel#discount .cnt h4 { background: url(icon_discount.gif) 9px 0 no-repeat; }
.panel#discount .cnt p a { display: block; margin: 5px 0 0 0; }
 
#content .panel { }

#content #col { width: 280px; float: left; margin-right: 20px; }
#content #col2 { width: 300px; float: left; margin-right: 9px; }
#content #col3 { width: 120px; float: left;}
#content #col3 object{ display: block; background: #FFFFFF; margin: 5px 0 10px 0; }

#content #col3new { width: 120px; float: left; position:absolute; left:870px;}
#content #col4 { width: 620px; float: left; margin: 0 9px 0 10px; display: inline; }
#content #col4 .text {font-size: 12px}
#content #col4 .text a {color: #cc0000}

#content #items-list { }
#content #items-list li { display: block; overflow: hidden; line-height: 10px; color: #666; list-style-type: none; background: #FEF8E9  url(bgrd_items_list_bottom.gif) right bottom no-repeat; margin-bottom: 15px; padding: 0; }
#content #items-list li .container { display: block; height: 100px; background: url(bgrd_items_list_top.gif) right top no-repeat; padding: 10px; position: relative; }
#content #items-list li .container .cleaner {  }
#content #items-list li .cnt { display: block; float: left; width: 160px; }
#content #items-list li .image { display: block; float: left; margin-right: 10px; height: 100%; }
#content #items-list li strong { position: absolute; bottom: 10px; left: 10px; white-space: nowrap; background: #FEF8E9; }

#content .mod { margin-bottom: 20px; }

/*#content .mod h3 { color: #FFBC8A; border-bottom: 1px solid #FFBC8A; font-size: 14px; padding-bottom: 2px;  padding-top: 0px; }*/
#content .mod h3 { color: #cc0000; border-bottom: 1px solid #cc0000; font-size: 14px; padding-bottom: 2px;  padding-top: 0px; }
#content .mod h3 a:hover { color: #cc0000; text-decoration: none; }/* backup*/
#content .mod .list li { list-style-type: none; display: block; list-style-position: outside; margin-top: 10px; line-height: 10px; background-repeat: no-repeat; color:#666666;}
#content .mod .list strong { display: block; } 
#content .mod .list { }


#content .mod#firms h3 { color: #cc0000; border-color: #cc0000;  font-family: Arial; font-size: 16px; line-height: 17px; font-weight: bold; color: #cc0000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cc0000; padding-bottom: 2px; padding-top:13px;}
/*#content .mod#firms h3 { color: #427EB5; border-color: #427EB5;  font-family: Arial; font-size: 16px; line-height: 17px; font-weight: bold; color: #FA9E5D; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFBC8A; padding-bottom: 2px; padding-top:13px;}*/
#content .mod#firms .list li { padding-left: 0px; }
#content .mod#firms strong a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:13px; color: #333333; }
#content .mod#firms strong a:hover { color:#255AA9; text-decoration:none; }

#content .mod#news { width: 195px; float: left; padding-top:10px; }
#content .mod#news h3 { height:30px; background:url(sofiaplus.jpg) right no-repeat;}
#content .mod#news h3 a { font-family: Arial; font-size: 15px; line-height: 30px; font-weight: bold; color: #FA9E5D; padding-bottom: 2px; }
#content .mod#news strong a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:13px; color: #333333; }
#content .mod#news strong a:hover { color:#255AA9; text-decoration:none; }

#content .mod#promoall { width: 50px; float: left; margin-top:5px; margin-left:5px;}


#content .mod#promo { width: 100px; float: left; margin-top: -17px; }
#content .mod#promo h3 { color: #000; border-color: #427EB5;  }
#content .mod#promo h3 strong { color: #427EB5;  }
#content .mod#promo a { display: block; width: 30px; height: 25px; margin: 10px 0 3px 0; padding-left: 29px; background: url(icon_info.gif) left top no-repeat;}
#content .mod#promo strong a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:13px; color: #333333; }
#content .mod#promo strong a:hover { color:#255AA9; text-decoration:none; }


#content .mod#shop .list li { position: relative; padding: 0 0 0 5px; height: 90px; color:#666666; }
#content .mod#shop .list li img{ position: relative; padding: 0 0 0 5px; height: 90px; color:#666666; margin-right:15px; padding-bottom:10px; }
#content .mod#shop .list li .buttons { display: block; position: absolute; bottom: -16px; left: 9px; }
#content .mod#shop .list li .buttons a { display: block; width: 16px; height: 16px; float: left; text-indent: -100px; overflow: hidden; margin-right: 50px; padding-top:-5px; }
#content .mod#shop .list li .buttons a.basket { background: url(icon_basket.gif) no-repeat; }
#content .mod#shop .list li .buttons a.zoom { background: url(icon_zoom.gif) no-repeat;}
#content .mod#shop .list li .price { display: block; font-size: 12px; position: absolute; bottom: -11px; right: 0; white-space: nowrap; }
#content .mod#shop .list li .price strong { display: inline; color: #FF9648; }
#content .mod#shop a strong { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:13px; color: #333333; margin-left:15px; }
#content .mod#shop .list li .text{display: block; height:60px; overflow:hidden;}
#content .mod#shop a:hover strong { color:#255AA9; text-decoration:none; }

#content .mod#shop h3 {height:30px; background:url(bestbg.jpg) 105px no-repeat; margin-top:8px; vertical-align:bottom;}
#content .mod#shop h3 a{height:30px; bottom:0px; vertical-align:bottom; margin-top:15px; font-family: Arial; font-size: 16px; line-height: 30px; font-weight: bold; color: #cc0000; padding-bottom: 2px; border-color: #cc0000}
/*#content .mod#shop h3 a{height:30px; bottom:0px; vertical-align:bottom; margin-top:15px; font-family: Arial; font-size: 16px; line-height: 30px; font-weight: bold; color: #FA9E5D; padding-bottom: 2px; }*/

#content .mod#company { width: 310px; float: left; margin-right: 30px; }
#content .mod#company h3 { color: #427EB5; border-color: #427EB5;  }
#content .mod#company .img { height: 300px; background-repeat: no-repeat; background-position: center; }

#content .mod#comp-info { width: 160px; float: left; margin-right: 30px; color: #666; }
#content .mod#comp-info h3 { color: #427EB5; border-color: #427EB5;  }
#content .mod#comp-info span { display: block; margin: 10px 0; }
#content .mod#comp-info strong { display: block; margin-top: 5px; }
#content .mod#comp-info a { font-weight: bold; font-size: 11px; }
#content .mod#comp-info select { width: 100%; }

#content .mod#offer { width: 90px; float: left; overflow: hidden; }
#content .mod#offer h3 { color: #427EB5; border-color: #427EB5;  }
#content .mod#offer .item { display: block; width: 82px; border: 1px solid #417EB5; background: center 5px no-repeat; margin-top: 10px; padding: 100px 3px 3px 3px; overflow: hidden; }
#content .mod#offer .item .price { display: block; font-weight: bold; color: #417EB5; }

#content .mod#cat h3 { color: #427EB5; border-color: #427EB5;  }
#content .mod#cat .panel { margin: 20px 30px 20px 5px; width: 280px; color: #666; float: left; display: inline; }
#content .mod#cat .panel.last { margin-right: 0; }
#content .mod#cat .panel .cnt { padding-bottom: 40px; position: relative; height: 100%; }
#content .mod#cat .panel .item { background: none; }
#content .mod#cat .panel .cnt span { display: block; font-weight: bold; }
#content .mod#cat .panel .cnt .left { position: absolute; bottom: 10px; left: 10px; }
#content .mod#cat .panel .cnt .right { position: absolute; bottom: 10px; right: 10px; text-align: right; }
#content .mod#cat .panel .cnt .discount { display: block; position: absolute; bottom: 30px; right: 10px; height: 25px; font-weight: normal; padding-right: 30px; background: url(icon_discount.gif) right top no-repeat; text-align: right; }

#content .mod#list h3 { color: #427EB5; border-color: #427EB5;  }
#content .mod#list .cnt ul { margin: 20px 0; padding: 0; }
#content .mod#list .cnt ul li { list-style-type: none; list-style-position: outside; display: block; margin-bottom: 20px; color:#666666; }
#content .mod#list .cnt ul li span { display: block; }
#content .mod#list .cnt ul li .header { border-bottom: 1px solid #CCC; font-weight: bold; font-size: 11px; padding-bottom: 5px; margin-bottom: 10px; }
#content .mod#list .cnt ul li .image { display: block; width: 85px; height: 85px; float: left; overflow: hidden; text-indent: -1000px; background: center no-repeat; }
#content .mod#list .cnt ul li .content { position: relative; width: 500px; height: 95px; float: left; margin-left: 10px; }
#content .mod#list .cnt ul li .content span { background: #FFF; }
#content .mod#list .cnt ul li .content span a { font-weight: bold; }
#content .mod#list .cnt ul li .content .company { position: absolute; bottom: 10px; left: 0; }
#content .mod#list .cnt ul li .content .order { position: absolute; bottom: 10px; right: 0;  }
#content .mod#list .cnt ul li .content .price { position: absolute; bottom: 10px; right: 120px; }

#content .mod#offer a.item.small { padding: 70px 3px 0 3px; height: auto; }
#content .mod#comp-info a.infobox { display: block; padding-left: 32px; height: 25px; font-weight: normal; color: #000; background: url(icon_info.gif) left top no-repeat;  margin: 10px 0; }

h3.lbl, .mod h3 a {color: #cc0000;text-decoration: none;}

/* ---------- Forms --------------------------------------- */
form, input, label, textarea, option, select { font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

.field { padding: 1px 3px; }
label { display: block; font-weight: bold; }