﻿.goodsBlock { width: 770px; }
/*.goodsBlock { border: 1px solid red; }*/
.goodsBlock h2, .goodsBlock h3 { margin-left: 0px; margin-bottom: 15px; }
.goodsBlock h4 { margin-left: 0px; margin-bottom: 10px; }
.goodsBlock h3, .goodsBlock h4 { padding-top: 10px; }
.goodsBlock a { text-decoration: none; }
.goodsBlock .image, .goodsBlock .image img, .goodsBlock .tableImage, .goodsBlock .listImage { border: 0px; }
.goodsBlock .tableImage, .goodsBlock .listImage { display: none; }

.goodsBlock, .goodsFilterBlock {display: inline-block; vertical-align: top;} 
.price { display: inline-block;text-align: center; margin-right: -1px; }
.priceName, .priceValue { border: #058FEA 1px solid; padding: 0px 4px 0px 4px; }
.priceName { background: #CDEBF8; color: #2CACE2; margin-bottom: -1px; }
.price:first-child .priceValue { background: #2CACE2; color: #CDEBF8; font-weight: bold; }
.price:first-child .priceName { font-weight: bold; } 

.goodsBlock .asTable{}
.goodsBlock .asTable .clear { display: none; }
.goodsBlock .asList{}
.goodsBlock .asList .clear { display: block; }

.goodsFilterBlock { width: 173px; border: 1px solid #eeeeee; }

.goodsBlock .good, .goodsBlock .group { border: 1px solid #eeeeee; padding: 5px; }
.goodsBlock .good:hover, .goodsBlock .group:hover { border: 1px solid #cccccc; }
.goodsBlock .good .name, .goodsBlock .group .name { font-size: 1.2em;}

.goodsBlock .asTable .good, .goodsBlock .asTable .group
{
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
	width: 230px; 
}
.goodsBlock .asTable .image{
	margin-left: auto;
	margin-right: auto;
}
.goodsBlock .asTable .image, .goodsBlock .asTable div.tableImage
{
	margin: auto;
	display: block;
	margin-bottom: 5px;
}
.goodsBlock .asTable div.tableImage {
	height: 200px;
	display: table-cell;
	/*vertical-align: middle;*/
	width: 230px;
}
.goodsBlock .asTable div.tableImage div.tableImageInner {
}
.goodsBlock .asTable img.tableImage 
{
	display: block;
	margin: auto;
}
.goodsBlock .asTable .group span, .goodsBlock .asTable .good .prices, .goodsBlock .asTable .good .buy, .goodsBlock .asTable .good .name
{
	display: block;
	text-align: center;
	margin-bottom: 5px;
}
/*.goodsBlock .asTable .good .prices, .goodsBlock .asTable .good .prices * { color: #696969; }*/
.goodsBlock .asTable .good .name, .goodsBlock .asTable .group .name { text-decoration: underline; }
.goodsBlock .asTable .good:hover .name { text-decoration: none; }
.goodsBlock .asTable .good input[type=text] { width: 100px; }

.goodsBlock .asList .good, .goodsBlock .asList .group
{
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}
.goodsBlock .asList div.listImage, .goodsBlock .asList .image { display: block; margin-right: 10px; float:left; }
.goodsBlock .asList img.listImage, .goodsBlock .asList .image, .goodsBlock .asList .image img { display: block; max-height: 100px; max-width: 100px; }
.goodsBlock .asList div.listImage { width: 120px;}
.goodsBlock .asList img.listImage { margin: auto;}
.goodsBlock .asList .good .name, .goodsBlock .asList .good .prices, .goodsBlock .asList .good .buy { display: block; }
.goodsBlock .asList .group span.name,
.goodsBlock .asList .group span.image { display: table-cell; vertical-align: middle; height: 100px;}
.goodsBlock .asList .group span.image { float: none; padding-right: 20px; width: 100px; }
.goodsBlock .asList .group  * {  }
.goodsBlock .asList .group .image { margin-right: 10px; }
.goodsBlock .asList .group .name, .goodsBlock .asList .group .power { display: block;margin-left: 120px;}
.goodsBlock .asList .good .prices, .goodsBlock .asList .group .power { color: #696969; }
.goodsBlock .asList .good .name, .goodsBlock .asList .group .name { text-decoration: underline; }
.goodsBlock .asList .good:hover .name, .goodsBlock .asList .group:hover .name { text-decoration: none; }
.goodsBlock .asList .good .name, .goodsBlock .asList .good .prices, .goodsBlock .asList .good .buy { margin-bottom: 5px;margin-left: 130px; }

.goodsFilterBlock { padding: 5px; }
.goodsFilterBlock .filterCommand { text-align: center; }
.goodsFilterBlock .aspNetDisabled, .goodsFilterBlock span[noGoods] { color: #cccccc; }

/*good cart */
.imageSwitcher { vertical-align: top; }
.imageSwitcher .image { border: 0px none;vertical-align: top;}
.imageSwitcher .image img { height: 50px;}

.specialOfferPrice .priceName {background: #f8d8b5; color: #F68C1E; border: #F68C1E 1px solid;}
.specialOfferPrice .priceValue {background: #F68C1E !important; color: white !important; border: #F68C1E 1px solid;}

.compactGrid .price { font-size: 0.8em; }
.photo { max-width: 380px; }

.goodsPager {text-align:center;margin-bottom: 1em;}
.goodsPager a { display: inline-block;}
.goodsPager a { padding: 4px 6px 4px 6px;}
.goodsPager a.aspNetDisabled { background: #eeeeee;cursor: default;}
.goodsPager a span { border-bottom: 1px #5093a1 dotted; }
.goodsPager a.aspNetDisabled span { border-bottom: 1px none;}

.goodPageImage {width: 400px; height: 400px; display: table-cell; vertical-align: middle; text-align: center;}
html.ielt9 .goodPageImage { display: block;}