
html, body { background:#596878; color:#596878; }
body { padding:0; }

/*--------------------------------- layout -----------------------------------*/
#layout  { background:url(../images/i/eshop/layout_repeat.jpg) #8592A1 0 0 repeat-x; }
#wrapper { background:url(../images/i/eshop/layout.jpg) 0 0 no-repeat; }
#head    { position:relative; z-index:10; height:157px; }

#mid01, #mid03 { width:3%; }
#mid01 div, #mid03 div { width:20px; }
#mid11 div, #mid14 div, #mid21 div, #mid24 div { width:20px; }
#mid11 { background:url(../images/i/eshop/11.gif) 0 100% repeat-x; width:3%; }
#mid12 { background:url(../images/i/eshop/12.jpg) #343495 100% 0 repeat-y; width:3%; }
#mid12 div.mid12-w1 { background:url(../images/i/eshop/12_top.gif) 0 0 repeat-x; width:193px; }
#mid12 div.mid12-w2 { background:url(../images/i/eshop/12_right.gif) 100% 0 no-repeat; }
#mid12 div.mid12-w3 { background:url(../images/i/eshop/12_left.gif) 0 0 no-repeat; min-height:240px; }
* html #mid12 div.mid12-w3 { height:240px; }
#mid13 { background:url(../images/i/eshop/13.gif) #fff 100% 0 no-repeat; padding:0 30px 60px 30px; }
#mid14 { background:url(../images/i/eshop/11.gif) 0 100% repeat-x; width:3%; }
#mid21 { background:url(../images/i/eshop/21.gif) #8595ae 0 0 repeat-x; width:3%; }
#mid22 { background:url(../images/i/eshop/22.gif) #7582a4 0 0 repeat-x; }
#mid22 div { background:url(../images/i/eshop/22_left.gif) 0 0 no-repeat; height:20px; }
#mid22 div div { background:url(../images/i/eshop/22_right.gif) 100% 0 no-repeat; height:20px; }
#mid23 { background:url(../images/i/eshop/23.gif) #a7b4c5 0 0 repeat-x; }
#mid23 div { background:url(../images/i/eshop/23_right.gif) 100% 0 no-repeat; height:20px; }
#mid24 { background:url(../images/i/eshop/21.gif) #8595ae 0 0 repeat-x; width:3%; }
#mid31 { background:url(../images/i/eshop/31.gif) #596878 0 0 repeat-x; }
#mid32 { background:url(../images/i/eshop/32.gif) #596878 0 0 repeat-x; }
#mid33 { background:url(../images/i/eshop/33.gif) #596878 0 0 repeat-x; }
#mid34 { background:url(../images/i/eshop/31.gif) #596878 0 0 repeat-x; }
#mid31 div, #mid34 div { width:20px; }


/*--------------------------------- header -----------------------------------*/
#logo { position:absolute; top:60px; left:25px; z-index:101;}

#language { position:absolute; top:55px; left:5%; z-index:100; padding-left:438px; }
#language ul { margin:0; padding:0; }
#language ul li {
	background:none;
	margin:0 0 6px 0; padding:2px 3px;
	text-transform:uppercase;
	color:#dce4f1;
	font-size:1px; font-family:arial,verdana,sans-serif;
}
#language ul li.active { background-color:#B2C2DC; outline:1px solid #DCE4F1; }
#language a { color:#0072B4; text-decoration:none; }
#language a:hover { color:#0072B4; text-decoration:underline; }

#home { position:absolute; top:130px; left:22px; white-space:nowrap; }
#home a {
	background-image:url(../images/i/mrk/home.gif);
	background-position: 0 1px;
	background-repeat:no-repeat;
	padding-left:16px;
}
#home a:hover { background-position: 0 -37px; color:#EA0D0D; }


/*---------------------------------- menu ------------------------------------*/
#menu { font-size:1.09em; }
#menu ul { margin:0; padding:13px 0 13px 0; }
#menu li {
	background:url(../images/i/eshop/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/eshop/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,#menu a.this   { background-position:100% 0; background-color:#323387; }
#menu div.submenu { background:url(../images/i/eshop/submenu_tr.gif) 100% 5px no-repeat; padding-top:5px; }
#menu div.submenu-w1 { background:url(../images/i/eshop/submenu_bubble.gif) 18px 3px no-repeat; }
#menu div.submenu-w2 { background:url(../images/i/eshop/submenu_br.gif) 100% 100% no-repeat; padding:7px 0 6px 0; }
#menu div.submenu-w3 { background:url(../images/i/eshop/submenu_tl.gif) 0 0 no-repeat; }
#menu div.submenu-w4 { background:url(../images/i/eshop/submenu_bl.gif) 0 100% no-repeat; padding:8px 0; }
#menu div.submenu-w5 { background:#fff; padding:12px 5px 2px 20px; }
#menu div.submenu ul { padding:0; }
#menu div.submenu ul ul { padding:10px 0 0 0; }
#menu div.submenu li { background:url(../images/i/mrk/mrk1.gif) 0 0.42em no-repeat; margin-bottom:1em; padding:0 0 0 10px; color:#000; }
#menu div.submenu li.active { font-weight:bold; }
#menu div.submenu li.active li { font-weight:normal; }
#menu div.submenu li li { background:url(../images/i/mrk/mrk3.gif) 0 0.5em no-repeat; margin-bottom:0.67em; }
#menu div.submenu a { background:none; margin:0; padding:0; display:inline; color:#0072b4; }
#menu div.submenu a:hover { background:none; color:#e40c0c; }
#menu span.attention {
	position:absolute;
	background:url(../images/i/ico/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 { /*position:relative; top:-25px; z-index:10;*/padding:55px 0 10px 0; width:515px; }
#footer-contacts td.item { background:url(../images/i/mrk/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-copyright { position:relative; left:-33px; z-index:10; margin-bottom:35px; padding:60px 0 0 0; white-space:nowrap; color:#dce4f1; }
#footer-tv { position:relative; left:-33px; z-index:10; padding-bottom:30px;}


/*--------------------------------- banners ----------------------------------*/
#banners-250x85 { position:relative; top:-50px; z-index:100; width:515px; }
#banners-250x85 td { width:50%; vertical-align:top; }
#banners-250x85 td.right { padding-left:12px; text-align:right; }
#banners-250x85 td.right div { position:relative; right:-4px; }


/*--------------------------------- splash -----------------------------------*/
#splash { position:absolute; top:-137px; z-index:10; width:100%; display:none;}
#splash div {
	position:absolute; top:0; right:10%; z-index:20;
	background:url(../images/i/splash/splash.png) 0 0 no-repeat;
	width:300px; height:175px;
}


/*---------------------------------- clases ----------------------------------*/
div.search-form { margin-bottom:16px; font-size:0.92em; }
div.search-form input.txt {
	border:none !important; background:#fff !important;
	padding:2px;
	width:144px;
}
div.search-form label { color:#596878; font-weight:bold; }


div.login div.check { color:#f00; }
div.login div.b2 { margin-bottom:25px; }
div.login div.description { color:#000; }
div.login div.description ul { color:#596878; }


div.without-registration div.description { margin-bottom:1.42em; color:#000; }
div.without-registration table.frm-cbox td.frm-cbox-label { padding-bottom:13px; font-size:1.09em; }


div.profile-addresses textarea.stretch { width:97%; }
div.profile-addresses input.stretch { width:97%; }
div.profile-addresses table.frm { width:319px; }
div.profile-addresses div.b2 { margin-bottom:10px; width:373px; }
div.profile-addresses div.b2 h4 { background:url(../images/i/mrk/mrk1.gif) 0 0.67em no-repeat; margin-left:-14px; padding-left:14px; }
div.profile-addresses div.b2 a.click { background:none; border-bottom:1px dashed #0072b4; line-height:1.67em; }
div.profile-addresses div.b2 a.click:hover { border-bottom:1px dashed #0072b4; }
div.profile-addresses div.b2-w7 { padding:12px 15px 12px 35px; }
div.profile-addresses div.address-update { margin-top:5px; min-height:50px; }
* html div.profile-addresses div.address-update { height:50px; }

div.profile-addresses div.loading { background:url(../images/i/loading.gif) #f1f6ff 0 0 no-repeat; }

div.eshop-intro h2 { margin:0 0 0.38em 0; font-size:1.17em; font-weight:bold; }


/*----------------------------------- ids ------------------------------------*/
#header {
	position:relative; top:-20px; z-index:15;
	background:url(../images/i/bg/header_l.gif) 0 0 no-repeat;
}
#header div.layer1 { background:url(../images/i/bg/header_r.gif) 100% 0 no-repeat; padding:0 10px; }
#header div.layer2 {
	background:url(../images/i/bg/header_repeat.gif) 0 0 repeat-x;
	padding:0 4px;
	height:65px;
}
#header h1 { margin:0; height:65px; }
#header h1 span { display:none; }

#login { position:relative; z-index:16; }
#login div.login-w1 {
	position:absolute; right:20px; top:-50px; z-index:1;
	background:url(../images/i/bg/login_mid.gif) 0 0 repeat-x;
	height:50px;
}
* html #login div.login-w1 { right:50px; width:1em; }
#login div.login-w2 { background:url(../images/i/bg/login_right.gif) 100% 0 no-repeat; }
#login div.login-w3 { background:url(../images/i/bg/login_left.gif) 0 0 no-repeat; padding:14px 19px 0 14px; }
#login div.login-w4 { background:url(../images/i/mrk/mrk1.gif) 0 0.42em no-repeat; padding-left:9px; height:36px; white-space:nowrap; }


#phone {
	position:absolute; margin:-5px 0 0 185px;
	background:url(../images/i/bg/phone_right.gif) 100% 0 no-repeat;
	height:31px;
	white-space:nowrap;
	color:#ffdc95; 
	font-size:14px;
}
#phone div {
	background:url(../images/i/bg/phone_left.gif) 0 0 no-repeat;
	padding:0 20px 0 35px;
	height:31px;
}
#phone strong {
	background:url(../images/i/bg/phone_mid.gif) 0 0 repeat-x;
	height:31px; line-height:25px;
	display:block;
}
* html #phone { width: 2em; }

#text { padding:0 0 50px 15px; color:#596878; font-size:1.08em; }
#text h2 { font-size:1.62em; }
#text em { color:#f00; }

#cart-info { margin-bottom:15px; padding:0 0 0 20px; }
#cart-info a.click-active { background-position:100% -40px; }
#cart-info table.cart-info td { padding:2px 10px 2px 0; }
#cart-info table.cart-info td.price { width:5%; white-space:nowrap; color:#f00; font-weight:bold; }
#cart-info table.x1 td.x1-22 { padding:0 10px; width:280px; }
#cart-info div.cart-info { white-space:nowrap; font-weight:bold; }
#cart-info div.x1 { z-index:50; margin:7px 0 0 -20px; }


#cart { padding-top:3px; font-size:1.09em; }
#cart div.cart-w { margin-bottom:25px; }
#cart div.cart-total { margin-bottom:30px; }
#cart div.b2 { float:right }
#cart div.b2-w7 { padding:6px 0 8px 19px; }
#cart div.b2 table.cart td { padding-top:4px; padding-bottom:4px; color:#596878; }
#cart div.available-0 { width:90%; }
#cart table.cart tr div.x2 { margin:-13px 0 0 10px; display:none; }
#cart table.cart tr:hover div.x2 { display:block; }


#approve table.frm { font-size:1.09em; }
#approve table.frm td { color:#000; }
#approve td.btns-left, #approve td.btns-right { padding-top:10px }


#registration { padding:5px 0 0 19px; }
#registration h3 { margin:0; color:#000; }
#registration input.login, #registration input.pass, #registration input.fix { width:151px; }
#registration table.frm th { width:18%; white-space:nowrap; }
#registration table.frm h3 { display:inline; }
#registration div.profile-addresses table.frm th { width:100px; }
#registration div.h2 { margin-bottom:15px; float:right; font-size:1.91em; }
#registration div.btn-hlight2 { float:left; }


div.pass-show { display:block; }
div.pass-hide { display:none; }
#pass-change {
	position:absolute; z-index:50;
	background:url(../images/i/passchange/bottom.gif) no-repeat bottom left;
	margin:-30px 0 0 100px; padding:0 0 15px 0;
}
#pass-change div.pass-change {
	padding:18px 20px 5px 20px;
	background:url(../images/i/passchange/top.gif) no-repeat;
	width:290px;
}
#pass-change a.close {
	position:absolute; top:7px; right:10px; z-index:10;
	background:url(../images/i/btn/close.gif) no-repeat;
	display:block;
	width:11px; height:11px;
	overflow:hidden;
	text-indent:-1000px;
}


#delivery div.login { padding-right:30px; }
#delivery div.login input.txt { width:136px; }
#delivery table.frm2 { font-size:12px; }
#delivery table.frm2 label { margin-bottom:4px; display:block; }
#delivery table.frm2 td { padding-bottom:10px; }
#delivery table.frm2 tr.frm-last td { padding-bottom:20px; }


#calculator { padding-top:5px; }
#calculator h2 { margin:0 0 7px 0; padding:0; font-size:1em; font-weight:normal; }


#goods-sale { padding:15px 0 30px 15px; }
#goods-sale table.goods-grid th { padding:0 5px 10px 5px; text-align:center; color:#596878; font-size:1.75em; }
#goods-sale table.goods-grid td.item { padding:0 5px; text-align:center; }
#goods-sale div.item { margin:0 auto; text-align:left; }
#goods-sale div.spacer { background:url(../images/i/bg/cramp_line.gif) 0 5px repeat-x; height:8px; line-height:0; font-size:0; }
#goods-sale div.spacer div { background:url(../images/i/bg/cramp_arrow.gif) 50% 0 no-repeat; height:8px; line-height:0; font-size:0; }
#goods-sale div.spacer div div { background:url(../images/i/bg/cramp_edge.gif) 0 5px no-repeat; }
#goods-sale div.spacer div div div { background:url(../images/i/bg/cramp_edge.gif) 100% 5px no-repeat; }

#goods-index { padding:15px 0 30px 15px; clear:both; }
#goods-index div.item { float:left; }

div.goods-img { padding:0 10px 20px 0; width:397px; float:left; }
div.goods-img div.i { width:397px; height:297px; overflow:hidden; }
div.goods-img div.i a { position:absolute; z-index:1; background:url(../images/i/px.gif) repeat; width:397px; height:297px; display:block; cursor:pointer; }
div.goods-img div.i td {  width:397px; height:297px; vertical-align:middle; text-align:center; }
div.goods-img div.i span.i-frame {
	position:absolute; z-index:1;
	background:url(../images/i/bg/i397x297.png) no-repeat;
	width:397px; height:297px;
	display:block;
}
div.goods-img div.i span.i-zoom { background:url(../images/i/bg/i397x297_zoom.png) no-repeat; text-indent:-1000px; }
div.goods-img div.special {position:absolute; z-index:10; width:42px; height:42px; display:block; }
div.goods-img div.special1 { background:url(../images/i/ico2/1.png) 0 0 no-repeat; }
div.goods-img div.special2 { background:url(../images/i/ico2/2.png) 0 0 no-repeat; }
div.goods-img div.special3 { background:url(../images/i/ico2/3.png) 0 0 no-repeat; }

