* { margin: 0; padding: 0; }
html {
	height: 100%;
	font-size: 100%;
	}
body {
	position: relative;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #222222;
	background: #fff url('/images/top-grad.png') repeat-x top;
	min-width: 980px;
	}

/* изображения */
img { border: none; }

/* ссылки */
a { color: #ff6666; }
.js-link {
	text-decoration: none;
	border-bottom: 1px dashed #ff6666;
	}

/* заголовки */
h1, h2, h3, h4 {
	position: relative;
	left: -10px;
	font-weight: normal;
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	color: #454545;
	width: 99%;
	}
h1 {
	font-size: 1.8em;
	margin: 1.3em 0 0.6em 0;
	}
h2 {
	font-size: 1.6em;
	margin: 2em 0 0.5em 0;
	}
h3 {
	font-size: 1.45em;
	margin: 2em 0 0.4em 0;
	}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 0 0;
	}

/* формы */
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	}
form.cart-link-form {
	border-bottom: 1px solid #81ca0f;
	}
form.link-form {
	border-bottom: 1px solid #ff6666;
	}
form.link-form input,
form.cart-link-form input {
	background: none;
	border: none;
	cursor: pointer;
	color: #ff6666;
	}
form.cart-link-form input {
	color: #81ca0f;
	}

fieldset { border: none; }

/* абзацы */
p {
	line-height: 1.5;
	margin-bottom: 1em;
	}

/* списки */
ul, ol {
	line-height: 1.5;
	margin: 0.5em 1em 0.5em 1em;
	}
ul { list-style-type: none; }
ol li { margin-left: 1em; }

/* индексы */
sup, sub { vertical-align: middle; position: relative; font-size: 75%; }
sup { bottom: 0.3em; }
sub { top: 0.3em; }

/* таблицы */
table { border-collapse: collapse; }
td { vertical-align: top; }
th { text-align: left; }
.info-table th, .info-table td { padding: 0 1em 0.4em 0; }
.info-table.list td { vertical-align: middle; }
.info-table td.padded { padding: 1em 1em 1em 0; }
.info-table input, .info-table textarea { width: 100%; }
.info-table input.auto { width: auto; }
th.number, td.number { text-align: right; }
th.number input, td.number input { text-align: right; }

/* разметка */
#container {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: url('/images/bottom-illustr.jpg') no-repeat right bottom;
	}

#top-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	background: url('/images/top-illustr.jpg') no-repeat 330px 0;
	}

#columns {
	position: relative;
	width: 100%;
	padding-top: 290px;		/* высота #top-block */
	padding-bottom: 180px;	/* высота #bottom-block + ... */
	overflow: hidden;
	}

#left-block {
	position: relative;
	left: 0;
	float: left;
	width: 355px;
	margin-right: -100%;
	}

#center-block {
	float: right;
	width: 100%;
	margin-right: -355px;	/* - ширина #left-block */
	position: relative;
	}

#content {
	margin-right: 445px 	/* ширина #left-block + ...*/
	}

#bottom-block {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 160px;
	width: 100%;
	}

/* шапка */
#logo {
	display: block;
	position: absolute;
	top: 69px;
	left: 18px;
	}

ul#menu {
	position: absolute;
	top: 183px;
	left: 75px;
	line-height: 1;
	font-size: 0;
	}
ul#menu li { margin: 0 0 1px 0; }
ul#menu img { font-size: 12px; }

#top-title {
	position: absolute;
	left: 50%;
	margin-left: 110px;
	top: 81px;
	width: 345px;
	height: 192px;
	background: url('/images/top-title.png');
	}

#search {
	position: absolute;
	top: 17px;
	right: 21px;
	}
#search .field { width: 160px; }
#search .field-light {
	width: 160px;
	color: #ccc;
	}
#search .button { background: url('/images/search-ico.png'); }

/* левый блок */
#left-block h3 {
	left: 0;
	margin-top: 0;
	}

#cart {
	width: 230px;
	margin: 40px 0 0 70px;
	background: url('/images/cart-illustr.png') no-repeat 15px 21px;
	}
#cart p {
	line-height: 1.1;
	padding: 0 12px 0 82px;
	margin-top: 20px;
	}
#cart h3 {
	position: absolute;
	width: auto;
	margin: 0;
	background: #fff;
	padding: 0 0.5em;
	top: -0.65em;
	left: 0.5em;
	}
a#order-link {
	display: block;
	float: left;
	margin: 2px 0 14px 63px;
	padding: 4px 0 0 18px;
	color: #81ca0f;
	font-size: 1.2em;
	font-weight: bold;
	background: url('/images/cart-ico.png') no-repeat left;
	}

.info-block {
		width: 230px;
		margin: 35px 0 0 75px;
	}

/* центральный блок */
#content ul {
	position: relative;
	left: -0.7em;
	margin-left: 0;
	}
#content li {
	background: url('/images/bullet.gif') no-repeat 0 0.6em;
	padding-left: 0.7em;
	}

/* подвал */
#bottom-block a { color: #3c86ae; }
#bottom-container {
	background: #f5e8ca url('/images/bottom-grad.png') repeat-x bottom;
	height: 115px;
	margin-right: 170px;
	padding-top: 45px;
	}
#bottom-container p { line-height: 1.3; }
#bottom-left-block {
	float: left;
	width: 275px;
	padding: 0 40px;
	}

/* продукты */
.product {
	margin: 7px 0 7px 90px;
	}
.product p { margin-bottom: 0.5em; }
.product .product-image {
	position: relative;
	float: left;
	margin-left: -110px;
	}
p.product-link {
	margin-bottom: 0;
	color: #3c86ae;
	font-size: 1.2em;
	font-weight: bold;
	}
.product-link a { color: #3c86ae; }
.product-number {
	font-size: 0.86em;
	color: #666;
	}
.product-description {}
.product-price {
	font-size: 1.2em;
	}

ul.product-list {
	margin-left: 0;
	margin-right: 0;
	}
.product-list li { margin-bottom: 0.2em; }
.product-list a { color: #3c86ae; }

ul#category-list, ul#page-list {
	float: left;
	position: relative;
	z-index: 10;
	left: -10px;
	width: 100%;
	margin: 0 0 1em -0.5em;
	}
#category-list li, #page-list li {
	float: left;
	background: none;
	margin: 0 0 0.75em 0;
	padding: 0 0.5em;
	line-height: 1;
	border-right: 1px solid #c6c6c6;
	}
#category-list li.last, #page-list li.last {
	padding-right: 0;
	border: none;
	}


#catalogue-table { width: 600px; }
#catalogue-table td { padding: 0 2em 1.5em 0; }
#category-table td { padding: 0 0 1.5em 0; }
#catalogue-table td.image, #category-table td.image { padding-right: 1em }
#product-table td.image { padding-right: 2em }
td.image .center {
	margin-top: 0.5em;
	font-size: 0.86em;
	}

.properties {
	margin: 0.5em 0;
	}
#category-table .properties td, .properties td {
	padding: 0.2em 0 0 0.5em;
	vertical-align: bottom;
	}
#category-table .properties td.property, td.property {
	background: url('/images/dotted-line.gif') repeat-x 0 90%;
	padding-right: 4em;
	padding-left: 0;
	white-space: nowrap;
	}
td.property span {
	background: #fff;
	font-size: 0.86em;
	color: #666;
	padding-right: 0.5em;
	}
a.cart-link { color: #81ca0f; }

#compare-table td, #compare-table th { padding: 0 1.5em 0.5em 0; }
#compare-table th {
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
	font-size: 0.86em;
	color: #666;
	}
#compare-table td.product { white-space: nowrap; }

/* разное */
.clear { clear: both; }

.nifty {
	display: block;
	position: absolute;
	font-size: 0;
	}
.n_tl { left: -1px; top: -1px; }
.n_tr { right: -1px; top: -1px; background-position: 100% 0; }
.n_bl { left: -1px; bottom: -1px; background-position: 0 100%; }
.n_br { right: -1px; bottom: -1px; background-position: 100% 100%; }

.nifty-form {
	position: relative;
	padding: 2px 0 0 5px;
	background: #fff url('/images/nifty-form-back.png') repeat-x;
	border-left: 1px solid #bdc4c7;
	border-right: 1px solid #bdc4c7;
	}
.nifty-form input {
	border: none;
	background: #fff;
	position: relative;
	font-size: 0.86em;
	}
.nifty-form .field {
	margin: 0 1px 0 4px;
	padding: 2px 0;
	}
.nifty-form .button {
	width: 11px;
	height: 11px;
	cursor: pointer;
	vertical-align: middle;
	margin: 0 4px 0 0;
	z-index: 1;
	}
.nifty-form .nifty {
	width: 9px; height: 9px;
	background-image: url('/images/nifty-form.png');
	}
.nifty-form .n_tl { top: 0; }
.nifty-form .n_tr { top: 0; }
.nifty-form .n_bl { bottom: 0; }
.nifty-form .n_br { bottom: 0; }

.nifty-block {
	position: relative;
	display: block;
	border: 1px solid #edeff0;
	}

.nifty-block .nifty {
	width: 11px; height: 11px;
	background-image: url('/images/nifty-block.gif');
	}
.nifty-block .inner { margin: 17px; }

.small { font-size: 0.86em; }
.right { text-align: right; }
.center { text-align: center; }
.hide  { display: none; }
.require { font-size: 1.2em; color: red; }
ul.error { font-size: 0.86em; color: red; margin-bottom: 2em; }
.no { color: #666; }
.inline,
.inline *,
.inline-inner * { display: inline; }

input.delete-button {
	display: block;
	width: 11px;
	height: 11px;
	}