html {
	background-color: #F1EFEA;
	background-image: url('../img/bg-body.gif');
	background-position: top;
	background-repeat: repeat-x;
}
body {
	font-family: sans-serif;
	font-size: 12px;
	width: 880px;
	margin: 0px auto;
	padding: 0px;
}
a {
	outline: none;	
}
#container {
	width: 100%;
}
	#container .success, #container .error {
		font-size: 14px;
		background-color: #EAFFDF;
		margin: 0px 0px 5px 0px;
		padding: 10px 8px 6px;
		border-bottom: 1px solid #BADFA7;
	}
	#container .error {
		background-color: #FFDFDF;
		border-color: #DF9999;
	}
	#container .left {
		width: 220px;
		margin: 0px 20px 0px 0px;
	}
		#container .left #logo {
			background-image: url('../img/logo.gif');
			background-position: top;
			background-repeat: no-repeat;
			width: 220px;
			height: 245px;
			margin: 0px 0px 70px 0px;
			padding: 0px;
		}
			#container .left #logo a {
				 width: 220px;
				 height: 245px;
				 float: left;
			}
				#container .left #logo a span {
					display: none;
				}
		#container .left .options {
			margin: 0px 0px 40px 0px;
			padding: 0px;
			list-style: none;
		}
			#container .left .options li a {
				background-image: url('../img/button-checkout.gif');
				background-position: top;
				background-repeat: no-repeat;
				width: 220px;
				height: 28px;
				float: left;
				margin: 0px 0px 10px 0px;
			}
				#container .left .options li a span {
					display: none;
				}
			#container .left .options .clear-order a {
				background-image: url('../img/button-clear.gif');
			}
		#container .left .categories {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
			#container .left .categories li {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 15px;
				padding: 8px;
				border-bottom: 1px dotted #8D8264;
			}
				#container .left .categories li a {
					text-decoration: none;
					color: #623410;
				}
				#container .left .categories li.active a {
					font-weight: bold;
					color: #44641B;
				}
			#container .left .categories:last-child {
				border-bottom: none;
			}
	#container .right {
		width: 640px;
		float: right;
	}
		#container .right #navigation {
			margin: 0px;
			padding: 0px 0px 30px 0px;
			list-style: none;
		}
			#container .right #navigation li {
				width: 121px;
				height: 36px;
				float: left;
				margin: 0px 15px 20px 15px;
			}
				#container .right #navigation li a {
					font-family: Georgia;
					font-size: 14px;
					font-style: italic;
					text-decoration: none;
					color: #f2e2e0;
					line-height: 30px;
					background-image: url('../img/bg-navigation-link.gif');
					background-position: 0px 0px;
					background-repeat: no-repeat;
					width: 94px;
					height: 36px;
					padding: 0px 0px 0px 27px;
					float: left;
				}
				#container .right #navigation li a:hover, #container .right #navigation li.active a {
					background-position: 0px -36px;
				}
		#container .right .patches {
			background-image: url('../img/patches.gif');
			background-position: top;
			background-repeat: no-repeat;
			width: 630px;
			height: 206px;
		}
		#container .right #welcome {
			color: #777;
			line-height: 22px;
			background-color: #F2F0EB;
			background-image: url('../img/box-welcome.gif');
			background-position: bottom;
			background-repeat: no-repeat;
			width: 600px;
			height: 112px;
			padding: 15px;
		}
			#container .right #welcome h3 {
				font-family: Arial, sans-serif;
				font-size: 17px;
				color: #fff;
				background-color: #8F4032;
				margin: 0px;
				padding: 5px;
				display: inline-block;
			}
		#container .right h2 {
			font-size: 21px;
			color: #8F4032;
			margin: 10px;
			padding: 0px;
		}
		#container .right .breadcrumbs {
			font-size: 13px;
			color: #414141;
			padding: 0px 0px 15px 10px;
		}
			#container .right .breadcrumbs a {
				color: #000;
				text-decoration: none;
			}
			#container .right .breadcrumbs a:hover {
				text-decoration: underline;
			}
			#container .right .breadcrumbs em {
				font-style: normal;
				font-weight: bold;
				color: #486B1D;
			}
		#container .right .categories {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
			#container .right .categories li {
				background-image: url('../img/bg-product.png');
				background-position: top;
				background-repeat: no-repeat;
				width: 288px;
				height: 100%;
				margin: 0px 0px 20px 0px;
				padding: 15px;
				position: relative;
				float: left;
			}
				#container .right .categories li h3 {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 20px;
					text-align: center;
					display: block;
				}
					#container .right .categories li h3 a {
						text-decoration: none;
						color: #3c5818;
						height: auto;
					}
				#container .right .categories li .thumbnail {
					text-align: center;
					margin: 10px 24px;
					border: none;
				}
				#container .right .categories li .options {
					text-align: center;
					padding: 10px 20px 0px 20px;
					display: block;
				}
				#container .right .categories li a {
					height: 240px;
					display: block;
				}
				#container .right .categories li .options span.count {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 12px;
					text-align: center;
					text-decoration: none;
					color: #fff;
					line-height: 23px;
					background-image: url('../img/bg-red-button.gif');
					background-position: left;
					background-repeat: no-repeat;
					height: 23px;
					float: left;
					margin: 0px;
					padding: 0px 8px;
				}
				#container .right .categories li .options a.view {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 12px;
					text-decoration: none;
					color: #fff;
					line-height: 23px;
					background-image: url('../img/bg-green-button.gif');
					background-position: left;
					background-repeat: no-repeat;
					height: 23px;
					float: left;
					margin: 0px 25px 0px 0px;
				}
					#container .right .categories li .options .view em {
						text-align: center;
						background-image: inherit;
						background-position: right;
						background-repeat: no-repeat;
						width: 100%;
						height: 100%;
						margin: 0px 0px 0px 12px;
						padding: 0px 12px 0px 0px;
						float: left;
					}
				#container .right .categories .bottom {
					background-image: inherit;
					background-position: bottom;
					background-repeat: no-repeat;
					clear: both;
					width: 100%;
					height: 15px;
					margin: 0px;
					position: absolute;
					bottom: -10px;
					left: 0px;
				}
		#container .right .products {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
			#container .right .products li {
				background-image: url('../img/bg-product.png');
				background-position: top;
				background-repeat: no-repeat;
				width: 288px;
				height: 100%;
				margin: 0px 0px 20px 0px;
				padding: 15px;
				position: relative;
				float: left;
			}
				#container .right .products li h3 {
					font-size: 12px;
					color: #8F4032;
					margin: 0px;
					padding: 0px;
				}
					#container .right .products li h3 a {
						text-decoration: none;
						color: #8F4032;
						background-image: url('../img/product-paw.gif');
						background-position: left;
						background-repeat: no-repeat;
						padding: 0px 0px 0px 20px;
						float: left;
					}
				#container .right .products li .thumbnail {
					background-image: url('../img/bg-product-image.gif');
					background-position: 0px 1px;
					background-repeat: repeat-x;
					width: 109px;
					height: 74px;
					margin: 0px 10px 10px 0px;
					padding: 10px 9px;
					float: left;
					border: 1px solid #eee;
				}
				#container .right .products li p {
					font-size: 13px;
					line-height: 18px;
					color: #aaa;
					padding: 0px;
				}
				#container .right .products li span.price {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 12px;
					text-align: center;
					text-decoration: none;
					color: #fff;
					line-height: 23px;
					background-image: url('../img/bg-red-button.gif');
					background-position: left;
					background-repeat: no-repeat;
					width: 55px;
					height: 23px;
					float: right;
					margin: 0px;
				}
				#container .right .products li a.info {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 12px;
					text-decoration: none;
					color: #fff;
					line-height: 23px;
					background-image: url('../img/bg-green-button.gif');
					background-position: left;
					background-repeat: no-repeat;
					width: 49px;
					height: 23px;
					float: right;
					margin: 0px 25px 0px 0px;
				}
					#container .right .products li .info em {
						text-align: center;
						background-image: inherit;
						background-position: right;
						background-repeat: no-repeat;
						width: 100%;
						height: 100%;
						margin: 0px 0px 0px 12px;
						padding: 0px 12px 0px 0px;
						float: left;
					}
				#container .right .products .bottom {
					background-image: inherit;
					background-position: bottom;
					background-repeat: no-repeat;
					clear: both;
					width: 100%;
					height: 15px;
					margin: 0px;
					position: absolute;
					bottom: -10px;
					left: 0px;
				}
		#container .right .products-compact {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
			#container .right .products-compact li {
				background-image: url('../img/bg-product-compact.png');
				background-position: top;
				background-repeat: no-repeat;
				width: 156px;
				height: 100%;
				margin: 0px 0px 25px 0px;
				padding: 0px;
				position: relative;
				float: left;
			}
				#container .right .products-compact li h3 {
					font-size: 12px;
					color: #8F4032;
					margin: 0px;
					padding: 10px 15px;
					height: 36px;
				}
					#container .right .products-compact li h3 a {
						text-decoration: none;
						color: #8F4032;
						background-image: url('../img/product-paw.gif');
						background-position: left;
						background-repeat: no-repeat;
						padding: 0px 0px 0px 16px;
						float: left;
					}
				#container .right .products-compact li .thumbnail {
					background-image: url('../img/bg-product-image.gif');
					background-position: 0px 1px;
					background-repeat: repeat-x;
					width: 109px;
					height: 74px;
					margin: 10px 15px;
					padding: 10px 9px;
					border: 1px solid #eee;
				}
				#container .right .products-compact li p {
					font-size: 11px;
					color: #aaa;
					margin: 0px 15px;
					padding: 0px;
					height: 24px;
					overflow: hidden;
				}
				#container .right .products-compact li .price {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 12px;
					text-align: center;
					text-decoration: none;
					color: #fff;
					line-height: 23px;
					background-image: url('../img/bg-red-button.gif');
					background-position: left;
					background-repeat: no-repeat;
					width: 55px;
					height: 23px;
					float: left;
					margin: 10px 0px 0px 15px;
				}
				#container .right .products-compact li .info {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 12px;
					text-decoration: none;
					color: #fff;
					line-height: 23px;
					background-image: url('../img/bg-green-button.gif');
					background-position: left;
					background-repeat: no-repeat;
					width: 49px;
					height: 23px;
					float: left;
					margin: 10px 0px 0px 0px;
				}
					#container .right .products-compact li .info em {
						text-align: center;
						background-image: inherit;
						background-position: right;
						background-repeat: no-repeat;
						width: 100%;
						height: 100%;
						margin: 0px 0px 0px 12px;
						padding: 0px 12px 0px 0px;
						float: left;
					}
				#container .right .products-compact .bottom {
					background-image: inherit;
					background-position: bottom;
					background-repeat: no-repeat;
					clear: both;
					width: 100%;
					height: 20px;
					margin: 0px;
					position: absolute;
					bottom: -20px;
					left: 0px;
				}
		#container .right .pages {
			list-style: none;
			float: right;
		}
			#container .right .pages li {
				text-align: center;
				background-color: transparent;
				float: left;
				margin: 0px 5px 0px 0px;
				padding: 5px 6px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
				#container .right .pages li a {
					font-weight: bold;
					text-decoration: none;
					color: #5a2d0a;
				}
			#container .right .pages li.current {
				background-color: #5a2d0a;
			}
				#container .right .pages li.current a {
					color: #fff;
				}
		#container .right .product {}
			#container .right .product .image {
				background-image: url('../img/bg-product-image.gif');
				background-position: 0px 1px;
				background-repeat: repeat-x;
				margin: 10px 10px 10px 0px;
				padding: 15px;
				border: 1px solid #eee;
			}
			#container .right h3 {
				color: #555;
				margin: 0px;
				padding: 0px;
			}
			#container .right .options {
				float: right;
				display: block;
			}
				#container .right .product .options span.price {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 12px;
					text-align: center;
					text-decoration: none;
					color: #fff;
					line-height: 23px;
					background-image: url('../img/bg-red-button.gif');
					background-position: left;
					background-repeat: no-repeat;
					width: 55px;
					height: 23px;
					float: left;
					margin: 0px;
				}
				#container .right .product .options a.purchase {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 12px;
					text-decoration: none;
					color: #fff;
					line-height: 23px;
					background-image: url('../img/bg-green-button.gif');
					background-position: left;
					background-repeat: no-repeat;
					height: 23px;
					float: left;
					margin: 0px 25px 0px 0px;
				}
					#container .right .product .options .purchase em {
						text-align: center;
						background-image: inherit;
						background-position: right;
						background-repeat: no-repeat;
						width: 100%;
						height: 100%;
						margin: 0px 0px 0px 12px;
						padding: 0px 12px 0px 0px;
						float: left;
					}
					#container .right .product .options .purchase123 {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 12px;
					text-decoration: none;
					color: #fff;
					line-height: 23px;
					background-image: url('../img/bg-green-button.gif');
					background-position: left;
					background-repeat: no-repeat;
					height: 23px;
					width:110px;
					border:0px;
					float: left;
				}
					#container .right .product .options .purchase123 em {
						text-align: center;
						background-image: inherit;
						background-position: right;
						background-repeat: no-repeat;
						width: 100%;
						height: 100%;
						margin: 0px 0px 0px 12px;
						padding: 0px 12px 0px 0px;
						float: left;
					}
		#container .right .content {
			background-image: url('../img/bg-content.png');
			background-position: top;
			background-repeat: no-repeat;
			width: 596px;
			padding: 20px;
			position: relative;
		}
			#container .right .content h2 {
				margin: 0px;
			}
			#container .right .content p {
				font-size: 13px;
				color: #7A7A7A;
				line-height: 18px;
			}
				#container .right .content p a {
					color: #ed1c24;
				}
				#container .right .content p img {
					margin: 0px 5px;
				}
			#container .right .content .bottom {
				background-image: inherit;
				background-position: bottom;
				background-repeat: no-repeat;
				width: 636px;
				height: 20px;
				position: absolute;
				bottom: -10px;
				left: 0px;
				clear: both;
			}
			#container .right .content .cart {
			
			}
				#container .right .content .cart table {
					width: 100%;
					margin: 0px 0px 20px 0px;
				}
					#container .right .content .cart table tr td {
						font-size: 12px;
						color: #999;
						padding: 8px 0px;
					}
						#container .right .content .cart table tr td a {
							color: #888;
						}
						#container .right .content .cart table tr td a:hover {
							color: #333;
						}
						#container .right .content .cart table tr td input {
							margin: 0px;
						}
						#container .right .content .cart table tr td input.quantity {
							font-family: sans-serif;
							font-size: 12px;
							color: #666;
							background-image: url('../img/bg-input-small.gif');
							background-position: top;
							background-repeat: repeat-x;
							padding: 2px;
							border: 1px solid #dedede;
						}
					#container .right .content .cart table tr.heading td {
						font-size: 13px !important;
						font-weight: bold;
						color: #666;
						border-bottom: 1px dotted #aaa;
					}
					#container .right  .content .cart table tr.total td {
						color: #444;
						padding: 8px 0px 8px 15px;
						border-width: 1px 0px;
						border-style: dotted;
						border-color: #aaa;
					}
					#container .right .content .cart table tr.total a {
						font-weight: bold;
						float: right;
					}
			#container .right .content .checkout {
				
			}
				#container .right .content .checkout table tr td {
					padding: 5px 20px 5px 5px;
				}
				#container .right .content .checkout p {
					font-size: 13px;
					color: #999;
				}
				#container .right .content .checkout label {
					font-size: 13px;
					font-weight: bold;
					color: #555;
					cursor: pointer;
				}
				#container .right .content .checkout input.text {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 13px;
					color: #666;
					background-image: url('../img/bg-input.gif');
					background-position: top;
					background-repeat: no-repeat;
					width: 215px;
					height: 22px;
					margin: 0px 0px 5px 0px;
					padding: 8px 5px 2px 5px;
					border: none;
				}
#footer {
	background-image: url('../img/bg-footer.gif');
	background-position: top left;
	background-repeat: no-repeat;
	height: 60px;
	margin: 50px 0px 0px 0px;
}
	#footer ul.small-menu {
		margin: 15px 15px 0px 0px;
		padding: 0px;
		float: right;
		list-style: none;
	}
		#footer .small-menu li {
			float: left;
			margin: 0px 0px 0px 20px;
		}
			#footer .small-menu li a {
				font-size: 14px;
				text-decoration: none;
				color: #444;
				float: left;
				padding: 4px 10px 3px 0px;
			}
		#footer .small-menu li.active {
			background-image: url('../img/bg-footer-link.gif');
			background-position: left;
			background-repeat: no-repeat;
			margin: 0px 0px 0px 10px;
			padding: 0px 0px 0px 10px;
		}
			#footer .small-menu li.active a {
				color: #fff;
				background-image: url('../img/bg-footer-link.gif');
				background-position: right;
				background-repeat: no-repeat;
				float: left;
			}
.clear {
	clear: both;
}
