body {
	padding: 20px;
	background-color: #fff;
}

footer {
	border-top: 2px solid #eee;
	padding-top: 15px;
}

.block {
	margin-bottom: 20px;
}

.block img {
	max-width: 100%;
	height: auto;
}

/*
<div class="news-item">
	<div class="news-item--date">31.12.2000</div>
	<div class="news-item--header">Заголовок новости</div>
	<div class="news-item--image"><img src="/" width="xxx" height="yyy"></div>
	<div class="news-item--text"><p>Краткий текст новости</p></div>
</div>
*/

.news-item {
	overflow: hidden;
}

.news-item--date {
}

.news-item--header {
}

.news-item--header span {
	font-weight: bold;
}

.news-item--image {
	float: right;
}

.news-item--text {
}

.block .news-item--image {
	float: none;
}

/*
<div class="news-list">
	...
	<div class="news-item">...</div>
	...
</div>
*/

.news-list {
}

/*
<div class="cart-table-element">
	<table width="100%" border="1">
		<thead>
			<tr>
				<th class="name">Название</th>
				<th class="price">Цена</th>
				<th class="count">Количество</th>
				<th class="sum">Сумма</th>
				<th class="remove"></th>
			</tr>
		</thead>
		<tbody>
			<tr class="cart-element-is-in-cart" data-key="...">
				<td class="name">
					<div class="title">
						<a href="...">...</a>
					</div>
					<div class="description">...</div>
				</td>
				<td class="price">
					...
				</td>
				<td class="count">
					<input type="text" maxlength="..." value="...">
				</td>
				<td class="sum">
					...
				</td>
				<td class="remove">
					<button class="btn btn-default cart-element-remove" data-key="...">Убрать</button>
				</td>
			</tr>
			...
		</tbody>
		<tfoot>
			<tr>
				<td class="name" colspan="2">...</td>
				<td class="count">...</td>
				<td class="sum">...</td>
				<td class="remove"></td>
			</tr>
		</tfoot>
	</table>
</div>
*/

.cart-table-element {
}

.cart-table-element table {
	width: 100%;
}

.cart-table-element th.name {
	width: 100%;
}

.cart-table-element td {
	vertical-align: middle;
}

.cart-table-element td.price {
	white-space: nowrap;
}

.cart-table-element tbody td.price {
	line-height: 30px;
}

.cart-table-element td.sum {
	white-space: nowrap;
}

.cart-table-element tbody td.sum {
	line-height: 30px;
}

.cart-table-element td.count {
	text-align: center;
}

.cart-table-element td.count input {
	width: 60px;
	text-align: center;
	margin: 0;
}

.cart-table-element .title span {
	font-weight: bold;
}

/*
<div class="cart-info">
	<div class="cart-info--header">...</div>
	<div class="cart-element-is-empty">
		<div>...</div>
	</div>
	<div class="cart-element-is-full">
		<div class="cart-info--count">Всего товаров: <span class="cart-element-info-count"></span></div>
		<div class="cart-info--sum">На сумму: <span class="cart-element-info-sum" data-currency="1"></span></div>
		<div class="cart-info--link"><a href="...">...</a></div>
	</div>
</div>
*/

.cart-info {
}

.cart-info--header {
}

.cart-info--count {
}

.cart-info--sum {
}

.cart-info--link {
}

/*
<div class="catalog-categories-list">
	...
	<div class="catalog-category-item">...</div>
	...
</div>
*/

.catalog-categories-list {
	overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
}

.catalog-categories-list .catalog-category-item {
	vertical-align: top;
	display: inline-block;
	width: 200px;
	margin: 0 10px 20px 10px;
	text-align: center;
}

/*
<div class="catalog-categories-tree">
	<ul>
		...
		<li>
			<a href="">...</a>
		</li>
		...
		<li class="selected">
			<a href="">...</a>
		</li>
		...
		<li>
			...
		</li>
		...
	</ul>
</div>
*/

.catalog-categories-tree {
}

.catalog-categories-tree ul {
}

.catalog-categories-tree ul ul {
	padding-left: 20px;
}

.catalog-categories-tree li {
}

.catalog-categories-tree li.selected > a {
	font-weight: bold;
}

.catalog-categories-tree a {
	display: block;
}

.catalog-category-item {
}

.catalog-category-item--header {
}

.catalog-category-item--image {
	max-width: 100%;
	text-align: center;
}

.catalog-category-item--image img {
	max-width: 100%;
	height: auto;
}

.catalog-category-item--description {
	margin-bottom: 15px;
}

.catalog-product-item {
}

.catalog-product-item--header {
}

.catalog-product-item--image {
	max-width: 100%;
}

.catalog-product-item--image img {
	max-width: 100%;
	height: auto;
}

.catalog-product-item--text {
	margin-bottom: 15px;
}

.catalog-product-item--old-price {
}

.catalog-product-item--discount {
}

.catalog-product-item--price {
}

.catalog-product-item--cart {
}

.catalog-product-item--cart input {
	text-align: center;
	width: 40px !important;
}

.catalog-product-item--analogs {
}

/*
<div class="catalog-products-analogs-list">
	...
	<div class="catalog-product-item">...</div>
	...
</div>
*/

.catalog-products-analogs-list {
	overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
}

.catalog-products-analogs-list .catalog-product-item {
	vertical-align: top;
	display: inline-block;
	width: 200px;
	margin: 0 10px 20px 10px;
	text-align: center;
}

/*
<div class="catalog-products-list">
	...
	<div class="catalog-product-item">...</div>
	...
</div>
*/

.catalog-products-list {
	overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
}

.catalog-products-list .catalog-product-item {
	vertical-align: top;
	display: inline-block;
	width: 200px;
	margin: 0 10px 20px 10px;
	text-align: center;
}

.gallery-collage-plus-element {
	margin: -5px -5px 10px -5px;
	padding: 5px; /* Отступ между картинками */
}

.gallery-fotorama-element {
	background-color: #eee;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 4px;
}

/* Галерея на странице (или в Overlay) предназначенной только для просмотра изображений. */
.gallery-fotorama-element[data-alone] {
	background-color: transparent;
	padding: 0;
	margin-bottom: 0;
	border-radius: 0;
}

.menu-main {
}

.menu-secondary {
}

/*
<div class="news-news-block-list">
	...
	<div class="news-news-block-item">...</div>
	...
</div>
*/

.news-news-block-list {
}

.news-news-block-list .news-news-item {
}

.news-news-block-list .news-news-item--image {
	float: none;
}

.news-news-item {
	overflow: hidden;
}

.news-news-item--date {
}

.news-news-item--header {
}

.news-news-item--image {
	float: right;
}

.news-news-item--short-text {
}

.news-news-item--text {
}

.news-news-item--gallery {
}

.news-news-item--button-back {
}

.news-news-item--button-gallery {
}

/*
<div class="news-news-list">
	...
	<div class="news-news-item">...</div>
	...
</div>
*/

.news-news-list {
}

.news-news-list .news-news-item {
}

/*
<div class="sitemap">
	<ul>
		<li>
			<a href="">Первый пункт</a>
		</li>
		<li>
			<a href="">Второй пункт</a>
			<ul>
				...
			</ul>
		</li>
		...
	</ul>
</div>
*/

.sitemap {
}