@charset "utf-8"; /* CSS Document */ html, body { margin:0px; padding:0px; } body, td { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#3B302A; } body { text-align:left; background:#020000; } a { color: #FE8408; text-decoration:underline; } a:hover { color: #FE8408; text-decoration:underline; } a img { border-color:#FE8408 } h1,h2,h3,h4,h5,h6 { margin:0.9em 0; padding:0; color:#FE8408; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; line-height:normal} h1 { font-size:18px} h2 { font-size:16px} h3 { font-size:14px} h4 { font-size:12px} h5,h6 { font-size:11px} /* content -------------------------------*/ .bodycontent { padding:70px 15px; line-height:1.25; } h1.pagename { font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#EE7700; padding:0; margin:0 0 20px 0; } /* wrapper -------------------------------*/ table.main_tab { border-collapse:collapse; border-spacing:0; width:100%; } td { padding:0; vertical-align:top; } .minwidth { width:940px; } .l, .r { /*width:67px;*/ } .main_td { background:#FFFFFF; width:990px; } .l { background:url(l_b.jpg) no-repeat right bottom; } .r { background:url(r_b.jpg) no-repeat left bottom; } .l .l_t { background:url(l_t.jpg) no-repeat right top; height:360px; } .r .r_t { background:url(r_t.jpg) no-repeat left top; height:360px; } .l_b2 { background:url(l_b2.jpg) no-repeat right top; } .r_b2 { background:url(r_b2.jpg) no-repeat left top; } .c_t { background:url(c_t.gif) repeat-x left top; } .c_rt { background:url(c_rt.jpg) no-repeat right top; } .c_r { background:url(c_r.gif) repeat-y right top; } .c_rb { background:url(c_rb.jpg) no-repeat right bottom; } .c_b { background:url(c_b.gif) repeat-x left bottom; } .c_lb { background:url(c_lb.jpg) no-repeat left bottom; } .c_l { background:url(c_l.gif) repeat-y left top; } .c_lt { background:url(c_lt.jpg) no-repeat left top; } .f_l { background:url(f_l.jpg) no-repeat left top; } .f_r { background:url(f_r.jpg) no-repeat right top; } /* header -------------------------------*/ .header { height:260px; } .posrel { position:relative; width:100%; } h1.name_site { margin:0; position:absolute; top:128px; left:43px; } h1.name_site a { display:block; cursor:pointer; width:180px; height:0 !important; padding-top:50px; overflow:hidden; text-indent:-100000px; background:url(name.png) no-repeat left top; } .description { width:310px; height:150px; background:url(description.png) no-repeat left top; position:absolute; top:125px; left:282px; } /* search */ .search_div { position:absolute; top:43px; left:23px; width:236px; height:61px; } .search_form { display:block; margin:0; padding:24px 0 0 17px; width:219px; height:37px; background:url(search_back.png) no-repeat left top; } .search_text { float:left; width:164px; height:18px; background:#FFFFFF; border:none; padding:1px 0; margin:0; font:12px/18px Arial, Helvetica, sans-serif; color:#000000; } .search_button { float:left; width:45px; height:20px; background:url(search_button.gif) 0 0 no-repeat; border:none; cursor:pointer; padding:0; margin:0 0 0 2px; } .icos { position:absolute; top:64px; right:6px; } /* menutop_container */ .menutop_container { padding:47px 0 0 282px; } .m2_left { float:left; background:url(m2_left.gif) no-repeat left top; padding:0 0 0 10px; } .m2_right { float:left; background:url(m2_right.gif) no-repeat right top; padding:0 10px 0 0; } .m2_back { float:left; background:url(m2_back.gif) repeat-x left top; } .m2_left2 { float:left; background:url(m2_left2.jpg) no-repeat left top; } ul.menutop { text-align:center; margin:0; padding:0; list-style:none; font-size:1px; } ul.menutop li { float:left; font-size:0; line-height:0; margin:0; padding:0 9px; height:57px; } ul.menutop li.last { width:400px; height:0; padding:0; margin:0; float:none; clear:both; overflow:hidden; } ul.menutop li a { display:inline-block; padding:22px 8px 5px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; } ul.menutop li a:hover { color:#020000; text-decoration:none; border-bottom:1px solid #000; } /* main -------------------------------*/ .content { } /* leftside -------------------------------*/ .leftside { width:270px; padding:0 0 80px; } ul.menu { margin:0; padding:6px 0 8px 27px; list-style:none; } ul.menu li { font-size:0; line-height:0; margin:0 0 1px; padding:0; width:230px; } ul.menu li a { display:block; height:1%; padding:0 0 7px 0; font:13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; text-decoration:none; background:url(m_b.gif) no-repeat 0 100%; } ul.menu li a:hover { color:#FFFFFF; text-decoration:none; background-position:-240px 100%; } ul.menu li a b.b1 { display:block; font-weight:normal; cursor:pointer; background:url(m_t.gif) no-repeat 0 0; } ul.menu li a:hover b.b1 { background-position:-240px 0; } ul.menu li a b.b2 { display:block; font-weight:normal; cursor:pointer; position:relative; top:2px; margin:0 10px 0 0; padding:0 20px 0 18px; } ul.menu li a:hover b.b2 { background:url(m_io.jpg) no-repeat right top; } .clock { width:247px; height:187px; margin:0 0 10px 12px; background:url(clock_back.gif) no-repeat left top; } .clock_pad { padding:30px 0 0 65px; } .informers { padding:0 0 40px 12px; } .contacts { padding:0 0 0 20px; } /* rightside -------------------------------*/ .rightside { width:180px; padding:0 0 200px; } /* news */ .news h2.nname { font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EE7700; text-transform:uppercase; padding:0; margin:0 0 8px; } .news { padding:75px 10px 10px 5px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#353535; } .news a { color:#E6310C; text-decoration:none; } .news a:hover { color:#E6310C; text-decoration:underline; } .news .date { width:42px; height:45px; background:url(date.jpg) no-repeat left top; float:left; margin:0 7px 0 0; text-align:center; font-size:25px; line-height:1; color:#353535; } .news .date span { display:block; font-size:12px; color:#FFF; padding:2px 0 3px; } .news .title { font:12px Arial, Helvetica, sans-serif; padding:10px 0 0 0; color:#020000; } .news .anonce { clear:both; height:1%; padding:8px 0; } .news .next { margin-bottom:20px; } /* menubot ----------------------*/ ul.menubot { text-align:center; margin:0; padding:0; list-style:none; font-size:0; height:75px; } ul.menubot li { display:inline; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#807D77; margin:0; padding:0 8px; } ul.menubot li a { font-size:11px; color:#67645F; text-decoration:none; } ul.menubot li a:hover { color:#67645F; text-decoration:underline; } /* footer -------------------------------*/ .footer_td { height:55px; } .footer { padding:1px 0; height:auto !important; height:53px; min-height:53px; } .site_copy { float:right; display:inline; width:250px; height:30px; margin:8px 0 0 0; padding:0 0 0 40px; background:url(mega.gif) no-repeat left top; font:11px Arial, Helvetica, sans-serif; color:#FFFFFF; } .site_copy a, .site_copy a:hover { color:#FFFFFF; } .site_copy b { font-size:12px; color:#FECC00; } .counters { margin:8px 0 5px 180px; } /* Tables -------------------------------*/ table.table0 td p,table.table1 td p,table.table2 td p {padding:0; margin:0; text-indent:0} table.table0 { border-collapse:collapse; border-spacing:0} table.table0 td { padding:5px; border: none} table.table1 { border-collapse:collapse; border-spacing:0} /*table.table1 tr:hover {background: #e9e9e9}*/ table.table1 td { padding:5px; border: 1px solid #91949a;} table.table2 { border-collapse:collapse; border-spacing:0} /*table.table2 tr:hover {background: #e9e9e9}*/ table.table2 td { padding:5px; border: 1px solid #91949a;} table.table2 th { padding:8px 5px; border: 1px solid #fff; background-color:#FE8408; color:#fff; text-align:left;} .clear { clear:both; height:0; overflow:hidden; } .thumb {color:#000000} /* */ td.shop-column1 { width: 70%; padding-right: 10px; } td.shop-column2 { width: 30%; } h2.shop-product-title { font-size: 18px; font-weight: bold; } /* SHOP CART */ div.shop-cart { text-align: right; font-size: 10px; text-transform: uppercase; margin-bottom: 20px; } a.shop-cart { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;} a.shop-cart:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;} /* SHOP PATH */ div.shop-path { text-align: left; font-size: 10px; text-transform: uppercase; margin-bottom: 10px; } a.shop-path { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;} a.shop-path:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;} /* SHOP FOLDERS */ div.shop-folders { } div.shop-folders-title { color:#000000;font-weight:bold;padding:5px;background-color:#e0e0e0; } div.shop-folders-body { padding: 15px; font-size: 11px; } a.shop-folder { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;} a.shop-folder:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;} /* SHOP PRODUCT LIST */ table.shop-products { font-size:11px; border-collapse: collapse; border-spacing:0; border-bottom: 1px solid #cccccc; } table.shop-products td { padding:5px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;} td.product-th { padding:5px; background-color: #cccccc; font-weight: bold; color: #000000; text-align: center; } td.product-tb { padding:5px; border-top: 1px solid #cccccc; text-align: right; } div.shop-add-to-cart { padding:5px; } span.shop-remove-from-cart { cursor: pointer; color: #cc0000; text-decoration: underline; } span.shop-remove-from-cart:hover { cursor: pointer; color: #000000; text-decoration: underline; } /* SHOP PRODUCT LIST STAGE */ table.stage { font-size:11px; } td.stage-title { text-transform:uppercase; background-color:#cccccc; padding:7px; } td.stage-image { padding: 5px; text-align:center; } td.stage-body { padding: 10px; } /* SHOP PRODUCT FORMS */ input.number { border:1px solid #cccccc; } input.shop-add-to-cart { } form.nomargin { margin: 0px;} form.hidden { margin: 0px; } ul.boxes { color: #cccccc; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 10px; } ul.boxes li { margin-bottom: 5px; } ul.boxes li:hover { margin-bottom: 5px; } /*---------*/ /* Корзина */ .cart { height:73px; width:152px; background:url(cart.png) no-repeat; position:absolute; right:14px; margin-top: -20px; padding:12px 0 0 109px; font: normal 11px Arial, Helvetica, sans-serif;} .sum { font: bold 11px Arial, Helvetica, sans-serif; color:#ed1401; text-align:right; padding: 5px 25px 0 0;} .sum span{ font: bold 18px Arial, Helvetica, sans-serif;} .order { font: normal 11px Arial, Helvetica, sans-serif; color:#ed1401; text-align:right; padding: 0px 25px 0 0;} .order a { text-decoration:underline; color:#000000;} .order a:hover { text-decoration:underline; color:#ed1401;} /* SHOP START */ #shop-added { display:none; z-index:10000; padding:5px; border:1px solid #666; font: bold 12px Arial, sans-serif; position:absolute; left:0px; top: 0px; background-color:#FFFFCC; color: #cc0000 } /* Таблица корзины с товарами */ table.table_shop { border-collapse:collapse; border-spacing:0} /*table.table_shop tr:hover {background: #e9e9e9}*/ table.table_shop td { padding:5px; border-bottom: 1px solid #91949a;} table.table_shop th { padding:8px 12px; border: 1px solid #fff; background:#d24132; color:#fff; text-align:left;} table.table_shop td a, table.table_shop td a:hover { /*color:#000;*/ } .goods , .goodsnew , .goodsspec, .goodsspecnew, .gdetail, .detail_right {text-indent:0 !important} /* SHOP PRODUCT */ .goods { width:233px; float:left; position:relative; margin:5px; padding-bottom:14px; background:url(usual.jpg) no-repeat left top} .goods img { padding:0; float:left; /*border: 1px solid #ccc;*/} .goods p { padding:0; margin:0;} .goods .id { font: normal 11px Arial, Helvetica, sans-serif; color:#666; position:absolute; left: 141px; top: 32px;} .goods .id span{ color:#999} .goods .more { font: normal 11px Arial, Helvetica, sans-serif; position: absolute; left: 141px; top: 77px;} .goods .more a { color:#303030; text-decoration:underline;} .goods .more a:hover { color:#303030; text-decoration:underline;} .goods .name { padding:9px; font: bold 12px Arial, Helvetica, sans-serif; height:34px; padding-bottom:0; margin:0;} .goods .name a { color:#0b51bb; text-decoration:underline} .goods .name a:hover{ color:#0b51bb; text-decoration:underline} .goods .discrip {margin:12px 9px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; height:70px; overflow:hidden; display:block} .goods form { background:url(price.jpg) center no-repeat; margin:0} .goods form .price{ font: bold 13px Arial, Helvetica, sans-serif; color:#010101; width:142px; height:23px; padding-top:5px; float:left; text-align:center;} .goods form .price b { font-size:20px; font-weight:normal} .goods input.addtocart {cursor:pointer; background:url(addtocart.gif) no-repeat left center; width:81px; height:33px; border:none; padding:0; margin:0} /* SHOP PRODUCT lable NEW! */ .goodsnew { width:233px; float:left; position:relative; margin:5px; padding-bottom:14px; background:url(new.jpg) top left no-repeat} .goodsnew img { padding:0; float:left; /*border: 1px solid #ccc;*/} .goodsnew p { padding:0; margin:0;} .goodsnew .id { font: normal 11px Arial, Helvetica, sans-serif; color:#666; position:absolute; left: 141px; top: 32px;} .goodsnew .id span{ color:#999} .goodsnew .more { font: normal 11px Arial, Helvetica, sans-serif; position: absolute; left: 141px; top: 77px;} .goodsnew .more a { color:#303030; text-decoration:underline;} .goodsnew .more a:hover { color:#303030; text-decoration:underline;} .goodsnew .name { padding:9px; font: bold 12px Arial, Helvetica, sans-serif; height:34px; padding-bottom:0; margin:0;} .goodsnew .name a { color:#dc1200; text-decoration:underline} .goodsnew .name a:hover{ color:#dc1200; text-decoration:underline} .goodsnew .discrip {margin:12px 9px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; height:70px; overflow:hidden; display:block} .goodsnew form { background:url(price_new.jpg) center no-repeat; margin:0} .goodsnew form .price{ font: bold 13px Arial, Helvetica, sans-serif; color:#fff; width:142px; height:23px; padding-top:5px; float:left; text-align:center;} .goodsnew form .price b { font-size:20px; font-weight:normal} .goodsnew input.addtocart {cursor:pointer; background:url(addtocart.gif) no-repeat left center; width:81px; height:33px; border:none; padding:0; margin:0} /* SHOP PRODUCT lable SPEC! */ .goodsspec { width:233px; float:left; position:relative; margin:5px; padding-bottom:14px; background:url(spec.jpg) top left no-repeat} .goodsspec img { padding:0; float:left; /*border: 1px solid #ccc;*/} .goodsspec p { padding:0; margin:0;} .goodsspec .id { font: normal 11px Arial, Helvetica, sans-serif; color:#666; position:absolute; left: 141px; top: 32px;} .goodsspec .id span{ color:#999} .goodsspec .more { font: normal 11px Arial, Helvetica, sans-serif; position: absolute; left: 141px; top: 77px;} .goodsspec .more a { color:#303030; text-decoration:underline;} .goodsspec .more a:hover { color:#303030; text-decoration:underline;} .goodsspec .name { padding:9px; font: bold 12px Arial, Helvetica, sans-serif; height:34px; padding-bottom:0; margin:0;} .goodsspec .name a { color:#dc1200; text-decoration:underline} .goodsspec .name a:hover{ color:#dc1200; text-decoration:underline} .goodsspec .discrip {margin:12px 9px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; height:70px; overflow:hidden; display:block} .goodsspec form { background:url(price_new.jpg) center no-repeat; margin:0} .goodsspec form .price{ font: bold 13px Arial, Helvetica, sans-serif; color:#fff; width:142px; height:23px; padding-top:5px; float:left; text-align:center;} .goodsspec form .price b { font-size:20px; font-weight:normal;} .goodsspec input.addtocart {cursor:pointer; background:url(addtocart.gif) no-repeat left center; width:81px; height:33px; border:none; padding:0; margin:0} /* SHOP PRODUCT lable SPEC and NEW! */ .goodsspecnew { width:233px; float:left; position:relative; margin:5px; padding-bottom:14px; background:url(spec_new.jpg) top left no-repeat} .goodsspecnew img { padding:0; float:left; /*border: 1px solid #ccc;*/} .goodsspecnew p { padding:0; margin:0;} .goodsspecnew .id { font: normal 11px Arial, Helvetica, sans-serif; color:#666; position:absolute; left: 141px; top: 32px;} .goodsspecnew .id span{ color:#999} .goodsspecnew .more { font: normal 11px Arial, Helvetica, sans-serif; position: absolute; left: 141px; top: 77px;} .goodsspecnew .more a { color:#303030; text-decoration:underline;} .goodsspecnew .more a:hover { color:#303030; text-decoration:underline;} .goodsspecnew .name { padding:9px; font: bold 12px Arial, Helvetica, sans-serif; height:34px; padding-bottom:0; margin:0;} .goodsspecnew .name a { color:#dc1200; text-decoration:underline} .goodsspecnew .name a:hover{ color:#dc1200; text-decoration:underline} .goodsspecnew .discrip {margin:12px 9px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; height:70px; overflow:hidden; display:block} .goodsspecnew form { background:url(price_new.jpg) center no-repeat; margin:0} .goodsspecnew form .price{ font: bold 13px Arial, Helvetica, sans-serif; color:#fff; width:142px; height:23px; padding-top:5px; float:left; text-align:center;} .goodsspecnew form .price b { font-size:20px; font-weight:normal;} .goodsspecnew input.addtocart {cursor:pointer; background:url(addtocart.gif) no-repeat left center; width:81px; height:33px; border:none; padding:0; margin:0} /* Описание товара */ .gdetail {width:170px; position:absolute; z-index:1000; margin:7px 20px 7px 7px; background:url(gdetail.jpg) top left no-repeat} .gdetail img { padding:0 23px;} .gdetail p { text-align:center; margin:12px 0} .gdetail p b{ color:#f00;} .gdetail .number { width:24px; height:22px; background:url(col.gif) no-repeat; border: none; font: bold 13px Arial, Helvetica, sans-serif; text-align:center;} .gdetail form { padding:0; margin:0;} .gdetail form .detprice{ font: bold 13px Arial, Helvetica, sans-serif; color:#000; width: auto; height:23px; padding:5px 0 10px; text-align:center; background:url(detprice.gif) top center no-repeat;} .gdetail form .detprice b { font-size:20px; font-weight:normal} .bt_add {cursor:pointer; background:url(add.gif) no-repeat left center; width:126px; height:33px; border:none; padding:0; margin:0} .fixt {height:120px; overflow:hidden} /* детали товара справа*/ .detail_right {position:relative; padding: 7px 7px 7px 195px;} .detail_right h1 { font: normal 18px Arial, Helvetica, sans-serif; color:#333; padding:10px 0; margin:0;} .detail_right .id {font: normal 11px Arial, Helvetica, sans-serif; color:#666;} .detail_right .id span {color:#999} .detail_right .discrip {margin:20px 0px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; display:block;} /* ХЛЕБНЫЕ КРОШКИ */ .dpath {color: #7c7c7c; font-size: 11px; padding:5px 0;} #menu-left {margin:0;padding:6px 0 8px 27px;list-style:none;} #menu-left ul, #menu-left ul ul, #menu-left ul ul ul {padding:0 0 0 20px; list-style:none; margin:0;} #menu-left ul {background:#fff; padding-left:25px;} #menu-left li {font-size:0;line-height:0;margin:0 0 1px;padding:0;width:230px;} #menu-left li li {width:auto; background:none; padding:3px 0 2px;} #menu-left li li a {display:inline; color:#FF6600; text-decoration:none; background:none; padding:0; margin:0; text-transform:none; line-height:normal; font-size:12px;} #menu-left li li a:hover {color:#FF6600; text-decoration:underline; background:none; padding:0; margin:0; display:inline; text-transform:none;} #menu-left li a.c {display:block;height:1%;padding:0 0 6px 0;font:13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFFFFF;text-transform:uppercase;text-decoration:none;background:url(m_b.gif) no-repeat 0 100%;} #menu-left li a.c:hover {color:#FFFFFF;text-decoration:none;background-position:-240px 100%;} #menu-left li a.c b.b1{display:block;font-weight:normal;cursor:pointer;background:url(m_t.gif) no-repeat 0 0;} #menu-left li a.c:hover b.b1 {background-position:-240px 0;} #menu-left li a.c b.b2 {display:block;font-weight:normal;cursor:pointer;position:relative;top:3px;margin:0 10px 0 0;padding:0 20px 0 18px;} #menu-left li a.c:hover b.b2 {background:url(m_io.jpg) no-repeat right top;} #slider { position: relative; width: 684px; height: 224px; overflow: hidden; border: 3px solid #F99E00; margin: 60px 0 0; } .slider_pics { list-style: none; padding: 0; margin: 0; width: 100000%; } .slider_pics li { float: left; } .slider_pics img { border: none; width: 684px; height: 224px; } .slider_overlay { position: absolute; bottom: 0; left: 0; right: 0; background: url(slider_bg.png) repeat; } .slider_text { list-style: none; padding: 10px; margin: 0; } .slider_text li { display: none; padding: 0; font-size: 16px; color: #fff; } .slider_nav { list-style: none; position: absolute; padding: 0; margin: -6px 0 0; top: 50%; right: 5px; } .slider_nav li { float: left; width: 12px; height: 12px; margin: 0 5px 0 0; background: url(slider_nav.png) 0 100% no-repeat; cursor: pointer; } .slider_nav li.cur { background-position: 0 0; } .news_lenta { width: 664px; border: 3px solid #F99E00; margin: 20px 0; padding: 10px; font-size: 14px; } .news_title { padding: 0 0 15px; font-size: 18px; color: #E70; } .news_anonce { padding: 0 0 15px; color: #000; } .news_anonce a { color: #000; }