main.css 18.6 KB
BODY{font-family:Arial,tahoma;font-size:12px;background:#ccc;color:#3C3C3C;}
body,form{padding:0px;margin:0px;}

h1,h2{padding:0px;margin:0px;}
h1{font-size:20px;font-weight:normal;color:#BE0002;padding-bottom:5px;}
h2{padding-bottom:10px;color:#F96734;font-weight:normal;}
.bold1{font-weight:bold;color:#005ABD;font-size:14px;}
p{margin:0px;padding:1px 0px 1px 0px;}
ul,li{margin:0px;padding:0px;}
table{font-size:12px;}


.fl{float:left;}
.fr{float:right;}
.both{clear:both;font-size:0px;}
.ct{text-align:center;}
.rgh{text-align:right;}

a:visited,a:link{font-size:12px;color: #0055A4;text-decoration: underline;}
a:hover {font-size:12px;color:#C88A57;text-decoration: underline;}

a.link1:visited, a.link1:link{font-size:12px;font-weight:normal;color: #BE0002;text-decoration: none;}
a.link1:hover {font-size:12px;font-weight:normal;color:#EE1C25;text-decoration: underline;}

a.link2:visited, a.link2:link{font-size:12px;font-weight:normal;color: #0054A7;text-decoration: underline;}
a.link2:hover {font-size:12px;font-weight:normal;color:#EE1C25;text-decoration: underline;}

a.link3:visited, a.link3:link{font-size:12px;font-weight:normal;color: #333333;text-decoration: none;}
a.link3:hover {font-size:12px;font-weight:normal;color:#EE1C25;text-decoration: underline;}

a.smill:visited, a.smill:link{font-size:11px;font-weight:normal;color: #015AB4;text-decoration: underline;}
a.smill:hover {font-size:11px;font-weight:normal;color:#EE1D23;text-decoration: underline;}

a.smill2:visited, a.smill2:link{font-size:11px;font-weight:normal;color: #9ACFFF;text-decoration: underline;}
a.smill2:hover {font-size:11px;font-weight:normal;color:#C62127;text-decoration: underline;}

a.link_but1:visited, a.link_but1:link, a.link_but1:hover{display:block;width:112px;height:28px;line-height:28px;background:#419B29 url('img/but1.jpg') no-repeat;font-size:12px;font-weight:bold;color: #ffffff;text-decoration: none;text-align:center;}
a.link_but2:visited, a.link_but2:link, a.link_but2:hover{display:block;width:133px;height:20px;line-height:20px;background:#E5E5E5 url('img/com_sub.jpg') no-repeat;font-size:11px;font-weight:normal;color: #000000;text-decoration: none;text-align:center;}

a.link_y:visited, a.link_y:link{font-size:18px;font-weight:bold;color: #FFF102;text-decoration: none;}
a.link_y:hover {font-size:18px;font-weight:bold;color:#FFF102;text-decoration: underline;}

.site{width:980px;text-align:left;}
.logo{float:left;}
.logo span{display:none;}
.logo h2{margin:0px;padding:0px;}
.logo h2 a{display: block;width:225px;height:130px;}
.header{width:980px;height:233px;background:url('img/header.jpg') no-repeat;}
.header .w{padding:0px 10px 10px 10px;}
.header .akcii_top{height:130px;text-align:right;color:#ffffff;margin-bottom:5px;}
.header .akcii_top .w{padding:10px;}
.akcbox{width:150px;text-align:left;}
.menu_top{background:url('img/menu_up.gif') no-repeat;height:31px;line-height:31px;display:inline-block;width:825px;text-align:center;}
.menu_top .l{background:url('img/m_l.jpg') left top no-repeat;}
.menu_top .r{background:url('img/m_r.jpg') right top no-repeat;}
.menu_top ul{list-style-type:none;padding:0px 10px 0px 0px;}
.menu_top li{display:inline;padding:0px 12px 0px 10px;font-size:14px;color:#ffffff;}
.menu_top li a:visited,.menu_top li a:link{font-size:14px;color:#0153A5;font-weight:bold;text-decoration:none;}
.menu_top li a:hover{color:#F26521;}
.menu_top .n{background:none;padding-right:0px;margin:0px;}

.location{padding:8px 0px 8px 0px;}
.location .row{width:137px;height:49px;line-height:17px;float:left;background:url('img/lt.jpg') right repeat-y;font-size:14px;font-weight:bold;}
.location .row .w{padding:0px 10px 0px 10px;}
.location .row a{text-decoration:none;font-size:14px;color:#000000;}
.location .n{background:none;}
.location .n  .w{padding:0px 0px 0px 10px;}
.location .row sup{font-size:9px;font-weight:normal;}

.layout{padding-top:20px;}
.leftbar{float:left;width:188px;}
.rightbar1{float:right;width:188px;}
.content {overflow:hidden;padding:0px 0px 0px 15px;}
* html .content{height:1%;}
.info{padding-top:20px;}
.mt{margin-top:10px;}
.mt2{margin-top:15px;}
.mb{margin-bottom:10px;}
.title{height:31px;line-height:31px;background:#5DB843 url('img/title.jpg');color:#ffffff;text-align:center;font-size:12px;text-transform: uppercase;font-weight:bold;}
.title a{color:#ffffff;text-decoration:none;}
.title .l{background:url('img/t_l.jpg') left top no-repeat;}
.title .r{background:url('img/t_r.jpg') right top no-repeat;}
.box{background:#F5F5F5;padding:5px;margin-top:3px;border-bottom:4px solid #CACACA;}
.box5{background:#F5F5F5;padding:5px;border-bottom:4px solid #CACACA;border-top:4px solid #CACACA;}
.box3{background:#F5F5F5;padding:5px;margin-top:3px;border-bottom:4px solid #CACACA;}
.box4{padding:0px;margin-top:3px;border-bottom:4px solid #CACACA;border-top:1px solid #CACACA;border-left:1px solid #CACACA;border-right:1px solid #CACACA;text-align:center;padding-bottom:5px;}
.box ul{list-style-type:none;margin:0px;padding:0px;}
.box ul li{background:url('img/li.jpg') left 7px no-repeat;padding:3px 0px 3px 20px;border-bottom:1px solid #DADADA;}
.box ul.links{padding:3px 0px 3px 0px;}
.box ul.links li{background:url('img/li2.jpg') left 7px no-repeat;padding:3px 0px 3px 13px;}
.box ul.links a{font-size:10px;color:#A2A2A2;}
.box a:visited,.box a:link{color:#747474;font-weight:normal;font-size:12px;text-transform: uppercase;text-decoration:none;}
.box a:hover{color:#F36420;}
.search2{background:#F4F2F3;}
.search2 .l{background:url('img/c_1.jpg') left top no-repeat;}
.search2 .r{background:url('img/c_2.jpg') right top no-repeat;}
.search2 .lb{background:url('img/c_4.jpg') left bottom no-repeat;}
.search2 .rb{background:url('img/c_3.jpg') right bottom no-repeat;}
.search2 .w{padding:7px;min-height:50px;}
* html .search2 .w{height:50px;}
.search2 table{text-align:left;}
.search2 select{width:100px;margin-right:10px;}
.search{background:url('img/search.jpg') repeat-x;padding:0px;text-align:center;}
.search .l{background:url('img/s_l.jpg') left top no-repeat;}
.search .r{background:url('img/s_r.jpg') right top no-repeat;}
.search .w{padding:1px 5px 0px 5px;}
.search select{width:120px;margin-right:10px;}
.search input{margin-right:10px;}

.akciya .row{background:#F5F5F5;width:175px;float:left;margin-right:19px;margin-bottom:19px;padding:20px 0px 20px 0px;border-top:1px solid #CACACA;border-bottom:4px solid #CACACA;height:200px;}
.akciya .n{margin:0px;}
.box2 a:visited,.box2 a:link{color:#747474;font-weight:normal;}
.box2 a:hover{color:#F36420;}
.cine{width:100px;background:#EE1C25;color:#ffffff;margin-top:5px;}
.cine .l{background:url('img/c_l.jpg') left top no-repeat;padding-left:5px;}
.cine .r{background:url('img/c_r.jpg') right top no-repeat;padding-right:8px;}
.cine .w{height:24px;line-height:24px;background:url('img/uah.gif') right center no-repeat;padding-right:12px;}
.cine2{color:#EE1D23;}

.rbk .row{width:180px;float:left;margin-right:17px;margin-bottom:10px;}
.rbk .n{margin:0px;}
.title2_2{height:31px;background:url('img/title2.jpg') repeat-x;color:#5E655E;text-align:center;font-size:12px;font-weight:bold;text-transform: uppercase;}

.title2{height:31px;line-height:31px;background:url('img/title2.jpg') repeat-x;color:#5E655E;text-align:center;font-size:12px;font-weight:bold;text-transform: uppercase;}
.title2 a:visited, .title2 a:link{font-size:12px;font-weight:bold;color: #5E655E;text-decoration: none;}
.title2 a:hover {font-size:12px;font-weight:bold;color:#EE1C25;text-decoration: underline;}
.title2 .l{background:url('img/t2_l.jpg') left top no-repeat;height:31px;}
.title2 .r{background:url('img/t2_r.jpg') right top no-repeat;height:31px;}
.box2{padding:10px 0px 10px 0px;}
.box2 img{margin-right:10px;}

.title3{height:31px;line-height:31px;text-indent:20px;letter-spacing: 2px;background:#5DB843 url('img/title.jpg');color:#ffffff;font-size:10px;font-weight:bold;text-transform: uppercase;}
.title3 .l{background:url('img/t_l.jpg') left top no-repeat;}
.title3 .r{background:url('img/t_r.jpg') right top no-repeat;}
.title3 .w{height:31px;line-height:31px;}
.title3 h2,.title3 h1,.title3 .h1{color:#ffffff;font-size:13px;font-weight:bold;display:inline;}
.tb1{font-size:12px;}

.fotter{background:#F5F5F5;padding:15px;border-top:3px solid #CDCDCD;margin-top:20px;}
.fotter .left{float:left;width:190px;font-size:11px;}
.fotter .right{float:right;width:170px;font-size:11px;text-align:right;}
.fotter .right a{font-size:11px;color:#969696;}
.fotter .center{overflow:hidden;text-align:center;}
.fotter ul{list-style-type:none;}
.fotter li{display:inline;padding:0px 5px 0px 5px;font-size:12px;color:#464646;border-right:1px solid #464646;}
.fotter li a{font-size:12px;color:#464646;text-decoration:none;}
.fotter li a:hover{color:#F16623;}
.fotter .n{border:none;}


.date{color:#0B4B89;font-size:11px;}
.pic{border:3px solid #E3E1E4;}
.pic3{border:3px solid #E3E1E4;}
.right{margin-right:5px;}
.status{background:#FBFFBB;padding:5px;border:1px solid #EA4902;margin:3px 0px 3px 0px;}
.picbox{float:left;width:245px;text-align:center;padding-bottom:10px;}
.pager{padding:5px;}
        #inputArea
        {
            font-family: Arial, Sans-Serif;
            font-size: 13px;
            padding: 10px;
        }
        .activeField
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #0FAFBD;
            font-family: Arial, Sans-Serif;
            font-size: 13px;
            margin-bottom: 5px;
            display: block;
            padding: 2px;
        }
        .idle
        {
            border: solid 1px #0F75BD;
            background-image: url( 'img/gray_bg.png' );
            background-repeat: repeat-x;
            background-position: top;
                background-color:#FFFFFF;
            font-family: Arial, Sans-Serif;
            font-size: 13px;
            margin-bottom: 5px;
            display: block;
            padding: 2px;

        }
        #inputArea .activeField,#inputArea .idle{width:450px;}
.submit{border:1px solid #C2C2C2;background:#E9E9E9 url('img/sub.jpg') repeat-x;padding:0px 10px 1px 10px;height:20px;color:#41545F;font-family:Arial,verdana;font-size:11px;cursor:pointer;}
.red{color:red;}
.txtb{font-weight:bold;}
.txtr{font-size:14px;color:#FFF36D;font-weight:bold;}
.txty{color:#FF0000;font-size:16px;font-weight:bold;}
.name1{padding:5px 0px 0px 0px;height:50px;}
.name2{padding:5px 0px 0px 0px;height:50px;}
select{font-size:11px;color:#898989;}
.brend1{color:#61BB49;}
.basket{padding-bottom:5px;margin-bottom:10px;background:url('img/t1.jpg') bottom repeat-x;text-align:left;}
#basket{display:none;}
#h_toggle{float:left;padding:0px;margin:0px;width:43px;cursor:pointer;}
#h_toggle .t{background:url('img/trightbasket.png') top no-repeat;width:43px;height:6px;font-size:0px;}
#h_toggle .b{background:url('img/brightbasket.png') top no-repeat;width:43px;height:18px;}
#h_toggle .w{background:url('img/bgrightbasket.png') repeat-y;}
#h_toggle .txt{background:url('img/txtbasket.jpg') center no-repeat;height:117px;}
#horizontal_slide{width:0px;display:none;background:#ffffff url('img/bgbsk.png') bottom repeat-x;padding:0px;margin:0px;float:left;min-height:130px;}
* html #horizontal_slide{height:141px;}
#horizontal_slide .w{padding:30px 20px 30px 20px;font-size:14px;font-weight:bold;}

#h_toggle2{clear:both;float:left;padding:0px;margin:0px;width:43px;height:80px;cursor:pointer;background:blue;}
#horizontal_slide2{float:left;height:80px;background:red;}

.stbsk{padding:25px 0px 0px 0px;float:left;width:250px;text-align:left;text-transform: uppercase;}
.fon1{height:32px;line-height:32px;padding:0px 20px 0px 20px;color:#0A61AF;font-size:16px;}
.row3{text-align:center;padding:5px 0px 5px 0px;}
.banner{text-align:center;padding-top:10px;}
.banner_t{text-align:center;margin:10px 0px 10px 0px;}
.phn1{font-size:14px;color:#60BB46;}
.phncod{font-size:12px;color:#0055A5;}

a.knopka1:visited, a.knopka1:link,a.knopka1:hover{display:inline-block;font-size:11px;background:url('img/b1.jpg') repeat-x;height:25px;line-height:25px;width:85px;text-align:center;font-weight:bold;color: #ffffff;text-decoration: none;margin-right:5px;}
a.knopka2:visited, a.knopka2:link,a.knopka2:hover{display:inline-block;font-size:11px;background:url('img/b2.jpg') repeat-x;height:25px;line-height:25px;width:85px;text-align:center;font-weight:bold;color: #ffffff;text-decoration: none;margin-right:5px;}

.pager{background:#F8F8F8;border-top:1px dashed #CCCCCC;border-bottom:1px dashed #CCCCCC;padding:7px;font-weight:normal;margin-bottom:5px;}
.link_class{border:1px solid #CCCCCC;background:#EAEAEA;padding-left:3px;padding-right:3px;padding-top:2px;padding-bottom:3px;color:#993300;font-weight:bold;text-decoration: none;font-size:12px;}
.link_class_active{border:1px solid #E7CFC3;background:#F3E7E1;padding-left:3px;padding-right:3px;padding-top:2px;padding-bottom:3px;color:#757575;font-weight:bold;text-decoration: underline;font-size:12px;}
.topic{border:1px solid #D1D1D1;background:#EDEDED;padding:5px;}
.filter{padding:5px;text-align:center;}

/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {
        width:680px;
        margin:0px auto 0px;
        display:block;
        position:relative;
        padding:0px 26px 0px 13px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{
        display:block;
        position:absolute;
        cursor:pointer;
        width:25px;
        height:250px;
        bottom:0px;
        right:0px;
        background:url(img/slideitmoo_forward.jpg) no-repeat center;
}
#SlideItMoo_outer .SlideItMoo_back {
        left:0px;
        background:url(img/slideitmoo_back.jpg) no-repeat center;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{
        position:relative ;
        overflow:hidden ;
        width:680px ; /* set a display width to make the slider look good in case js is disabled */
        margin:0px auto 0px;
        padding:0px 0px 0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items {
        display:block;
        position:relative;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element {
        display:block;
        position:relative;
        float:left;
        margin:0px 8px 0px;
        font-size:11px;
        width:153px;
        text-align:center;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; padding:2px; }
#SlideItMoo_items a img{ border:3px solid #E3E1E4; }
/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer2 {
        width:680px;
        margin:0px auto 0px;
        display:block;
        position:relative;
        padding:0px 26px 0px 13px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer2 .SlideItMoo_forward,
#SlideItMoo_outer2 .SlideItMoo_back{
        display:block;
        position:absolute;
        cursor:pointer;
        width:25px;
        height:250px;
        bottom:0px;
        right:0px;
        background:url(img/slideitmoo_forward.jpg) no-repeat center;
}
#SlideItMoo_outer2 .SlideItMoo_back {
        left:0px;
        background:url(img/slideitmoo_back.jpg) no-repeat center;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner2{
        position:relative ;
        overflow:hidden ;
        width:680px ; /* set a display width to make the slider look good in case js is disabled */
        margin:0px auto 0px;
        padding:0px 0px 0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items2 {
        display:block;
        position:relative;
}
/* single element design */
#SlideItMoo_items2 div.SlideItMoo_element2 {
        display:block;
        position:relative;
        float:left;
        margin:0px 8px 0px;
        font-size:11px;
        width:153px;
        text-align:center;
}
#SlideItMoo_items2 a { padding:0px; margin:3px 0px 3px; clear:both; display:block; padding:2px; }
#SlideItMoo_items2 a img{ border:3px solid #E3E1E4; }
.products{width:774px;}
.products .row{border-left:1px solid #CDCDCD;border-right:1px solid #CDCDCD;border-bottom:4px solid #C8C8C8;margin-bottom:10px;}
.products .row .wrp{padding:5px;}
.products .pr_t{height:25px;line-height:25px;background:url('img/prbg.jpg') repeat-x;text-transform: uppercase;color:#419B29;font-weight:bold;text-indent: 20px;}
.products .pr_t .l{background:url('img/prl.jpg') left top no-repeat;}
.products .pr_t .r{background:url('img/prr.jpg') right top no-repeat;}
.products .infob{overflow:hidden ;padding:0px 10px 0px 10px;background:url('img/tk.jpg') right repeat-y;}
* html .products .infob{height:1%;}
.products .infor{float:right;height:120px;width:180px;padding-top:30px;}
.products .infob p{padding-top:10px;text-indent: 10px;}

.bgcontact{background:url('img/bgcontact.jpg');width:363px;height:136px;font-weight:bold;padding:0px 10px 0px 0px;}
.block_info_item2,.item_news{border-bottom:1px solid #C8C8C8;padding-bottom:5px;margin-bottom:5px;}
.perPage{text-align:right;padding:5px 0px 5px 0px;}
.item_article{float:left;width:375px;margin-right:10px;margin-bottom:5px;background:#F8F8F8;min-height:160px;padding:3px;border-bottom:4px solid #C8C8C8;}
* html .item_article{height:160px;}
.item_article ul{margin-left:20px;}
.imn{margin:0px;}
.newsinfos{display:block;height:105px;}
.bots{margin-top:15px;}
.bots a{display:inline-block;width:158px;height:31px;line-height:31px;text-align:center;background:#DCDCDC url('img/bt1.jpg') no-repeat;}
.bot_content{padding:5px;border:2px solid #CACACA;}
.box_pic{text-align:center;float:left;width:200px;}
.feature{display:none;}
.products_list_row{width:153px;float:left;margin:0px 19px 0px 19px;}
.list_rubric{color:#3D946A;font-size:14px;padding-top:10px;}
#fly_banner{position:absolute;top:30%;left:35%;}
#compare{clear:both;display:none;}
#compare span{display:none;}
#compare a{display:block;width:43px;height:144px;background:url('img/compare.jpg');}

.jdom{color:red;}
.box_brend{float:left;width:155px;height:100px;text-align:center;}
#vertical_slide{display:none;}
.pic_row{height:160px;}
#share42 {
  position: fixed1;
  z-index: 1000;
  margin-left1: -70px; /* ñìåùåíèå ïàíåëè âëåâî îò êðàÿ êîíòåíòà */
  right:0px;
  margin-top2:450px;
  padding: 6px 6px 0;
  background: #FFF;
  border: 1px solid #E9E9E9;
  -moz-border-radius: 4px;
  border-radius: 4px; margin-bottom:5px;
}
* html #share42 {display: none}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  -webkit-box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
#share42 img {margin: 0 !important; padding: 0 !important; border: none !important;}

.hr1{background:url('img/h.jpg') top repeat-x;padding:5px 0px;}

.block3{float:left;margin:0px 80px 20px 80px;}
.bn3{margin:0px;}