/* CSS Document */
/**/
html, body {height:100%; margin:0; padding:0; background:url(images/b.gif) left bottom repeat; font-family:Tahoma, sans-serif; font-size:9pt;}
table {margin:0; padding:0;}
.clear {clear:both; height:0;  padding:0; margin:0; font-size:0;}

#main_layout {width:100%; height:100%; padding:10px 0; background: url(images/b1.gif) left top repeat-x; text-align:center;}

#layout_body {position:relative; width:900px;  margin:0 auto; padding:8px; background:#FFF}
.bord1 {position:absolute; top:0px; left:0px; width:5px; height:5px; background:url(images/bord1.gif) left top no-repeat;}
.bord2 {position:absolute; top:0px; right:0px; width:5px; height:5px; background:url(images/bord2.gif) right top no-repeat;}


#body_left {float:left; width:167px; text-align:left;}
#body_center {margin-left:167px; padding:8px 0 0 0; font-size:8pt; text-align:left;}

/**/
.hat { height:95px; margin-bottom:1px; background: url(images/hb.gif) left top repeat-x;}
.hat table {width:100%;}
.hat table td.text {padding:0 14px 0 0; vertical-align:top; text-align:left;}
.hat table .lang {float:right; position:relative; width:77px; padding:6px 0; background:#FFFFFF; text-align:center;}
.hat table .lang a { text-decoration:underline; font-size:8pt; color:#cc0000;}
.hat table .lang a:hover {color:#ff0000;}
.hat table .lang span {text-decoration:underline; font-size:8pt; color:#ff0000;}
.hat table .lang .langbrd1 { position:absolute; top:0; left:0; width:9px; height:26px; background:url(images/langbrd1.gif) left top no-repeat;}
.hat table .lang .langbrd2 { position:absolute; top:0; left:68px; width:9px; height:26px; background:url(images/langbrd2.gif) right top no-repeat;}

.hat-menu {height:28px; background:url(images/m_line.gif) left top repeat-x;}
.hat-menu table{width:100%; text-align:left;}
.hat-menu table.menu {width:auto;}
.hat-menu table.menu td {height:28px; padding:0 20px 0 20px;  background:url(images/hem.gif) right top no-repeat;  font-family:Tahoma, sans-serif!important; font-size:9pt!important;}
.hat-menu table.menu td.select {background:url(images/hem.gif) left top repeat-x;}
.hat-menu table.menu td a {font-weight:bold; color:#cc0000;}
.hat-menu table.menu td a:hover {color:#ff0000;}
.hat-menu table.menu td span {font-weight:bold; text-decoration:underline; color:#ff0000;}
/*.hat-menu td {padding:8px 14px 6px 14px;}*/

/**/

/**/
.baner_left img {margin-bottom:30px;}

.menu-left {width:157px; margin:8px 0 20px 0;}
.menu-left table {width:100%;}
.menu-left table td {text-align:left; background:#FFF1F0;  font-family:Tahoma, sans-serif!important; font-size:9pt!important;}
.menu-left table td div.head {padding:0 0 3px 10px; border-bottom:3px double #F6D7D5;  font:italic normal 13pt Georgia, sans-serif; color:#A32D2A;}

.menu-left table.menu {width:100%; color:#ff0000;}
.menu-left table.menu td { padding:8px 0 6px 10px; border-bottom:1px dotted #F6D7D5; font-weight:normal; text-decoration:underline;}
.menu-left td a {display:block; padding:8px 0 6px 10px; border-bottom:1px dotted #F6D7D5; text-decoration:underline; color:#cc0000;}
.menu-left td a.pod {margin-left:10px;}
.menu-left td a:hover {background:#FFF; color:#ff0000;}
.menu-left div.select {padding:8px 0 6px 10px; text-decoration:underline; background:#FFF; color:#ff0000;}
.menu-left div.selectpod {margin-left:10px; padding:8px 0 6px 10px; text-decoration:underline; background:#FFF; color:#ff0000;}

/**/

/**/
.addMessYes
{
	position: absolute;
	width: 400px;
	padding: 10px;
	visibility: hidden; 
	z-index:100;
	background-color: #FFF1F0;
	border: 3px ridge red;
	text-align:center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #545454;	
}
.addMessError
{
	position: absolute;
	width: 300px;
	padding: 10px;
	visibility: hidden; 
	z-index:100;
	background-color: #FFF1F0;
	border: 3px ridge red;
	text-align:left;
	line-height:25px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #545454;	
}
.addMessError div {margin-bottom:5px; font-size:14px; font-weight:bold; color:#EF5D0E;}
.addMessError b {color:#EF5D0E;}

a.link-vopros {text-decoration:none!important; font-size:12px!important;}

#body_center .center {float:left;  width:557px; }
#body_center a {font-size:8pt; text-decoration:underline; color:#cc0000;}
#body_center a:hover {color:#ff0000;}
#body_center .center h1 {margin:0; padding:4px 0 3px 10px; background:#FFF1F0 url(images/plash_b.gif) right top repeat-y; border-bottom:1px solid #F6D7D5; font:italic normal 13pt Georgia, sans-serif; color:#A32D2A;}
#body_center .center .line-tovar table { width:100%; margin:20px 0;}
#body_center .center .line-tovar th, #body_center .center .line-tovar td{width:33%; text-align:center; vertical-align:top;}
#body_center .center .line-tovar th img {margin:0; padding:0; border:1px solid #cc0000;}
#body_center .center .line-tovar td {padding-top:20px;}
#body_center .center .line-tovar td div {margin-bottom:5px; font-weight:bold; font-size:8pt; color:#A32D2A;}
#body_center .center .line-tovar td a {font-size:8pt; text-decoration:underline; color:#cc0000;}
#body_center .center .line-tovar td a:hover {color:#ff0000;}

#body_center .center table.tovar-detail {width:100%; font-size:8pt;}
#body_center .center .tovar-detail th {width:420px;}
#body_center .center .tovar-detail  .cena {margin:0 0 10px 0; text-align:left; font-size:14pt; color:#cc0000;}
#body_center .center .tovar-detail  .cena .type {margin:0 0 0 2px; text-align:center; font-size:12pt; color:#cc0000;}
#body_center .center .tovar-detail th .img-detail {position:relative; text-align:left; border: 1px solid #cc0000;}
#body_center .center .tovar-detail th .img-detail .small {position:absolute; right:0; top:0;}
#body_center .center .tovar-detail th .img-detail .small td {padding:0; padding:1px 1px 3px 0;}
#body_center .center .tovar-detail th .img-detail .small img {border:1px solid #FEB4B1; cursor:pointer;}

#body_center .center .tovar-detail td {padding:0 0 0 30px; text-align:left; vertical-align:top;}
#body_center .center .tovar-detail td .name { margin-bottom:5px; font-weight:bold; color:#333;}
#body_center .center .tovar-detail td .color {width:80px; margin-bottom:10px; border:1px solid #ED9C98;}
#body_center .center .tovar-detail td .color-one {width:80px; margin-bottom:10px; font-size:14px; font-weight:bold;color:#EF5D0E;}
#body_center .center .tovar-detail td .size {width:65px; margin-bottom:10px; border:1px solid #ED9C98;}
#body_center .center .tovar-detail td .quantity {width:45px; margin-bottom:10px; border:1px solid #ED9C98;}
#body_center .center .tovar-detail td .but_korz {position:relative; margin-top:20px; padding:10px;  background:#FFF1F0; border:1px solid #F7C3C1;}
#body_center .center .tovar-detail td .loader {position: absolute; display: none; right:0; bottom:0;}
#body_center .center .tovar-detail td .korz_nad {position:relative; top:-5px;}

#body_center .center .tovar-detail-descript {margin:20px 0; font-size:12px; color:#A32D2A; }

#body_center .center .basked th {padding:10px; text-aling:left; vertical-align:top; font-size:12px; color:#A32D2A;}
#body_center .center .basked td {padding:10px; line-height:20px; font-size:12px; text-aling:left; vertical-align:top;}
input.count-tovar {width:25px;}
td.line-tovar {height:2px; padding:0!important; background:#FFF1F0 url(images/plash_b.gif) right top repeat-y;}
.empty-basket {margin:20px 10px 0 10px; font-size:16px;}


#body_center .right {margin-left:567px; text-align:center;}
#body_center .right img {margin:0; margin-bottom:30px;}
#body_center .right .korz { padding:10px;  background:#FFF1F0; border:1px solid #F7C3C1;}
#body_center .right .korz img {float:left;}
#body_center .right .korz .miniBasket {margin:10px; font-size:12pt; font-weight:bold; text-align:left; color:#cc0000;}
/**/

/**/
#layuot_footer {position:relative; width:900px; margin:0 auto; padding:0 8px; background:#fff;}
.bord3 {position:absolute; bottom:0px; left:0; width:5px; height:5px; background:url(images/bord4.gif) right bottom no-repeat;}
.bord4 {position:absolute; bottom:0px; right:0; width:5px; height:5px; background:url(images/bord3.gif) left bottom no-repeat;}

#layuot_footer .line-tovar { width:557px; position:absolute;  bottom:110px;  left:177px;}
#layuot_footer .line-tovar table { width:100%; margin:20px 0;}
#layuot_footer .line-tovar th, #layuot_footer  .line-tovar td{width:33%; text-align:center; vertical-align:top;}
#layuot_footer .line-tovar th img {margin:0; padding:0; border:1px solid #cc0000;}
#layuot_footer .line-tovar td {padding-top:20px;}
#layuot_footer .line-tovar td div {margin-bottom:5px; font-weight:bold; font-size:8pt; color:#A32D2A;}
#layuot_footer .line-tovar td a {font-size:8pt; text-decoration:underline; color:#cc0000;}
#layuot_footer .line-tovar td a:hover {color:#ff0000;}

#layuot_footer .menu-bg { height:24px; margin-bottom:4px; background:url(images/fl.gif) left top repeat-x; text-align:left;}
#layuot_footer .menu-bg table {width:100%;}
#layuot_footer .menu-bg  table.menu {width:auto; font-size:8pt;}
#layuot_footer .menu-bg table.menu td {height:24px; padding:0 20px 0 20px; background:url(images/fmb.gif) right top no-repeat;}
#layuot_footer .menu-bg table.menu td.select {background:url(images/fmb.gif) left top repeat-x;}
#layuot_footer .menu-bg table.menu td a {color:#cc0000;}
#layuot_footer .menu-bg table.menu td a:hover {color:#ff0000;}
#layuot_footer .menu-bg table.menu td span {text-decoration:underline; color:#ff0000;}

#layuot_footer .foter {position:relative; height:64px; padding:8px; background:url(images/f_line.gif) left top repeat-x;}
#layuot_footer .foter .f_shad {position:absolute; top:0; left:200px; width:344px; height:8px; background:url(images/f_shad.gif) left top no-repeat;}
/**/