/** common **/ body { margin:0; padding:0; background:white url(/i/bg.jpg) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:80%; color:#333333; } table.poor, .poor td { border-collapse: collapse; margin:0; padding:0; } .spacer { width:12px; } a { color:#990066; } a:hover { color:#FF2B80; } a img { border:0; } .w100 { width:100%; } h1 { font-size:170%; } h2 { font-size:124%; } h3 { font-size:110%; font-weight:bold; padding-top:.5em; } .bold { font-weight:bold; } /** content **/ .present li { padding-bottom:1em; font-size:80%; } .present li a { display:block; font-size:130%; font-weight:bold; } /** design **/ /* head */ #head { background:url(/i/top-left.jpg) top left no-repeat; } /*#head table { background:url(/i/logo.jpg) top center no-repeat; }*/ /* top icons */ #top-ico { width:150px; } #top-ico a { padding:0 2px 0 2px; } #top-ico a#i-main img { background:url(/i/ico.gif) bottom left no-repeat; } #top-ico a#i-feedback img { background:url(/i/ico.gif) bottom center no-repeat; } #top-ico a#i-map img { background:url(/i/ico.gif) bottom right no-repeat; } #top-ico a#i-main:hover img { background:url(/i/ico.gif) center left no-repeat; } #top-ico a#i-feedback:hover img { background:url(/i/ico.gif) center center no-repeat; } #top-ico a#i-map:hover img { background:url(/i/ico.gif) center right no-repeat; } #top-ico a#i-main-act img { background:url(/i/ico.gif) top left no-repeat; } #top-ico a#i-feedback-act img { background:url(/i/ico.gif) top center no-repeat; } #top-ico a#i-map-act img { background:url(/i/ico.gif) top right no-repeat; } /* logo */ #logo { height:112px; } #logo a { display:block; height:50px; } #logo a strong { display:none; } /* top navi */ table#navi { width:100%; height:36px; background:none; } #navi #navi-l { background:url(/i/navi-bg-corners.jpg) top left no-repeat; width:5px; } #navi #navi-r { background:url(/i/navi-bg-corners.jpg) bottom right no-repeat; width:5px; } #navi #navi-l-on { background:url(/i/navi-bg-corners-on.jpg) top left no-repeat; width:5px; } #navi #navi-r-on { background:url(/i/navi-bg-corners-on.jpg) bottom right no-repeat; width:5px; } #navi td { text-align:center; background:#ebebeb url(/i/navi-bg.jpg) repeat-x; } #navi td.act { background:#f10058 url(/i/navi-bg-act.jpg) repeat-x; } #navi td.act a, #navi td.act a:hover { color:#fff; } #navi td.act a, #navi td.act div { background:none; } #navi td a { display:block; padding:8px 0 8px 0; text-transform: uppercase; color:#641135; text-decoration:none; font-weight:bold; } .vline { width:1px; background: #757575; height: 36px; } #navi td a:hover, #zakaz a:hover, #tovary a:hover { color:#FF2B80; } /* form search */ #poisk div { padding-top:0; } #poisk form { background:#999999; xheight:20px; border:1px solid red; } #poisk xdiv #text { xwidth:70%; } #poisk xdiv #knopa { background:#790b49 url(/i/poisk.jpg) no-repeat; xwidth:26px; xheight:26px; } /* form shop */ #zakaz { background:url(/i/phone.jpg) top center no-repeat; width:186px; vertical-align:top; } #zakaz div { background:#960162 url(/i/zakaz.jpg) center repeat-x; } #zakaz div div { background:url(/i/zakaz.jpg) top left no-repeat; } #zakaz div div table { background:url(/i/zakaz.jpg) bottom right no-repeat; } #zakaz div div table td { height:36px; vertical-align:middle; text-align:center; } #zakaz a { padding-top:8px; padding-bottom:8px; } #zakaz a span { background:url(/i/korzina.gif) left center no-repeat; padding-left:2em; margin-top:20px; margin-bottom:20px; } #tovary a, #zakaz a { display:block; font-size:130%; text-decoration:none; color:white; font-weight:bold; } /* main */ #main { margin-top:2em; } #main td { vertical-align:top; } /* left_menu */ table#left_menu { margin-top: 30px; border-collapse: collapse;} table#left_menu td { padding: 0; vertical-align: top; } table#left_menu td.level2_off { background: #661136 url(/i/level2_bg_off.jpg) repeat-x; vertical-align:middle; } table#left_menu td.level2_off a { background: url(/i/b_level2_off.jpg) 20px center no-repeat; display:block; font-size:130%; text-decoration:none; color:white; font-weight:bold; padding: 15px 1em 15px 40px; } table#left_menu td.level2_off a:hover { color: #F49EC0; } table#left_menu td.level2_round_off { background: url(/i/level2_round_off.jpg) bottom no-repeat; width:5px; } table#left_menu td.level2_round_off div { background: url(/i/level2_round_off.jpg) top no-repeat; height:30px;} table#left_menu td.level2_on { background: #FB0062 url(/i/level2_bg_on.jpg) repeat-x; vertical-align:middle; } table#left_menu td.level2_on a { background: url(/i/b_level2_on.jpg) 20px center no-repeat; display:block; font-size:130%; text-decoration:none; color:white; font-weight:bold; padding: 15px 1em 15px 40px; } table#left_menu td.level2_round_on { background: url(/i/level2_round_on.jpg) bottom no-repeat; width:5px; } table#left_menu td.level2_round_on div { background: url(/i/level2_round_on.jpg) top no-repeat; height:30px;} table#left_menu td.level3_off { /*background: #D2D1D3 url(/i/level3_off.jpg) repeat-x;*/} table#left_menu td.level3_off a { background:url(/i/b_level3.gif) 25px center no-repeat; display:block; font-size:100%; text-decoration:none; color:#990066; font-weight:bold; padding: 7px 0 7px 40px;} table#left_menu td.level3_off a:hover { color: #FC0063; } table#left_menu td.level3_on { /*background: #FC0063 url(/i/level3_on.jpg) repeat-x;*/ vertical-align:middle;} table#left_menu td.level3_on a { display:block; font-size:100%; text-decoration:none; color: #FC0063; /*color:white;*/ font-weight:bold; padding: 8px 0 8px 40px;} table#left_menu td.level4_off a { background:url(/i/b_level4_off.gif) 30px center no-repeat; display:block; font-size:95%; text-decoration:underline; color:#990066; padding: 4px 0 4px 40px; } table#left_menu td.level4_on a { background: url(/i/b_level4_on.gif) 30px center no-repeat; display:block; font-size:95%; text-decoration:none; color:#FF3366; padding: 4px 0 4px 40px; } table#left_menu td.level4_off a:hover { background: url(/i/b_level4_on.gif) 30px center no-repeat; color: #FC0063; text-decoration: none; } .h1 { height: 1px; } /* items */ td.item a.item_caption { display: block; background: url(/i/sale-bg.jpg) 0 3px no-repeat; padding-left: 1.4em; color: #906; font-size: 11px; font-weight: bold; } td.item a.item_caption:hover { color: #CB078A; text-decoration: none; } td.item div.item_price { color: #C00; font-size: 100%; font-weight: bold; margin-top: .5em; } td.item div.item_price span { font-size: 120%; } table.article { border: 1px solid #CCC; margin-top:10px; border-collapse: collapse;} table.article td, table.article th {padding:.5em; white-space: nowrap; vertical-align: middle; font-size: 90%;} table.article td { padding:.2em .2em 0 .2em; } table.article td input { text-align: center; } table.article th { background: #78777A; color: #FFF; text-align: left; font-weight: 100; } table.article td.price { font-size: 100%; color: #C00; font-weight: bold; text-align:right; } table.article tr.fon1 { background: #E7E7E7; } table.article tr.fon3 { background: #EEE0E8; } /* basket */ div#basket { background: #E7E7E7; border: 1px solid #762E59; padding: .2em; margin-bottom: 2em;} div#basket div#basket_top { color: #FFF; font-weight: bold; white-space: nowrap; background: #762E59; padding: .2em;} table#basket_end td { vertical-align: middle;} span#shopping_cart_totalgoods { font-size: 90%; color: #FFF; } span#shopping_cart_totalprice { color: #FF9999; } div#total { margin-top: 1em; font-weight: bold; } div#total span { color:#C00; font-size: 130%; } .table_forma td { padding:.5em 0 .5em .5em; } .table_forma td.col1 { width:20%; } .table_forma td.col2 { width:70%; } /* banners */ .banner td { text-align:right; padding-bottom:1em; padding-right:1em; } .banner a { height: 100%; text-decoration:none; font-size:160%; color:black; font-weight:bold; display:block; padding-top:2em; padding-right:.6em; padding-bottom:1em; } .banner a span { background:#fff; } .banner a span .red { color:red; font-size:70%; } .banner a span strong { font-size:160%; } /* разные баннеры */ .banner a.new { border:1px solid #C20005; border-left:5px solid #C20005; background:url(/i/newone.gif) top right no-repeat;} .banner a.special { border:1px solid black; border-left:5px solid black; background:url(/i/best_price.gif) top right no-repeat;} .banner a.ban1 { border:1px solid #7C089D; border-left:5px solid #7C089D; background:url(/i/ban1.gif) top right no-repeat;} .banner a.ban2 { border:1px solid #ccc; border-left:5px solid #ccc; background:url(/i/ban2.gif) top right no-repeat;} .banner a.ban3 { border:1px solid #ccc; border-left:5px solid #ccc; background:url(/i/ban3.gif) top right no-repeat;} .banner a.ban4 { border:1px solid #ccc; border-left:5px solid #ccc; background:url(/i/ban4.gif) top right no-repeat;} /* sale */ #sale { padding-left:1.5em; } #sale h2 { background:black; color:white; padding:.2em; margin:0; } #sale td { padding-bottom:1em; padding-right:.5em; } #sale a { text-decoration: none; } #sale a img { display:block; padding-bottom:.3em; } #sale a span { display: block; text-decoration:underline; padding-left:15px; background:url(/i/sale-bg.jpg) 0 3px no-repeat; font-size:11px; /*text-transform: capitalize;*/ font-weight:bold; } /* news */ #news h2 { border-bottom:1px solid #6E6E6E; margin:0em; padding:0; } #news div { padding: .7em 0 .7em 0; border-bottom:1px dotted #404040; color:#404040; font-size:90%; } #news span { color:#f07401; font-size:11px; } #news a { display:block; padding-left:27px; padding-top:2px; padding-bottom:2px; background: url(/i/news_bg.gif) 0 3px no-repeat; margin-top:.2em; margin-bottom:.2em;} #news a#archive { background: url(/i/archive.gif) no-repeat; text-transform: uppercase; font-size:10px; padding-left:29px; padding-top:6px; margin-top:1em} /* footer */ #foot { margin-top:4em; height:64px; background:url(/i/foot-bg.jpg) top repeat-x; color:#666666; } /* feedback */ .feedback_cap { margin:0; font-size:100%; } .feedback_input { margin:0; margin-bottom:1em; } /* pages */ a.page_num { border:1px solid #990066; text-decoration:none; padding:2px 6px 2px 6px ;} a.page_num:hover { border:1px solid #E6009B; } a.act, a.act:hover { color:#651135; background: #DCDCDC; text-decoration:none; font-weight: bold; border:1px solid #641135;} /* searchForm */ div#searchForm { background: #999; padding: 8px; white-space: nowrap;} div#searchForm input { width: 82%; margin-right: 5px; } table#searchForm { background: #999; width:100%; } table#searchForm td { padding: 5px; white-space: nowrap; } table#searchForm input { width: 100%; margin-right: 5px; } /* content */ #content-main { margin-top:1em;} #content-main td { margin-right:1em; } #content-main td h1 { margin-top:0; } table.data { width:100%; } table.data caption { font-style: italic; padding:4px; } table.data th { background:#E4E4E4; border-bottom:2px solid #868686; } table.data td { border-bottom:1px solid #868686; margin:0; } table.data th, table.data td { padding:6px; } div.rekvizit { font-style: italic; font-size:90%; padding:1em; background:#E4E4E4; } .spec li { font-size:120%; padding-bottom:1em; } .spec li .red { color:red; } .rblock { display: block; } .rblock *{ display: block; height: 1px; overflow: hidden; font-size: .01em; background: #970164; } .rblock1 { margin-left: 3px; margin-right: 3px; padding-left: 1px; padding-right: 1px; border-left: 1px solid #B790AC; border-right: 1px solid #B790AC; background: #AD6696; } .rblock2 { margin-left: 1px; margin-right: 1px; padding-right: 1px; padding-left: 1px; border-left: 1px solid #eff7f9; border-right: 1px solid #eff7f9; background: #970164; } .rblock3 { margin-left: 1px; margin-right: 1px; border-left: 1px solid #970164; border-right: 1px solid #970164; } .rblock4 { border-left: 1px solid #B790AC; border-right: 1px solid #B790AC; } .rblock5 { border-left: 1px solid #AD6696; border-right: 1px solid #AD6696; } .rblockf { background-color: #970164; padding: 3px 7px; text-align: center; color: #ffffff; font-weight: bold }