* {
	font-family: "Trebuchet MS", Arial;
}

body {
	background: #d1ebb0 url(background.png) repeat-x;
}

.container {
	width: 820px;
	margin: auto;
	background: url(container.png) center repeat-y;
}

.document {
	background-repeat: no-repeat;
	height: 204px;
	min-height: 204px;
	margin: 165px 13px 0 13px;
	padding-bottom: 40px;
}

html > body .document {
	height: auto;
}

.left, .body, .right {
	margin-top: 224px;
	float: left;
}

.left {
	overflow: hidden;
	width: 249px;
	text-align: center;
}

.body {
	overflow: hidden;
	color: #454;
	font-size: 12px;
}

.body h1 {
	display: block;
	margin: auto;
	font-size: 24px;
	line-height: 38px;
	color: #83c653;
	margin-bottom: 12px;
}

.body h2 {
	display: block;
	margin: auto;
	line-height: 23px;
	font-size: 16px;
	color: #83c653;
}

.body a {
	color: #454;
}

.body a:hover {
	color: #83c653;
}

.body .step {
	width: 350px;
	margin: 30px auto 15px;
	text-align: center;
}

.body .step .dot {
	background: url(stepdot.png) left bottom repeat-x;
	width: 62px;
	height: 29px;
	float: left;
}

.body .step .dot-active {
	background: url(stepdot-active.png) left bottom repeat-x;
	width: 62px;
	height: 29px;
	float: left;
}

.body .step .box {
	width: 52px;
	height: 52px;
	margin: 0 10px;
	float: left;
}

.body .step1 { background: url(step1-active.png); }
.body .step2 { background: url(step2.png); }
.body .step3 { background: url(step3.png); }

.body .step1-active { background: url(step1-active.png); }
.body .step2-active { background: url(step2-active.png); }
.body .step3-active { background: url(step3-active.png); }

.body .submit {
	margin-top: 25px;
	position: relative;
	height: 28px;
}

.body .submit .to-left, .body .submit .to-right {
	position: absolute;
	top: 0px;
}

.body .submit .to-left {
	left: 0px;
}

.body .submit .to-center {
	text-align: center;
}

.body .submit .to-right {
	right: 0px;
}

.body .submit-right {
	text-align: right;
}

.body .navigation {
	list-style: none;
}

.body .navigation li {
	display: inline;
}

.body .product-view {
	color: #000;
}

.body .product-view .id, .body .product-view .price {
	float: left;
	font-weight: bold;
	padding: 10px 0;
}

.body .product-view .price {
	padding-left: 15px;
}

.body .product-view .amount {
	text-align: right;
	
}

.body .product-view .amount input {
	width: 30px;
	height: 19px;
}

.body .product-view .amount input.button {
	font-size: 10px;
	width: auto;
}

.body .product-view .center {
	padding: 15px 0 5px;
	text-align: center;
}

.body div.delivery {
	display: block;
	background: #eee;
	border: 1px solid #ccc;
	margin: 5px 0 5px 15px;
	padding: 10px 10px;
}

.body .delivery .name {
	font-weight: bold;
	float: left;
}

.body .delivery .price {
	font-weight: bold;
	float: right;
}

.body div.payment {
	display: block;
	background: #eee;
	border: 1px solid #ccc;
	margin: 5px 0 5px 15px;
	padding: 10px 10px;
}

.body .payment .name {
	font-weight: bold;
}

.body .webshop-boxes .box {
	display: block;
	padding: 1px 9px 9px 1px;
	margin-right: 13px;
	width: 165px;
	height: 165px;
	float: left;
	text-decoration: none;
}

.body .webshop-boxes .box span {
	display: block;
	margin-top: 120px;
	text-align: center;
	font: bold 18px arial;
	color: #010101;
}

.body .settings {
	background: #eee;
	border: 1px solid #ccc;
	padding: 15px;
	margin-bottom: 15px;
}

.body .settings label {
	font: bold 12px tahoma;
}

.body .settings dt {
	display: block;
	min-height: 0px;
}

.body .settings .field {
	border: 1px solid #A0A0A0;
	padding: 3px 0 3px 2px;
}

.body .settings input {
	margin: 5px 15px 10px;
}

.body .search {
	text-align: center;
}

.body .item.reverse h1 {
	margin-top: 20px;
}

.right {
	width: 211px;
	overflow-x: hidden;
}

.right .menu {
	display: block;
	width: 175px;
	margin: auto;
	list-style: none;
	list-style-position: outside;
}

.right .menu li {
	display: block;
	background: url(button.png) no-repeat;
	min-height: 30px;
	height: 30px;
}

html > body .right .menu li {
	height: auto;
}

.right .menu a {
	display: block;
	width: 175px;
	height: 22px;
	font: bold 10px/22px Verdana;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.right .menu .menu {
	margin: 10px 0 8px 5px;
}

.right .menu .menu .menu {
	margin: 0 0 0 5px;
}

.right .menu li li {
	min-height: 19px;
	height: 19px;
	background: none;
}

html > body .right .menu li li {
	height: auto;
}

.right .menu .menu a {
	display: inline;
	text-align: left;
	color: #5bac11;
}

.right .menu .menu .menu a {
	color: #666;
	font-weight: normal;
}

.right .cart {
	padding-top: 10px;
	width: 175px;
	margin: auto;
	font-size: 12px;
}

.right .cart * {

}

.right .cart .name {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}

.right .cart .arrow {
	height: 22px;
	background: url(cart-arrow.gif) left no-repeat;
}

.right .cart .arrow a {
	line-height: 22px;
	color: #444;
	padding-left: 24px;
}

.right .cart .space {
	height: 10px;
}

.document.has-banner .right {
	min-height: 204px;
	height: 204px;
	background: #fff;
	margin-top: 0px;
}

html > body .document.has-banner .right {
	height: auto;
}

.has-left .body {
	width: 545px;
}

.has-right .body {
	width: 565px;
	padding-left: 18px;
}

.has-both .body {
	width: 334px;
}

.banner {
	display: block;
	width: 165px;
	overflow: hidden;
	margin: auto;
	margin-top: 10px;
	background: url(box.gif);
	text-decoration: none;
	font-size: 21px;
	color: #83c653;
	cursor: pointer !important;
}

.banner .banner-top {
	display: block;
	background: url(box-top.gif) top no-repeat;
}

.banner .banner-bottom {
	display: block;
	padding: 15px;
	background: url(box-bottom.gif) bottom no-repeat;
}

.banner .banner-content {
	text-align: center;
	height: 145px;
	min-height: 145px !important;
	display: block;
	background-repeat: no-repeat;
	background-position: right bottom;
}

html > body .banner .banner-content {
	height: auto;
}

.banner .banner-content span, .banner .banner-content img {
	display: block;
	margin: auto;	
}

.banner .banner-content span {
	font-size: 15px;
}

.banner.product .banner-bottom {
	background: url(box-bottom-product.gif) bottom no-repeat;
}

.banner.product .banner-content {
	text-align: left;
}

.banner.login {
	font-size: 12px;
	cursor: default !important;
}

.banner.login .banner-content {
	color: #454;
	text-align: left;
}

.banner.login .field {
	border: 1px solid #A0A0A0;
	padding: 3px 0 3px 2px;
}

.banner.login input {
	margin-bottom: 5px;
}

.banner.login label {
	font: bold 12px tahoma;
}

.banner.login a {
	color: #83c653;
}

.banner.login a:hover {
	text-decoration: none;
}

.head {
	
}

.head .logo {
	background: url(logo.png);
	width: 820px;
	height: 128px;
	text-align: center;
}

.head .logo h1 {
	position: relative;
	padding-top: 55px;
	font-size: 30px;
	height: 38px;
	font-weight: bold;
	color: #f6fbf0;
}

.head .logo h2 {
	font-size: 18px;
	color: #caea8e;
}

.head .menu {
	display: block;
	width: 790px;
	background: url(menu.png);
	height: 37px;
	overflow: hidden;
	margin: 0 10px;
	padding: 0 5px;
}

.head .menu li {
	display: inline;
	list-style: none;
}

.head .menu a {
	display: block;
	float: left;
	height: 37px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 37px;
	padding: 0 7px;
}

.head .menu a:hover {
	background: url(menu-over.gif);
}

.head .menu a.selected, .head .menu a:hover {
	background: url(menu-selected.gif) !important;
}

.foot {
	width: 760px;
	height: 27px;
	margin: 0 30px;
	font-size: 10px;
	line-height: 27px;
	padding-top: 3px;
	color: #898989;
	text-align: center;
	background: url(footer.gif) repeat-x;
}

.foot a {
	color: #898989;
}


.foot a:hover {
	color: #83c653;
}

.total {
	margin-top: 25px;
	margin-left: 300px;
}

.total .label {
	font-weight: bold;
	float: left;
	width: 100px;
}

.line-total {
	height: 28px;
	padding: 0 10px;
	background: url(button-bg.png);
	margin-bottom: 15px;
}

.line-total .label {
	float: left;
}

.line-total .value {
	float: right;
}

.line-total .font {
	font: bold 18px/28px arial;
	color: #fff;
}

.options {
	margin: 0 10px 15px;
}

.options h1 {
	margin: 0;
}

.options .label {
	margin: 8px 15px;
}

.body .contact {
	margin: 20px 0 20px;
	text-align: center;
	font-size: 10px;
}

input.button {
	font: bold 14px arial;
	background: url(button-bg.png);
	height: 28px;
	color: #fff;
	border: 1px solid #b6b6b6;
	margin: 0;
	padding: 0 5px;
	width: auto;
	overflow: visible;
	cursor: pointer;
}

input.button:active {
	background: url(button-active.png);
}

table.list {
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	width: 100%;
	margin-top: 25px;
}

table.list th {
	background: url(list.png);
	height: 19px;
	color: #fff;
	padding: 0 5px;
	text-align: left;
}

table.list td {
	padding: 0 5px;
}

table.list td.input {
	padding: 0;
}

table.list td.input input {
	width: 50px;
}

table.list tr.line td {
	background: url(dot.gif) bottom repeat-x;
	height: 1px;
}

table.list tr.big td {
	font-size: 14px;
}

table.list tr.bold td {
	font-weight: bold;
}

table.list .clickable {
	cursor: pointer;
}

.items .item {
	padding: 7px 0;
	background: url(dot.gif) bottom repeat-x;
}

.items.reverse .item {
	padding-top: 15px;
	background-position: top;
}

.items .information h2 {
	margin: 0;
}

.items .information h2 a {
	color: #83C653;
	text-decoration: none;
}

.items .information {
	width: 475px;
	float: left;
}

.items .thumb {
	width: 80px;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	margin-right:10px;
}

.items .bottom {
	padding: 3px 0 0;
	color: #000;
}

.items .description {
	float: left;
	font-weight: bold;
}

.items .description div {
	float: left;
}

.items .description div.id {
	padding-right: 25px;
}

.items .amount {
	float: right;
	font-weight: bold;
}

.items .amount input {
	width: 30px;
	height: 19px;
}

.items .amount .button {
	background: url(button-bg-small.png);
	font-size: 10px;
	width: auto;
	height: 19px;
}