
html, body { background:#6b7a8e; color:#000; }


/*--------------------------------- layout -----------------------------------*/
#layout  { background:url(../images/i/index/layout_repeat.jpg) #8592A1 0 0 repeat-x; }
#wrapper { background:url(../images/i/index/layout.jpg) 0 0 no-repeat; vertical-align:top; }
#head    { position:relative; z-index:10; height:157px; }

#mid01, #mid03 { width:5%; }
#mid01 div, #mid03 div { width:20px; }
#mid11 div, #mid14 div, #mid21 div, #mid24 div { width:20px; }
#mid11 { background:url(../images/i/index/11.gif) 0 100% repeat-x; width:5%; }
#mid12 { background:url(../images/i/index/12.jpg) #9d0001 100% 0 repeat-y; width:5%; }
#mid12 div.mid12-w1 { background:url(../images/i/index/12_top.gif) 0 0 repeat-x; width:132px; }
#mid12 div.mid12-w2 { background:url(../images/i/index/12_right.gif) 100% 0 no-repeat; }
#mid12 div.mid12-w3 { background:url(../images/i/index/12_left.gif) 0 0 no-repeat; min-height:440px; }
* html #mid12 div.mid12-w3 { height:440px; }
#mid12 div.mid12e-w1 { background:url(../images/i/index/e12_top.gif) #333495 0 0 repeat-x; }
#mid12 div.mid12e-w2 { background:url(../images/i/index/e12_right.gif) 100% 0 no-repeat; }
#mid12 div.mid12e-w3 { background:url(../images/i/index/e12_left.gif) 0 0 no-repeat; min-height:110px; }
* html #mid12 div.mid12e-w3 { height:110px; }
#mid12 div.mid12e-spacer { background:url(../images/i/index/e12_bl.gif) 0 0 no-repeat; height:8px; line-height:0; font-size:0; }
#mid12 div.mid12e-spacer div { background:url(../images/i/index/e12_br.gif) 100% 0 no-repeat; padding:0 8px; height:8px; line-height:0; font-size:0; }
#mid12 div.mid12e-spacer div div { background:url(../images/i/index/e12_bot.gif) 0 0 repeat-x; padding:0; }
#mid13 { background:url(../images/i/index/13_tr.gif) #fff 100% 0 no-repeat; }
#mid14 { background:url(../images/i/index/11.gif) 0 100% repeat-x; width:5%; }
#mid21 { background:url(../images/i/index/21.gif) #92a3be 0 0 repeat-x; width:5%; }
#mid22 { background:url(../images/i/index/22.gif) #938399 0 0 repeat-x; }
#mid22 div { background:url(../images/i/index/22_left.gif) 0 0 no-repeat; height:20px; }
#mid22 div div { background:url(../images/i/index/22_right.gif) 100% 0 no-repeat; height:20px; }
#mid23 { background:url(../images/i/index/23.gif) #b1bdd1 0 0 repeat-x; }
#mid23 div { background:url(../images/i/index/23_right.gif) 100% 0 no-repeat; height:20px; }
#mid24 { background:url(../images/i/index/21.gif) #92a3be 0 0 repeat-x; width:5%; }
#mid31 { background:url(../images/i/index/31.gif) #6b7a8e 0 0 repeat-x; }
#mid32 { background:url(../images/i/index/32.gif) #6b7a8e 0 0 repeat-x; }
#mid33 { background:url(../images/i/index/33.gif) #6b7a8e 0 0 repeat-x; }
#mid34 { background:url(../images/i/index/31.gif) #6b7a8e 0 0 repeat-x; }
#mid31, #mid32, #mid33, #mid34 { padding-bottom:20px; }
#mid32 { padding-top:5px; }
#mid31 div, #mid34 div { width:20px; height:300px; }



/*--------------------------------- header -----------------------------------*/
#logo { position:absolute; top:60px; left:25px; }

#language { position:absolute; top:75px; right:5%; z-index:100; }
#language ul { margin:0; padding:0 20px 0 0; }
#language ul li {
	background:none;
	margin:0 5px; padding:0 3px;
	line-height:12px;
	display:inline;
	text-transform:uppercase;
	color:#DCE4F1;
	font-size:8px; font-family:arial,verdana,sans-serif;
}
#language ul li.active { background-color:#B2C2DC; border:1px solid #DCE4F1; }
#language a { color:#0072B4; text-decoration:none; }
#language a:hover { color:#0072B4; text-decoration:underline; }



/*--------------------------------- banner -----------------------------------*/
#banner-main { position:relative; top:-4px; z-index:10; width:271px; }

#banner { margin-bottom:11px; }

#banners-250x85 { margin-bottom:20px; width:515px; }
#banners-250x85 td.right { padding-left:12px; text-align:right }
#banners-250x85 td.right div { position:relative; right:-4px; }


/*--------------------------------- splash -----------------------------------*/
#splash-shop {
	position:absolute; top:30px; right:190px; z-index:50;
	background:url(../images/i/index/splash_root.png) 0 0 no-repeat;
	width:275px; height:158px;
}
* html #splash-shop { right:200px; }


/*---------------------------------- menu ------------------------------------*/
#menu { font-size:1.09em; }
#menu ul { margin:0; padding:13px 0 13px 0; }
#menu li {
	background:url(../images/i/index/menu_separator.png) 0 0 no-repeat;
	margin:0; padding:1px 0 0 0;
	color:#fff;
}
* html #menu li { height:1em; }
#menu li.first { background:none; }
#menu a { display:inline-block; }
#menu a {
	background:url(../images/i/index/menu_item.gif) 200% 0 repeat-y;
	margin-left:13px; padding:7px 6px 10px 7px;
	display:block;
	text-decoration:underline;
	color:#FFF;
}
#menu a:hover   { background-position:100% 0; background-color:#af0708; }
#menu span.attention {
	position:absolute;
	background:url(../images/i/index/attention.png) 0 0 no-repeat;
	margin:-1px 0 0 -26px;
	width:20px; height:20px;
	display:block;
}

#menu-eshop { font-size:1.09em; }
#menu-eshop ul { margin:0; padding:13px 0 5px 0; }
#menu-eshop li {
	background:url(../images/i/index/menu_separator.png) 0 0 no-repeat;
	margin:0; padding:1px 0 0 0;
	color:#fff;
}
* html #menu-eshop li { height:1em; }
#menu-eshop li.first { background:none; }
#menu-eshop a { display:inline-block; }
#menu-eshop a {
	background:url(../images/i/index/emenu_item.gif) 200% 0 repeat-y;
	margin-left:13px; padding:7px 10px 10px 7px;
	display:block;
	text-decoration:underline;
	color:#FFF;
}
#menu-eshop a:hover { background-position:100% 0; background-color:#323387; }
#menu-eshop span.attention {
	position:absolute;
	background:url(../images/i/index/attention.png) 0 0 no-repeat;
	margin:-1px 0 0 -26px;
	width:20px; height:20px;
	display:block;
}


/*---------------------------------- footer ----------------------------------*/
#footer td.footer-left { padding-right:20px; width:80%; vertical-align:top; }
#footer td.footer-right { width:20%; vertical-align:top; }

#footer-contacts { width:515px; }
#footer-contacts td.item { background:url(../images/i/index/mrk2.gif) 15px 0 no-repeat; padding:10px 10px 10px 15px; width:50%; }
#footer-contacts h3 { margin-bottom:5px; color:#fff; font-size:1em; font-weight:bold; }
#footer-contacts table { color:#dce4f1; }
#footer-contacts table th { padding-right:25px; }
#footer-contacts a { color:#dce4f1; }
#footer-contacts a:hover { color:#fff; }

#footer-spacer { min-height:115px; }
* html #footer-spacer { height:115px; }

#footer-copyright { margin-bottom:15px; padding:15px 10px 0 29px; white-space:nowrap; color:#DCE4F1; }

#footer-tv { padding:0 0 10px 29px; }



/*---------------------------------- clases ----------------------------------*/
div.price-cart { background:url(../images/i/index/pricecart_mid.gif) 0 0 repeat-x; margin-right:3px; width:157px; height:47px; }
* html div.price-cart { margin-right:0; width:160px; }
div.price-cart-w1 { background:url(../images/i/index/pricecart_right.gif) 100% 0 no-repeat; height:47px; }
div.price-cart-w2 { background:url(../images/i/index/pricecart_left.gif) 0 0 no-repeat; padding-left:6px; height:47px; }
div.price-cart-w2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0; font-size:0; }
div.price-cart a { display:block; float:right; width:44px; height:47px; }
div.price-cart span.price-new { padding-top:5px; display:block; float:left; width:107px; height:40px; overflow:hidden; }
div.price-cart span.price { padding-top:13px; display:block; float:left; width:107px; height:32px; overflow:hidden; }
div.price-cart del.price { background:url(../images/i/index/line_through.gif) 50% 0.38em no-repeat; text-decoration:none; color:#7f7f7f; font-size:13px; }
div.price-cart var.price { display:block; color:#f00; line-height:18px; font-size:18px; font-weight:bold; font-style:italic; }


div.empty { padding:50px 10px 70px 10px; text-align:center; color:#777; }


img.inline, input.inline { vertical-align:middle; }


table.goods-list h2 { margin-bottom:0.17em; color:#000; font-size:1.09em; font-weight:bold; font-family:tahoma, verdana, arial; }
table.goods-list div.goods-description { padding:10px 0 7px 7px; }
table.goods-list td { padding-bottom:30px; }


table.goods-grid h2 { margin-bottom:0.17em; color:#000; font-size:1.09em; font-weight:bold; font-family:tahoma, verdana, arial; }
table.goods-grid div.goods-description { padding:10px 0 7px 7px; }
table.goods-grid td.item { padding-bottom:20px; }
table.goods-grid div.img { height:155px; width:155px; overflow:hidden; text-align:center; }
table.goods-grid div.img td { height:155px; width:155px; vertical-align:middle; text-align:center; }

div.b1-top, div.b1-top div { height:10px; font-size:0; line-height:0; }
div.b1-bot, div.b1-bot div { height:10px; font-size:0; line-height:0; }
div.b1-top { background:url(../images/i/index/b1_tl.gif) 0 0 no-repeat; }
div.b1-top div { background:url(../images/i/index/b1_tr.gif) 100% 0 no-repeat; padding:0 10px; }
div.b1-top div div { background:url(../images/i/index/b1_t.gif) 0 0 repeat-x; padding:0; }
div.b1-bot { background:url(../images/i/index/b1_bl.gif) 0 0 no-repeat; }
div.b1-bot div { background:url(../images/i/index/b1_br.gif) 100% 0 no-repeat; padding:0 10px; }
div.b1-bot div div { background:url(../images/i/index/b1_b.gif) 0 0 repeat-x; padding:0; }
div.b1-mid { background:url(../images/i/index/b1.gif) #8f9fb9 0 100% repeat-x; padding:1px 10px; min-height:85px; }
* html div.b1-mid { height:85px; }


/*----------------------------------- ids ------------------------------------*/
#content td.content-offers { padding:0 3px 0 13px; width:90%; }
#content td.content-side { width:10%; }


#side { width:182px; }


#news-latest { padding:14px 15px 10px 13px; }
#news-latest h1 { margin-bottom:0.72em; color:#596878; font-size:1.8em; font-weight:normal; font-family:tahoma,verdana; }
#news-latest ul { margin:0; padding:0; }
#news-latest ul li {
	background:url(../images/i/index/mrk1.gif) 0 0.45em no-repeat;
	margin:0 0 1.54em; padding:0 0 0 9px;
}


#offers-index { padding:14px 0 10px 0; }
#offers-index h1 { margin-bottom:0.72em; padding-left:13px; color:#596878; font-size:1.8em; font-weight:normal; font-family:tahoma,verdana; }


#subscribe-form { background:url(../images/i/bg/subscribe_tl.gif) #dce4f1 0 0 no-repeat; margin:0 0 20px 10px; }
#subscribe-form div.content { background:url(../images/i/bg/subscribe_bl.gif) 0 100% no-repeat; padding:9px 5px 9px 10px; min-height:50px; }
* html #subscribe-form div.content { height:50px; }
#subscribe-form label {
	background:url(../images/i/index/subscribe.gif) 0 0 no-repeat;
	margin-bottom:5px; padding:0 0 0 40px;
	min-height:28px;
	display:block;
}
* html #subscribe-form label { height:28px; }
#subscribe-form input { vertical-align:middle; }
#subscribe-form input.txt { margin-bottom:5px; border:1px solid #2b4f82; width:140px; }
#subscribe-form div.check { margin-left:0; }
#subscribe-form div.done, #subscribe-form div.error { text-align:left; }


#quick-links ul { margin:0; padding:0 0 0 15px; width:150px; }
#quick-links ul li { background:none; margin:0 0 10px 0; padding:30px 0 0 45px; color:#000; }
#quick-links ul li div { padding:10px 0 0 0; min-height:50px; }
* html #quick-links ul li div { height:50px; }


#poll { position:relative; top:-22px; z-index:10; background:url(../images/i/index/poll.gif) 29px 0 no-repeat; padding:0 0 30px 29px; }
#poll h2 { margin:0; padding:23px 0 20px 40px; font-size:1.8em; }
#poll h3 { margin-bottom:10px; padding-right:60px; color:#000; font-size:1em; font-weight:bold; }
#poll div.item  { margin-bottom:5px; }
#poll td { vertical-align:middle; }
#poll td.btn { padding:2px 25px 0 14px; }
#poll td div.mrk { background:url(../images/i/index/mrk_special.gif) 0 5px no-repeat; padding-left:9px; color:#fff; }
#poll a { color:#fff; }
#poll a:hover { color:#dce4f1; }


#files ul { margin:0; padding:10px 0 0 0; }
#files ul li { margin:0; padding:10px 0 0 50px; color:#495562; min-height:36px; }
* html #files ul li { height:36px; }
#files ul li.pdf { background:url(../images/i/index/pdf.gif) 0 0 no-repeat; }
#files ul li span.size { display:block; white-space:nowrap; }


