#contents h1 {
	margin: 1.5em 0 1em 0;
}
#contents p {
	margin: 1em 0;
}
#contents ul, #contents ol {
	margin: 1em 0 1em 2em;
	padding: 0;
}
#contents hr {
	border: 0;
	height: 1px;
	color: #CCC;
	background: #CCC;
	margin: 1em 0;
}
#contents .block-text {
	margin: 1em;
}
#contents .subblock {
	background: #E6E2D6;
	width: 335px;
	height: 300px;
	margin: 0 0 3px 3px;
	float: left;
	display: inline;
}
#contents .subblock .subblock-pad {
	padding: 5px;
}
#contents .subblock h2 {
	font-size: 16px;
	margin-bottom: 0.7em;
}
#contents .subblock img {
	display: block;
	border: solid 1px #9F978A;
}
#contents .subblock form div {
	margin: 5px 0 0 0;
}
#contents .subblock form input,
#contents .subblock form textarea,
#contents .subblock form select {
	display: block;
	width: 320px;
	border: 2px inset #E6E2D6;
}
#contents .subblock form input.hidden {
	display: none;
}
#contents .subblock form textarea {
	height: 105px;
}
#contents .subblock form button {
	background: #9D9588;
	border: solid 1px #EDE9DD;
	color: #FFF;
	text-transform: lowercase;
	width: 152px;
	/*height: 22px;*/
}
#contents .subblock form button.reset {
	margin-left: 20px;
}
#contents .subblock form span.rule {
	color: #900;
}
#contents .subblock form span.error {
	padding-left: 1em;
	color: #900;
}
#contents .block-headed h1,
#contents .block-headed h2 {
	margin: 0 0 5px 0;
	padding: 10px;
	background: #D1CABE;
	font-size: 15px;
}

/* centered dropshadow images */
#contents .cdi-block { /* fixed-size block */
	text-align: center;
	display: table;
	#display: inline; /* ie hacks */
	#position: relative;
}
#contents .cdi-block .cdi-vcenter { /* vertically centered variable-height block */
	display: table-cell;
	vertical-align: middle;
	padding-left: 2px;
	padding-top: 1px;
	#position: absolute; /* ie hacks */
	#top: 50%;
	#left: 0;
	#width: 100%;
}
#contents .cdi-block .cdi-shadow { /* horizontally-centered variable-height inline block with dropshadow */
	display: -moz-inline-box; /* firefox hack */
	display: inline-block;
	padding: 0 5px 5px 0;
	background: url(images/shadow.gif) right bottom no-repeat;
	#position: relative;
	#top: -50%;
}
#contents .cdi-block img {
	border: solid 2px #FDFCFB;
	vertical-align: bottom;
}

#contents .breadcrumbs {
	margin-top: 25px;
	line-height: 34px;
	/*height: 34px;*/
	background: #9D9588;
	color: #FEFEFE;
	padding-left: 12px;
	font-size: 15px;
}
#contents .breadcrumbs a {
	color: #FEFEFE;
}
#contents .breadcrumbs ul,
#contents .breadcrumbs li {
	display: inline;
	margin: 0;
	padding: 0;
}
#contents .sublinks {
	padding: 12px;
}
#contents .sublinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#contents .sublinks li {
	float: left;
	width: 300px;
	padding: 3px 0 3px 20px;
	background: url(images/menu-marker.gif) 0 5px no-repeat;
}

#contents .block-title {
	border: 3px solid #9D9588;
	margin: 28px 0;
	color: #666;
	background: url(images/block-back.gif) bottom right no-repeat #E6E2D6;
	font-size: 15px;
}
#contents .block-title h1 {
	margin: .7em 0 .5em 0;
}
#contents .block-title p {
	margin: 0 10px 0 0;
}
#contents .block-title img {
	float: left;
	margin-right: 20px;
}
* html #contents .block-title {
	height: 1px; /* peekaboo */
}
#contents .block-lower {
	border-top: 3px solid #9D9588;
	margin-bottom: 60px;
	min-height: 390px;
	font-size: 15px;
}
* html #contents .block-lower {
	height: 390px;
}
#contents .block-lower h2 {
	margin: 12px 10px;
	line-height: 23px;
	padding-left: 30px;
}
#contents .block-lower .item {
	margin: 15px 20px;
}
#contents .block-lower .item-1 .date {
	color: #385EAB;
}
#contents .block-lower .item-2 .date {
	color: #B56239;
}
#contents .block-lower .menu {
	margin: 15px 20px 25px 20px;
	list-style: none;
}
#contents .block-lower .menu li {
	padding-left: 17px;
}
#contents .block-lower .menu li.category-1 {
	background: url(images/category-marker1.gif) 0 6px no-repeat;
}
#contents .block-lower .menu li.category-2 {
	background: url(images/category-marker2.gif) 0 6px no-repeat;
}
#contents .block-novelties {
	float: left;
	width: 342px;
}
#contents .block-novelties h2 {
	background: url(images/icon-novelties.gif) no-repeat;
}
#contents .block-news {
	float: right;
	width: 304px;
}
#contents .block-news h2 {
	background: url(images/icon-news.gif) no-repeat;
}

#contents .area {
	margin-left: -25px;
}
#contents .area-photos {
	margin-left: -20px;
}
#contents .block-floated {
	position: relative;
	width: 327px;
	height: 135px;
	float: left;
	display: inline;
	margin: 25px 0 0 25px;
}
#contents .block-floated .image {
	position: absolute;
	width: 85px;
	height: 120px;
	top: 7px;
	left: 7px;
}
#contents .block-floated .image img {
	border: solid 1px #A8A194;
	display: block;
}

#contents .block-person h2 {
	margin: 45px 0 0 110px;
	font-size: 15px;
}
#contents .block-person .info {
	margin-left: 110px;
	font-size: 15px;
}
#contents .block-person-detail h1 {
	margin: 10px 20px 0 230px;
}
* html #contents .block-person-detail {
	height: 1px; /* peekaboo */
}
#contents .block-person-detail .image {
	float: left;
	display: inline;
	margin: -22px 0 10px 10px;
}
#contents .block-person-detail .image img {
	border: solid 1px #A8A194;
	display: block;
}
#contents .block-person-detail .info {
	margin: 0 20px 0 230px;
}
#contents .block-person-detail .text {
	margin: 0 20px 0 230px;
}

#contents .block-news-item {
	padding: 12px;
	margin: 25px 0 0 0;
}
* html #contents .block-news-item {
	height: 1px; /* peekaboo */
}
#contents .block-news-item h1,
#contents .block-news-item h2 { /* has to go before catalogue styles */
	font-size: 14px;
	margin: 0 0 1em 0;
}
#contents .block-news-item .block-item {
	margin: 0 10px 10px 0;
}

#contents .block-item h2 {
	margin: 7px 0 0 110px;
	font-size: 14px;
	font-weight: normal;
}
#contents .block-item h2 a {
	font-size: 15px;
	font-weight: bold;
	padding-left: 5px;
}
#contents .block-item .price {
	position: absolute;
	top: 95px;
	left: 110px;
	width: 200px;
	height: 30px;
	padding-top: 5px;
	border-top: solid 1px #CCC;
}
#contents .block-item .price button {
	position: absolute;
	right: 0;
	top: 5px;
	height: 21px;
	padding-left: 25px;
	background: url(images/icon-buy.gif) no-repeat;
	cursor: pointer; cursor: hand;
	border: none;
}
#contents .block-item-detail {
	position: relative;
}
#contents .block-item-detail h1 {
	margin: 10px 20px 0 230px;
	font-weight: normal;
	font-size: 15px;
}
* html #contents .block-item-detail {
	height: 1px; /* peekaboo */
}
#contents .block-item-detail .image {
	float: left;
	display: inline;
	margin: -22px 0 50px 10px; /* reserves space for price */
}
#contents .block-item-detail .image img {
	border: solid 1px #A8A194;
	display: block;
}
#contents .block-item-detail .text {
	margin: 0 20px 0 230px;
}
#contents .block-item-detail .comment {
	margin: 0 20px 0 230px;
	border-top: solid 1px #CCC;
	padding: 15px 0;
}
#contents .block-item-detail .comment a {
	display: block;
	padding-left: 40px;
	line-height: 45px;
	height: 45px;
	background: url(images/file-any.gif) left no-repeat;
}
#contents .block-item-detail .comment-doc a { background: url(images/file-doc.gif) left no-repeat; }
#contents .block-item-detail .comment-pdf a { background: url(images/file-pdf.gif) left no-repeat; }
#contents .block-item-detail .comment-rar a { background: url(images/file-rar.gif) left no-repeat; }
#contents .block-item-detail .comment-txt a { background: url(images/file-txt.gif) left no-repeat; }
#contents .block-item-detail .comment-xls a { background: url(images/file-xls.gif) left no-repeat; }
#contents .block-item-detail .comment-zip a { background: url(images/file-zip.gif) left no-repeat; }
/* same as #contents .block-item a.buy { */
#contents .block-item-detail .price {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 203px;
	height: 30px;
	padding-top: 5px;
}
#contents .block-item-detail .price button {
	position: absolute;
	right: 0;
	top: 5px;
	height: 21px;
	padding-left: 25px;
	background: url(images/icon-buy.gif) no-repeat;
	cursor: pointer; cursor: hand;
	border: none;
}

#contents .block-feedback {
	margin: 8px 0;
}
#contents .block-feedback .subblock {
	height: 200px;
}
#contents .block-feedback .subblock form textarea {
	height: 75px;
}

#contents .pager {
	text-align: right;
	margin: 25px 0 0 0;
}

#contents .photo-small {
	float: left;
	margin: 20px 0 0 20px;
	width: 153px;
	height: 153px;
	border: solid 1px #EDE9DD;
	background: #E4DEC7;
}
#contents .photo-large {
	margin-bottom: 25px;
	/* position: relative; */ /* ie doesn't like it */
}
#contents .photo-large .image {
	#float: left; /* ie fix??? */
	margin: 5px 55px;
	width: 570px;
	height: 570px;
	border: solid 1px #D7D2CA;
	background: #E8E3D6;
}
#contents .photo-large .sibling {
	display: block;
	position: absolute;
	width: 25px;
	height: 33px;
	top: 325px;
}
#contents .photo-large .prev {
	left: 290px;
}
#contents .photo-large .next {
	left: 915px;
}
#contents .photo-large .sibling img {
	display: block;
}
#contents .photo-large .text {
	margin: 5px 55px;
}

#contents .cart-head {
	padding: 30px 0 30px 100px;
	background: url(images/cart.gif) no-repeat 15px 50% #EDE9DD;
	margin-bottom: 15px;
}
#contents .cart-body th {
	font-weight: normal;
}
#contents .cart-body td {
	background: #EDE9DD;
	border: solid 1px #9D9588;
	vertical-align: center;
}
#contents .cart-body td.image {
	text-align: center;
	padding: 8px 0;
	width: 97px;
}
#contents .cart-body td.image img {
	border: solid 1px #9D9588;
	vertical-align: bottom;
}
#contents .cart-body td.name {
	line-height: 36px;
	font-size: 15px;
	width: 343px;
}
#contents .cart-body td.name .pad {
	padding: 20px;
}
#contents .cart-body td.qty {
	text-align: center;
	width: 130px;
}
#contents .cart-body td.delete {
	text-align: center;
	width: 107px;
}
#contents .cart-body th.gap {
	font-size: 10px;
	line-height: 10px;
}
#contents .cart-body button {
	width: 90px;
	height: 21px;
	border: none;
	background: url(images/button-update.gif);
	display: block;
}
#contents .cart-body button span {
	position: absolute;
	left: -5000px;
}
#contents .cart-checkout {
	margin-left: 100px;
	margin-top: -21px;
}
#contents .cart-checkout button {
	width: 133px;
	height: 21px;
	border: none;
	background: url(images/button-checkout.gif);
	display: block;
}
#contents .cart-checkout button span {
	position: absolute;
	left: -5000px;
}

#contents .block-checkout .subblock {
	height: 365px;
}

/* calculator */
#contents #calculator {
	width: 689px;
	height: 458px;
	margin: 12px -7px 30px 0;
	background: url(images/solution.gif) no-repeat;
	position: relative;
}
#contents #calculator h2 {
	position: absolute;
	line-height: 32px;
	font-size: 15px;
}
#contents #calculator div {
	height: 47px;
	width: 320px;
	position: absolute;
}
#contents #calculator ul {
	width: 320px;
	position: absolute;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#contents #calculator li {
	padding: 0 0 5px 20px;
	background: url(images/notick.gif) no-repeat 0 1px;
}
#contents #calculator li.ticked {
	background: url(images/tick.gif) no-repeat 0 1px;
}
#contents #calculator label {
	width: 105px;
	float: left;
	text-align: right;
	margin-right: 5px;
}
#contents #calculator select {
	font-size: 11px;
	width: 140px;
	border: 2px inset #E6E2D6;
}
#contents #calculator .select-more {
	font-size: 12px;
}
#contents #calculator .select-price {
	margin-left: 115px;
}
#contents #calculator-machine-h2 {
	top: 0;
	left: 15px;
}
#contents #calculator-machine {
	top: 50px;
	left: 6px;
}
#contents #calculator-grinder {
	top: 98px;
	left: 6px;
}
#contents #calculator-payment {
	top: 145px;
	left: 6px;
	height: 30px;
}
#contents #calculator-months {
	top: 175px;
	left: 6px;
	height: 30px;
}
#contents #calculator-months label {
	width: 205px;
}
#contents #calculator-months select {
	width: 40px;
}
#contents #calculator-equipment_cost {
	top: 215px;
	left: 6px;
}
#contents #calculator-equipment_total {
	top: 270px;
	left: 15px;
}
#contents #calculator-coffee-h2 {
	top: 0;
	left: 364px;
}
#contents #calculator-coffee {
	top: 50px;
	left: 354px;
}
#contents #calculator-grams_per_cup {
	top: 98px;
	left: 354px;
}
#contents #calculator-grams_per_cup select {
	width: 40px;
}
#contents #calculator-cup_cost {
	top: 165px;
	left: 354px;
}
#contents #calculator-cups_per_day {
	top: 255px;
	left: 354px;
}
#contents #calculator-cups_per_day label {
	width: 255px;
}
#contents #calculator-cups_per_day select {
	width: 50px;
}
#contents #calculator-result-h2 {
	top: 315px;
	left: 15px;
}
#contents #calculator #calculator-result {
	top: 360px;
	left: 6px;
	width: 430px;
}
#contents #calculator #calculator-next {
	top: 360px;
	left: 445px;
	width: 215px;
}
#contents #calculator button {
	width: 81px;
	height: 23px;
	border: none;
	background: url(images/button-next.gif) no-repeat;
	float: right;
	margin-top: 20px;
}
#contents #calculator button span {
	position: absolute;
	left: -5000px;
}

#contents .block-calculator {
	padding: 3px 0 23px 0;
}
#contents .block-calculator .subblock {
	height: 380px;
}
#contents .block-calculator ul.solution {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contents .block-calculator ul.solution li {
	padding: 0 0 3px 20px;
	background: url(images/tick.gif) no-repeat 0 1px;
}
#contents .block-calculator button {
	float: right;
	width: 108px;
	height: 23px;
	border: none;
	background: url(images/button-print.gif);
}
#contents .block-calculator button span {
	position: absolute;
	left: -5000px;
}
#contents .block-checkout-calculator {
	margin: 12px 0 25px 0;
}

