@import url("reset.css");
@import url("typography.css");

/* @group Global */

body {
	color: #000;
	background: #241b08 url(../media/background.jpg) top center no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	}

a {
	color: #000;
	text-decoration: underline;
	}

p {
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 11px 0;
	}

dt {
	font-size: 14px;
	line-height: 21px;
	}

dd {
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 11px 0;
	}

/* @end */

/* @group Header */

#header {
	position: relative;
	width: 870px;
	height: 200px;
	margin: 10px auto 0 auto;
	background: url(../media/header-background.png) 0 -35px no-repeat;
	}

	h1 {
		position: absolute;
		top: 50px;
		left: 235px;
		text-indent: -9999px;
		}

		h1 a {
			display: block;
			width: 340px;
			height: 120px;
			}
			
	#header #links {
		color: #fff;
		text-align: left;
		}
			
		#header #links a{
			color: #fff;
			text-decoration: none;
			}
			
			#header #links a:hover {
				text-decoration: underline;
				}
		
	#navigation {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 870px;
		height: 36px;
		margin: 0 auto;
		padding: 0 0 0 0;
		color: #fff;
		background: url(../media/footer-background.png) no-repeat;
		font-family: Georgia, Times, 'Times New Roman', serif;
		}

		#navigation li {
			float: left;
			display: inline;
			text-indent: -9999px;
			}

		li#home {
			float: right;
			}

			#navigation li a {
				display: block;
				height: 36px;
				}

			#story a {
				width: 102px;
				background: url(../media/navigation-tabs.png) 0 0 no-repeat;
				}

				#story a:hover,
				#story-page #story a {
					background-position: 0 -36px;
					}

			#products a {
				width: 97px;
				background: url(../media/navigation-tabs.png) -102px 0 no-repeat;
				}

				#products a:hover,
				#products-page #products a,
				#checkout-page #products a {
					background-position: -102px -36px;
					}

			#faqs a {
				width: 69px;
				background: url(../media/navigation-tabs.png) -199px 0 no-repeat;
				}

				#faqs a:hover,
				#faqs-page #faqs a {
					background-position: -199px -36px;
					}

			#composting a {
				width: 162px;
				background: url(../media/navigation-tabs.png) -268px 0 no-repeat;
				}

				#composting a:hover,
				#composting-page #composting a {
					background-position: -268px -36px;
					}

			#projects a {
				width: 135px;
				background: url(../media/navigation-tabs.png) -430px 0 no-repeat;
				}

				#projects a:hover,
				#projects-page #projects a {
					background-position: -430px -36px;
					}

			#contact a {
				width: 114px;
				background: url(../media/navigation-tabs.png) -565px 0 no-repeat;
				}

				#contact a:hover,
				#contact-page #contact a {
					background-position: -565px -36px;
					}

			#home a {
				width: 90px;
				background: url(../media/navigation-tabs.png) -780px 0 no-repeat;
				}

				#home a:hover {
					background-position: -780px -36px;
					}

	#header .address {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 14px;
		text-align: right;
		color: #fff;
		font-family: Georgia, Times, 'Times New Roman', serif;
		}

		#header .address li {
			float: left;
			display: inline;
			padding: 0 0 0 10px;
			}

			#header .address li:first-child {
				font-style: italic;
				}
			
	#twitter {
		position: absolute;
		top: 43px;
		right: 10px;
		text-indent: -9999px;
		}

		#twitter a {
			display: block;
			width: 258px;
			height: 127px;
			background: url(../media/follow-us.png) no-repeat;
			}

	#facebook {
		position: absolute;
		top: 40px;
		right: 175px;
		text-indent: -9999px;
		}

		#facebook a {
			display: block;
			width: 160px;
			height: 27px;
			background: url(../media/facebook.png) no-repeat;
			}

#subheader {
	width: 870px;
	margin: 0 auto;
	}

.banner#subheader {
	height: 175px;
	overflow: hidden;
	}

	#subnavigation {
		width: 870px;
		height: 36px;
		color: #fff;
		background: url(../media/subnavigation-background.png) top left no-repeat;
		overflow: hidden;
		}

		#subnavigation li {
			float: left;
			display: inline;
			text-indent: -9999px;
			}

			#subnavigation li a {
				display: block;
				height: 36px;
				}

			#subnavigation #mulch a {
				width: 78px;
				background: url(../media/subnavigation.png) 0 0 no-repeat;
				}

				#subnavigation #mulch a:hover { background-position: 0 -36px; }

				#subnavigation #mulch.current a { background-position: 0 -72px; }

			#subnavigation #soil-compost a {
				width: 139px;
				background: url(../media/subnavigation.png) -78px 0 no-repeat;
				}

				#subnavigation #soil-compost a:hover { background-position: -78px -36px; }

				#subnavigation #soil-compost.current a { background-position: -78px -72px; }

			#subnavigation #other-products a {
				width: 158px;
				background: url(../media/subnavigation.png) -217px 0 no-repeat;
				}

				#subnavigation #other-products a:hover { background-position: -217px -36px; }

				#subnavigation #other-products.current a { background-position: -217px -72px; }

			#subnavigation #firewood a {
				width: 102px;
				background: url(../media/subnavigation.png) -365px 0 no-repeat;
				}

				#subnavigation #firewood a:hover { background-position: -365px -36px; }

				#subnavigation #firewood.current a { background-position: -365px -72px; }

			#subnavigation #flagpoles a {
				width: 104px;
				background: url(../media/subnavigation.png) -467px 0 no-repeat;
				}

				#subnavigation #flagpoles a:hover { background-position: -467px -36px; }

				#subnavigation #flagpoles.current a { background-position: -467px -72px; }

/* @end */

/* @group Body */

#body {
	width: 870px;
	margin: 0 auto;
	background: url(../media/body-background.png) bottom left no-repeat;
	overflow: hidden;
	}

	#home-page #body {}

	#slideshow {
		width: 870px;
		height: 300px;
		margin: 0 0 10px 0;
		overflow: hidden;
		}

	.column {
		float: left;
		display: inline;
		}

	/* @group Left Column */

	#left {
			position: relative;
			width: 585px;
			padding: 15px 0 0px 35px;
			}

			h2 {
				font-size: 20px;
				margin: 10px 0 25px 0;
				padding: 0 0 15px 0;
				border-bottom: 1px solid #000;
				font-family: Georgia, Times, 'Times New Roman', serif;
				}

			#search {
				position: absolute;
				right: 0;
				width: 300px;
				}
				
				#search input {
					position:relative;
					top:7px;
					left:20px;
					}
					
					#search input[type="text"] {
						padding: 4px 5px;
						font-size:14px;
						}
				
			#gallery {
				position: relative;
				}

				#pager {
					position: absolute;
					bottom: 12px;
					right: 12px;
					z-index: 10;
					}

				 #pager a {
				 	float: left;
				 	display: block;
				 	width: 24px;
				 	height: 19px;
				 	padding: 5px 0 0 0;
				 	font-size: 12px;
				 	color: #fff;
				 	background: #000;
				 	text-align: center;
				 	margin: 0 0 0 12px;
				 	}

			#products-page #search {
				display: none;
				}

				#search form {}

					#search #search-field {
						position: absolute;
						font-size: 14px;
						top: 5px;
						left: 10px;
						width: 215px;
						height: 26px;
						border: none;
						background: none;
						}

					#search .submit {
						position: absolute;
						top: 0;
						right: 0;
						background: url(../media/search-submit-background.png) top left no-repeat;
						}

						#search .submit:hover {
							background-position: bottom left;
							}
								
			/* Product */
	
			.product {
				position: relative;
				clear: both;
				padding: 20px 0 20px 0;
				border-bottom: 1px solid #bbb;
				}
	
				.product:last-child {
					border-bottom: none;
					}
	
				.product h3 {
					margin: 0 0 5px 0;
					}
	
					.product .type {}
	
					#products-page .product .short-description {
						margin: 0 0 5px 0;
						font-style: italic;
						}
	
					.product .description {}
	
				.photo {
					float:left;
					width: 120px;
					height: 200px;
					overflow: hidden;
					}

				.photo img {
					width: 100px;
					height: 100px;
					}

				.photo p {
					position: absolute;
					top: 20px;
					left: 0;
					margin: 0;
					padding: 0;
					color: #fff;
					width: 100px;
					height: 100px;
					text-align: center;
					font-size: 12px;
					text-indent: -9999px;
					background: url(../media/zoom-overlay.png) top left no-repeat;
					}

				.photo p:hover {
					background-position: bottom left;
					}
				
				#products-page .detail {
					width: 465px;
					padding: 0 0 20px 120px;
					}
	
					.detail .type {
						font-size: 12px;
						position: absolute;
						right: 10px;
						text-align: right;
						}
	
				.quantity {
					width: 465px;
					margin: 0 0 0 120px;
					overflow-y: hidden;
					}

				#checkout-page .quantity {
					margin: 0;
					}
	
					.quantity p {
						font-weight: 700;
						}
	
					.quantity p {
						float: left;
						display: inline;
						}
	
					.quantity ol {
						float: right;
						display: inline;
						}
	
						.quantity ol li {
							float: left;
							display: inline;
							}
	
							input {
								margin: 0;
								padding: 0;
								}
	
						.quantity ol {
							position: relative;
							width: 200px;
							height: 36px;
							background: url(../media/add-to-cart.png) no-repeat;
							}
	
						.quantity ol .quantity-input label {
							display: none;
							}
	
						.quantity ol .quantity-input input {
							font-size: 12px;
							width: 84px;
							height: 36px;
							*height: 26px;
							margin: 0;
							padding: 0 10px 0 10px;
							*padding-top: 10px;
							border: 0;
							background: none;
							}

						.quantity .add-to-cart {
							overflow: hidden;
							}
	
						.quantity .submit {
							position: absolute;
							top: 0;
							right: 0;
							width: 96px;
							height: 36px;
							text-indent: -9999px;
							border: 0;
							cursor: pointer;
							background: url(../media/add-to-cart-button.png) no-repeat;
							}
	
							.quantity .submit:hover {
								background-position: bottom left;
								}
	
		.projects {
			margin: 25px 0 0 0;
			overflow: hidden;
			}
	
			.projects li {
				float: left;
				display: inline;
				margin: 0 15px 15px 0;
				}
	
				.projects li a {
					display: block;
					width: 100px;
					height: 100px;
					overflow: hidden;
					}
	
					.projects li a img {}

		.subject {
			border-bottom: 1px solid #000;
			margin: 0 0 25px 0;
			padding: 0 0 10px 0;
			}

			.subject h3 {
				margin: 0 0 10px 0;
				}

	/* @end */

	/* @group Right Column */

	#right {
		position: relative;
		width: 220px;
		padding: 15px 15px 0px 15px;
		}

		#mulch-application-chart {
			background: #fff;
			margin-bottom: 15px;
			}

			#mulch-application-chart h4 {
				text-align: center;
				color: #fff;
				background: #000;
				padding: 10px 0 10px 0;
				}

			#mulch-application-chart table {
				width: 100%;
				font-size: 12px;
				}

				#mulch-application-chart table tr {
					border-bottom: 1px solid #000;
					}

				#mulch-application-chart table tr th {
					background: #bbb;
					}

			#mulch-application-chart p {
				font-size: 12px;
				}

	/* @end */

	#footer-banner {
		width: 870px;
		height: 300px;
		overflow: hidden;
		}

/* @end */

/* @group Footer */

#footer {
	clear: both;
	width: 870px;
	height: 36px;
	font-size: 12px;
	margin: 10px auto;
	padding: 0;
	color: #fff;
	background: url(../media/footer-background.png) no-repeat;
	}

	#footer ul {}

		#footer ul li {
			float: left;
			display: inline;
			text-indent: -9999px;
			}

			#footer li#footer-home {
				float: right;
				}

			#footer ul li a {
				display: block;
				height: 36px;
				}

				#footer li#copyright {
					width: 470px;
					height: 36px;
					background: url(../media/footer-tabs.png) 0 0 no-repeat;
					}

				#footer li#privacy a {
					width: 275px;
					background: url(../media/footer-tabs.png) -470px 0 no-repeat;
					}

					#footer li#privacy a:hover {
						background-position: -470px -36px;
						}

				#footer li#footer-home a {
					width: 90px;
					background: url(../media/footer-tabs.png) -780px 0 no-repeat;
					}

					#footer li#footer-home a:hover {
						background-position: -780px -36px;
						}

	#contact-page form {}

		#contact-page form li {
			width: 500px;
			margin: 0 0 25px 0;
			}

		#contact-page form label,
		#contact-page form input,
		#contact-page form textarea {
			display: block;
			}

		#contact-page form label {
			margin: 0 0 5px 0;
			}

		#contact-page form input {
			font-size: 14px;
			margin: 0;
			padding: 0 5px 0 5px;
			width: 480px;
			height: 26px;
			}

		#contact-page form textarea {
			font-size: 12px;
			width: 470px;
			max-width: 470px;
			height: 180px;
			max-height: 180px;
			padding: 10px;
			}

		#contact-page #submit {
			width: 100px;
			margin: 25px 0 0 0;
			}

			#contact-page #submit:hover {
				}

	#shopping-cart {
		display: none;
		color: #fff;
		width: 200px;
		background: url(../media/shopping-cart-background.png) no-repeat;
		margin: 0 0 25px 0;
		padding: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}

		#shopping-cart form {}

			#shopping-cart form fieldset {}

			#shopping-cart form fieldset legend {
				text-indent: -9999px;
				color: #f0dab0;
				margin: 0 0 10px 0;
				}

			#shopping-cart form .product {
				font-size: 12px;
				padding: 7px 0 7px 0;
				border-bottom: 1px solid #937a4f;
				}

				#shopping-cart form .product:last-child {
					border-bottom: none;
					}

				#shopping-cart .product h4 {
					font-size: 12px !important;
					font-weight: 100;
					margin: 0 0 5px 0;
					}

				#shopping-cart h4 {
					font-size: 12px;
					text-transform: uppercase;
					font-weight: 100;
					}

				#shopping-cart .product ul {
					overflow: hidden;
					}

					#shopping-cart .product ul li {
						float: left;
						display: inline;
						margin: 0;
						padding: 0;
						}

						#shopping-cart .product label {}

						#shopping-cart .product input { width: 25px; }

						#shopping-cart input.update,
						#shopping-cart input.checkout {
							width: 100%;
							display: block;
							}

						#shopping-cart p.update-cart {
							width: 200px;
							height: 25px;
							margin: 5px 0 10px 0;
							padding: 0;
							border: 0;
							overflow: hidden;
							text-indent: -9999px;
							}

							#shopping-cart p.update-cart input {
								width: 200px;
								height: 25px;
								border: 0;
								text-indent: -9999px;
								background: url(../media/shopping-cart.png) -10px -177px no-repeat;
								cursor: pointer;
								}


						#shopping-cart p.checkout {
							width: 200px;
							height: 25px;
							margin: 0;
							padding: 0;
							border: 0;
							overflow: hidden;
							}

							#shopping-cart p.checkout input {
								width: 200px;
								height: 25px;
								border: 0;
								text-indent: -9999px !important;
								background: url(../media/shopping-cart.png) -10px -212px no-repeat;
								cursor: pointer;
								}

					#shopping-cart .product ul li.quantity {
						width: 28px;
						}

					#shopping-cart .product ul li.quantity input {
						width: 25px;
						padding: 0 0 0 3px;
						border: 0;
						}

					#shopping-cart ul li.quantity {
						width: 28px;
						margin: 0;
						}

					#shopping-cart .product ul li.price {
						margin: 0 0 0 5px;
						}

					#shopping-cart ul li.price {
						font-size: 12px;
						}

					#shopping-cart li.delete {
						float: right !important;
						text-indent: -9999px;
						}

					#shopping-cart li.delete a {
						display: block;
						width: 15px;
						height: 15px;
						background: url(../media/delete-icon.png) top left no-repeat;
						}

						#shopping-cart li.delete a:hover { background-position: bottom left; }


	#calculator {
		color: #fff;
		width: 200px;
		height: 157px;
		background: url(../media/calculator-background.png) no-repeat;
		margin: 0 0 25px 0;
		padding: 10px;
		}

		#calculator form {}

			#calculator legend {
				color: #f0dab0;
				padding: 0 0 7px 0;
				text-indent: -9999px;
				}

				#calculator ol {}

					#calculator li {
						width: 200px;
						height: 25px;
						clear: both;
						overflow: hidden;
						margin: 0 0 10px 0;
						*margin: 0 0 7px 0;
						background: #fff;
						}

					#calculator li#length {}

						#calculator li#length label {
							float: left;
							display: inline;
							width: 97px;
							height: 25px;
							text-indent: -9999px;
							background: url(../media/calculator.png) -10px -37px no-repeat;
							}
	
						#calculator li#length input {
							float: left;
							display: inline;
							width: 98px;
							height: 25px;
							*height: 20px;
							*padding-top: 5px;
							background: url(../media/calculator.png) -107px -37px no-repeat;
							}

					#calculator li#width {}

						#calculator li#width label {
							float: left;
							display: inline;
							width: 97px;
							height: 25px;
							text-indent: -9999px;
							background: url(../media/calculator.png) -10px -72px no-repeat;
							}
	
						#calculator li#width input {
							float: left;
							display: inline;
							width: 98px;
							height: 25px;
							*height: 20px;
							*padding-top: 5px;
							background: url(../media/calculator.png) -107px -72px no-repeat;
							}

					#calculator li#depth {}

						#calculator li#depth label {
							float: left;
							display: inline;
							width: 97px;
							height: 25px;
							text-indent: -9999px;
							*height: 20px;
							*padding-top: 5px;
							background: url(../media/calculator.png) -10px -107px no-repeat;
							}
	
						#calculator li#depth input {
							float: left;
							display: inline;
							width: 98px;
							height: 25px;
							*height: 20px;
							*padding-top: 5px;
							background: url(../media/calculator.png) -107px -107px no-repeat;
							}

					#calculator li#answer {}

						#calculator li#answer label {}
	
						#calculator li#answer input {
							float: left;
							display: inline;
							width: 200px;
							height: 25px;
							*height: 20px;
							*padding: 5px 0 0 0;
							background: url(../media/calculator.png) -10px -142px no-repeat;
							}

					#calculator input {
						font-size: 12px;
						margin: 0;
						padding: 0 0 0 5px;
						border: none;
						}

					#calculator #answer label { display: none; }

					#calculator #answer input {
						color: #900 !important;
						width: 200px;
						text-align: center;
						padding: 0;
						}

	#home-page #message {
		float: left;
		width: 535px;
		height: 550px;
		padding: 20px;
		margin: 0 10px 0 0;
		background: url(../media/message-background.png) no-repeat;
		}

	#ZoomBox {
		border: 1px solid #999;
		}
		
	#twitter-feed {
		font-size:12px !important;
	}

/* @end */

#overall {
	display: block;
	overflow: hidden;
	padding: 10px 0 10px 0;
	}

	#overall ul {
		float: right;
		width: 225px;
		overflow: hidden;
		}

		#overall li {
			display: block; /*DO NOT ADD AN IMPORTANT TAG HERE! IT WILL MESS WITH THE FUNCTIONALITY OF THE SHOPPING CART. */
			}

#checkout-page {
	text-align: center;
	}
	
	#checkout-page .original-price {
		text-decoration: line-through;
		}
	
	#checkout-page .sale-price {
		color: red;
		}
	
	#checkout-page h3 {
		margin: 0 0 20px;
		font-size: 24px;
		color: rgb(180, 23, 19);
		text-transform: uppercase;
		}
		
	#checkout-page p.error {
		text-align: center;
		color: red;
		}
	
	#checkout-page p.next {
		clear: both;
		text-align: center;
		}
	
	#checkout-page p.delivery-status {
		margin: 0 auto 30px !important;
		text-align: center !important;
		line-height: 30px;
		background: rgb(238, 244, 244);
		padding: 10px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		}
		
		#checkout-page p.delivery-status img {
			float: left;
			width: 85px;
			position: relative;
			left: 20px;
			}
			
	#checkout-page a.remove {
		clear: left;
		float: left;
		text-decoration: none;
		font-size: 12px;
		text-transform: uppercase;
		position: relative;
		top: 10px;
		left: 540px;
		}
		
			#checkout-page a.remove:hover {
				text-decoration: underline;
				}
			
		#checkout-page a.remove img {
			width: 30px;
			display: inline;
			position: relative;
			bottom: 10px;
			}
			
	#checkout-page .tabs {
		width: 750px;
		margin: 40px auto 60px;
		padding: 10px 0;
		}

		#checkout-page .tabs li {
			display: inline;
			}
			
			#checkout-page .tabs a {
				text-decoration: none;
				padding: 8px 15px;
				background: rgb(0, 0, 0);
				background: -moz-linear-gradient(top, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, 1) 50%);
				background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), color-stop(0.5, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 1)), color-stop(0.5, rgba(0, 0, 0, 1)));
				text-shadow: 0px -2px 0px #000;
				color: #fff;
				border: 2px solid rgb(127, 127, 127);
				font-size: 18px;
				}
				
			#checkout-page .tabs a.disabled {
				background: rgb(237, 240, 240);
				background: -moz-linear-gradient(top, rgb(237, 240, 240) 50%, rgb(203, 210, 210) 50%);
				background: -webkit-gradient(linear, left top, left bottom, from(rgb(237, 240, 240)), color-stop(0.5, rgb(237, 240, 240)), to(rgb(203, 210, 210)), color-stop(0.5, rgb(203, 210, 210)));
				border: 2px solid rgb(237, 240, 240);
				border-bottom: 2px solid rgb(203, 210, 210);
				text-shadow: 0px 1px 0px #fff;
				color: rgb(130, 130, 130);
				cursor: default;
				}
				
			#checkout-page .tabs a.active {
				color: #fff;
				border: 2px solid rgb(213, 23, 29);
				text-shadow: 0px -2px 0px rgb(55, 55, 55);
				background: rgb(180, 23, 19);
				background: -moz-linear-gradient(top, rgb(213, 23, 29) 50%, rgb(180, 23, 19) 50%);
				background: -webkit-gradient(linear, left top, left bottom, from(rgb(213, 23, 29)), color-stop(0.5, rgb(213, 23, 29)), to(rgb(180, 23, 19)), color-stop(0.5, rgb(180, 23, 19)));
				}
			
			#checkout-page .tabs a:hover {
				
				}

#checkout-page .product {
	}

	#checkout-page .product .details {
		overflow: hidden;
		}

		#checkout-page .product .details .quantity {
			float: left;
			display: inline;
			width: 240px;
			}

		#checkout-page .product .details .price {
			float: left;
			display: inline;
			width: 120px;
			}

		#checkout-page .product .details .subtotal {
			float: left;
			display: inline;
			width: 225px;
			}

	#checkout-page form input {
		clear: both;
		}

#checkout-page p,
#checkout-page label {
	font-size: 20px;
	}

#checkout-page .tab,
#checkout-page .step-2 {
	display: none;
	}

#checkout-page .summary {
	margin: 0 auto 20px;
	}
	
	#checkout-page .summary p {
		font-size: 14px;
		}
	
	#checkout-page .summary input {
		display: inline;
		width: 20px;
		position: relative;
		top: 6px;
		}
	
	#checkout-page table.summary {
		width: 750px;
		border: 1px solid rgb(176, 182, 182);
		margin-bottom: 50px;
		}
	
		#checkout-page .summary tr {
			border: 1px solid rgb(176, 182, 182);
			position: relative;
			}
		
			#checkout-page th {
				background: rgb(237, 240, 240);
				border-top: 1px solid rgb(176, 182, 182);
				border-bottom: 1px solid rgb(176, 182, 182);
				padding: 4px 5px;
				text-shadow: 0px 2px 0px #fff;
				}
				
				#checkout-page th.item-price {
					width: 130px;
					}
					
			#checkout-page .summary td {
				padding: 10px 15px;	
				}
				
				#checkout-page .summary .update {
					position: relative;
					top: 15px;
					}
				
				#checkout-page .summary .dimmer {
					position: absolute;
					background: rgba(255, 255, 255, .8);
					width: 732px;
					height: 178px;
					z-index: 500;
					display: none;
					}
						
				#checkout-page td.summary {
					padding: 10px 0 0 0;
					margin: 0;
					}
				
				#checkout-page dl.total {
					padding: 10px 0 0 0;
					text-align: right;
					}
					
								
					#checkout-page dt.total,
					#checkout-page dd.total {
						background-color: rgb(237, 240, 240);
						}
				
					#checkout-page dl.total dt,
					#checkout-page dl.total dd {
						padding: 0 20px;
						margin: 0;
						font-size: 16px;
						font-weight: bold;
						}
						
						#checkout-page dl.total dd {
							padding: 0 20px 10px 0;
							font-weight: normal;
							}
							
							#checkout-page dl.total dd.total {
								font-size: 20px;
								text-shadow: 0px 2px 0px #fff;
								}
									
								#checkout-page dl.total dt.total {
									padding: 10px 20px 0;
									font-size: 20px;
									text-shadow: 0px 2px 0px #fff;
									}
	
	#checkout-page .summary .item {
		width: 430px;
		text-align: left;
		}
		
		#checkout-page .summary th.item {
			padding: 0 10px;
			}
		
		#checkout-page .summary .item img {
			float: left;
			max-width: 150px;
			max-height: 150px;
			padding-right: 10px;
			}
		
		#checkout-page .summary .item li {
			display: inline;
			}
			
			#checkout-page .summary dl {	
				overflow: hidden;
				padding: 0;
				}
			
				#checkout-page .summary dt.name,
				#checkout-page .summary dt.description {
					display: none;
					}
				
				#checkout-page .summary dd.name {
					font-weight: bold;
					}
					
	#checkout-page .quantity {
		width: 60px;
		}
		
#checkout-page .delivery .step-2 p {
	width: 500px;
	margin: 0 auto;
	text-align: left;
	}

#checkout-page .delivery-option {
	margin: 0 0 20px 0;
	}
	
#checkout-page .delivery-option li {
	padding: 5px 20px 0 0px !important;
	}
	
#checkout-page .delivery ul {	
	width: 500px;
	margin: 10px auto;
	overflow: hidden;
	text-align: left;
	}
	
	#checkout-page .delivery .alt-address {
		margin: 20px auto;
		display: none;
		}
		
#checkout-page .delivery li {
	display: inline;
	float: left;
	padding: 5px;
	}
			
	#checkout-page .delivery li.first-name input, 
	#checkout-page .delivery li.last-name input {
		width: 189px;
		}
	
	#checkout-page .delivery li.middle-name input {
		width: 50px;
		}
	
	#checkout-page .delivery li.address input {
		width: 476px;
		margin-bottom: 10px;
		}
	
	#checkout-page .delivery li.city input {
		width: 278px;
		}
	
	#checkout-page .delivery li.state input {
		width: 50px;
		}
		
	#checkout-page .delivery li.zipcode input {
		width: 100px;
		}
	
#checkout-page .delivery textarea {
	width: 490px;
	height: 100px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	padding: 3px 4px;
	margin-bottom: 20px;
	}

#checkout-page .calendar {
	margin: 0 auto 20px;
	}
	
	#checkout-page .calendar th {
		text-align: center;
		overflow: hidden;
		background: rgb(237, 240, 240);
		border: 1px solid rgb(176, 182, 182);
		padding: 8px 10px;
		font-weight: normal;
		text-shadow: 0 2px 0 #fff;
		font-size: 22px;
		width: 50px;
		}
		
		#checkout-page .calendar th a {
			border: 2px solid rgb(237, 240, 240);
			padding: 5px 10px;
			}
		
		#checkout-page .calendar .header {
			border: none;
			}
				
	#checkout-page .calendar td {
		text-align: center;
		background: rgb(237, 240, 240);
		border: 1px solid rgb(176, 182, 182);
		font-weight: bold;
		}
		
		#checkout-page .calendar tr {
			margin: 1px;
			}
		
		#checkout-page .calendar td.unavailable {
			padding: 15px;
			color: rgb(179, 183, 183);
			text-shadow: 0px 2px 0px #fff;
			font-weight: normal;
			}
			
		#checkout-page .calendar td a {
			display: block;
			padding: 10px;
			text-decoration: none;
			text-shadow: 0px 2px 0px #fff;
			border: 2px solid rgb(255, 255, 255);
			font-size: 22px;
			}	
			
			#checkout-page .calendar a:hover {
				background: rgb(180, 23, 19);
				background: -moz-linear-gradient(top, rgb(213, 23, 29) 50%, rgb(180, 23, 19) 50%);
				background: -webkit-gradient(linear, left top, left bottom, from(rgb(213, 23, 29)), color-stop(0.5, rgb(213, 23, 29)), to(rgb(180, 23, 19)), color-stop(0.5, rgb(180, 23, 19)));
				text-shadow: 0px -2px 0px rgb(55, 55, 55);
				color: #fff;
				border: 2px solid rgb(213, 23, 29);
				-moz-box-shadow: 0px 0px 5px #000;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-webkit-box-shadow: 0px 0px 5px #000;
				border-radius: 4px;
				box-shadow: 0 0 5px #000;
				}		
				
			#checkout-page .calendar a:active {
				border: 2px solid rgb(161, 22, 4);				
				background: rgb(161, 22, 4);
				background: -moz-linear-gradient(top, rgb(161, 22, 4) 50%, rgb(122, 11, 0) 50%);
				background: -webkit-gradient(linear, left top, left bottom, from(rgb(161, 22, 4)), color-stop(0.5, rgb(161, 22, 4)), to(rgb(122, 11, 0)), color-stop(0.5, rgb(122, 11, 0)));
				}
				
		#checkout-page .calendar  .header a,
		#checkout-page .calendar .header a:hover {
			text-decoration: none;
			}

#checkout-page .payment {
	margin: 10px auto;
	width: 500px;
	text-align: left;
	}
	
	#checkout-page .payment label {
		display: block;		
		}	

	#checkout-page .payment input {
		width: 300px;
		margin-bottom: 10px;
		}
	
	#checkout-page .payment ul {
		overflow: hidden;
		}
	
	#checkout-page .payment li {
		display: inline;
		float: left;
		padding: 10px 20px;
		}
		
		#checkout-page .payment li.card,
		#checkout-page .payment li.card input {
			width: 260px;
			}
		
		#checkout-page .payment select {
			font-size: 16px;
			}
	
a.big-button {
	font-size: 22px;
	background: rgb(180, 23, 19);
	background: -moz-linear-gradient(top, rgb(213, 23, 29) 50%, rgb(180, 23, 19) 50%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(213, 23, 29)), color-stop(0.5, rgb(213, 23, 29)), to(rgb(180, 23, 19)), color-stop(0.5, rgb(180, 23, 19)));
	color: #fff;
	text-shadow: 0px -2px 0px rgb(55, 55, 55);
	text-decoration: none;
	padding: 10px 15px;
	border: 2px solid rgb(213, 23, 29);
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 0 5px #000;
	}		
	
	a.big-button:active {
		border: 2px solid rgb(161, 22, 4);
		background: rgb(161, 22, 4);
		background: -moz-linear-gradient(top, rgb(161, 22, 4) 50%, rgb(122, 11, 0) 50%);
		background: -webkit-gradient(linear, left top, left bottom, from(rgb(161, 22, 4)), color-stop(0.5, rgb(161, 22, 4)), to(rgb(122, 11, 0)), color-stop(0.5, rgb(122, 11, 0)));
		}
		
	a.big-button.disabled {
		border-color: rgb(237, 240, 240);
		background: rgb(237, 240, 240);
		background: -moz-linear-gradient(top, rgb(237, 240, 240) 50%, rgb(203, 210, 210) 50%);
		background: -webkit-gradient(linear, left top, left bottom, from(rgb(237, 240, 240)), color-stop(0.5, rgb(237, 240, 240)), to(rgb(203, 210, 210)), color-stop(0.5, rgb(203, 210, 210)));
		color: rgb(130, 130, 130);
		text-shadow: 0px 2px 0px #fff;
		cursor: default;
		}	
	
	/*
	a.big-button:active {
		background: rgb(111, 16, 0);
		background: -moz-linear-gradient(top, rgb(111, 16, 0) 50%, rgb(68, 8, 0) 50%);
		background: -webkit-gradient(linear, left top, left bottom, from(rgb(111, 16, 0)), color-stop(0.5, rgb(111, 16, 0)), to(rgb(68, 8, 0)), color-stop(0.5, rgb(68, 8, 0)));
		}
	*/
.twtr-tweet-text p {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	}

.AuthorizeNetSeal {
	float: right;
	margin: 25px 100px 25px 25px !important;
	}