* { padding: 0; margin: 0; list-style: none; }

html { 
	overflow-y: scroll !important;
	font: .85em "Verdana", "Lucida Grande", "Verdana", sans-serif; 
}

body {
	background: #392e1e url("background.gif") no-repeat center 135px;
}

p {
	margin-bottom: 1em;
}

a {
	color: #644484;
}

a img {
	border: 0;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-size: 1.2em;
	color: #644484;
}

#tools {
	width: 800px;
	margin: 2em auto .4em auto;
	text-align: right;
}

	#tools li {
		display: inline;
		padding: 0 1em;
		border-right: 1px solid #ead58b;
		color: #ead58b;
	}
	
	#tools li.last {
		border-right-width: 0;
	}
	 
		#tools li a {
			color: #ead58b;
			text-decoration: none;
		}
		
			#tools li span {
				font-size: .8em;
			}
		
		#tools li a:hover {
			text-decoration: underline;
		}

#container {
	width: 800px;
	margin: 0 auto 1em auto;
	background-color: #faf4e1;
}

#header {
	background: transparent url("header.gif") no-repeat;
	height: 69px;
	padding: 11px 0; /* So we can see the corners... */
	width: 100%;
	overflow: hidden;
}

	#header #logo {
		float: left;
		width: 261px;
		height: 70px;
		margin-left: .5em;
	}
	
		#header #logo img {
			border: 0;
			display: block;
		}
		
	#header #side {
		float: right;
		width: 400px;
		text-align: right;
		margin-right: .5em;
	}
	
		#header #side #phone {
			color: #644484;
			font-size: 1.5em;
			margin: 0 0 .3em 0;
		}
		
		#header #side #search {
			margin: .1em 0 0 0;
			border: 0;
		}
		
			#header #side #search #keywords {
				width: 210px;
				font-size: 1.4em;
			}
		
			#header #side #search input {
				vertical-align: middle;
			}
			
#navigation {
	width: 100%;
	overflow: hidden;
	background-color: #644484;
}

	#navigation li {
		display: inline; /* IE sucks */
	}
	
		#navigation li a {
			display: block;
			width: 14.2%;
			padding: .8em 0;
			text-align: center;
			color: #fff;
			text-decoration: none;
			float: left;
			text-transform: uppercase;
		}

#body {
	padding: 1.5%;
	width: 97%;
	overflow: hidden;
	min-height: 340px;
	background-color: #fff;
}

	#body #content {
		float: right;
		width: 78%;
	}
	
	#body #sidebar {
		float: left;
		width: 20%;
	}
	
	#body.storefront #content {
		width: 100%;
	}
	
	#body.checkout #content,
	#body.catalogdetail #content {
		width: 100%;
	}
	
		#body.checkout #sidebar,
		#body.catalogdetail #sidebar {
			display: none;
		}
	
	
	#body #sidebar h3 {
		font-size: 1.2em;
		font-weight: bold;
		padding: .2em 0;
		margin: 0 0 .5em 0;
		border-bottom: 1px dotted #ccc;
	}

	#bdoy #sidebar ul {
		background-color: #fefab5;
	}
	
		#body #sidebar li {
			display: inline;
		}
		
			#body #sidebar li a {
				text-decoration: none;
				display: block;
				padding: .5em 0 .5em .4em;
				color: #625c01;
			}
			
			#body #sidebar li.current a {
				background-color: #cec97c;
			}
	
			#body #sidebar li.level-2 a {
				padding-left: 1em;
			}
			
				#body #sidebar li.level-2.current a {
					background-color: #e3e0b1;
				}

#footer {
	background: transparent url("footer.gif") no-repeat bottom;
	padding: .7em 0;
	text-align: center;
	border-top: 1px dotted #ccc;
	font-size: .9em;
	
}

	#footer p {
		margin: .5em 0;
	}
	
	#footer #address {
		color: #666;
	}
	
	#footer #intuit a {
		color: #bbb;
		text-decoration: none;
	}

h1 {
	font-size: 1.8em;
	color: #644484;
	margin: 0 0 .2em 0;
}

/* Home Page */

#body.storefront h2 {
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px dotted #999;
	margin: 0 0 .2em 0;
}

#body.storefront #showcase {
	width: 100%;
	overflow: hidden;
}

	#body.storefront #showcase #featured-categories {
		float: left;
		width: 494px;
		height: 317px;
	}

	#body.storefront #showcase #promotions {
		float: right;
	}
	
		#body.storefront #showcase #promotions li {
			margin-bottom: 7px;
		}
		
		#body.storefront #showcase #promotions li.last {
			margin-bottom: 0;
		}
/* Talking them out of this!
#services {
	width: 100%;
	overflow: hidden;
	margin: .7em 0;
}

	#services li {
		float: left;
		width: 33.3%;
		text-align: center;
	}
	
	#services li.first {
		text-align: left;
	}
	
	#services li.last {
		text-align: right;
	}
*/



/* Product List! */
#products {
	clear: both;
	overflow: hidden;
	width: 100%;
}

#products div.product div.information h3 a {
	color: #644484;
	font-weight: bold;
	text-decoration: none;
}

#products div.product div.information p {
	line-height: 130%;
}

#products div.product div.add-to-cart ul.pricing {
	margin: .4em 0;
}

	#products div.product div.add-to-cart ul.pricing li {
		margin: .2em;
	}
	
		#products div.product div.add-to-cart ul.pricing li span {
			font-weight: bold;
			color: #644484;
		}

	#products div.product div.add-to-cart ul.pricing li.our {
		color: #fff;
		font-size: 1.3em;
	}

#products.grid div.product {
	width: 30%;
	padding: 1%;
	margin: 0 .5% .5% 0;
	float: left;
	text-align: center;
	height: 250px;
}

	#products.grid div.product div.photo img {
		width: 150px;
		height: 150px;
		margin: 0 auto;
		display: block;
	}

	#products.grid div.product div.information {
		margin-top: .5em;
	}

		#products.grid div.product div.information p {
			display: none;
		}

#products.list div.product {
	width: 98%;
	overflow: hidden;
	border-bottom: 1px dotted #ddd;
	padding: 1% 0 2% 0;
	margin: 0 0 1% 0;
}

#products.list div.product.last {
	border-bottom-width: 0;
}

	#products.list div.product div.photo {
		float: left;
		width: 17%;
		height: 100px;
		margin-right: .8em;
	}
	
	#products.list div.product div.information {
		float: left;
		width: 54%;
	}
	
	#products.list div.product div.add-to-cart {
		float: right;
		text-align: center;
		width: 24%;
	}



/* Product Detail */

#body.catalogdetail h1 {
	margin: 0 0 .3em 0;
}

#body.catalogdetail span.sku {
	font-size: .35em;
	color: #888;
	display: block;
}

#body.catalogdetail #focus
{
	width: 100%;
	overflow: hidden;
	padding: 0 0 1em 0;
	margin: 0 0 2em 0;
}

	#body.catalogdetail #media
	{
		width: 500px;
		float: left;
		text-align: center;
	}
	

	#body.catalogdetail #information
	{
		float: right;
		width: 270px;
	}
	
		#body.catalogdetail h2
		{
			font-size: 1.3em;
			margin: 0 0 .3em 0;
			font-weight: normal;
		}

	#body.catalogdetail #information div.section
	{
		margin: 0 0 .5em 0;
		font-size: .95em;
		margin: 0 0 1em 0;
	}
	
	#body.catalogdetail #information #add-to-cart {
		border: 3px solid #644484;
	}
	
	#body.catalogdetail #information table
	{
		width: 100%;
	}

	
		#body.catalogdetail #information div.section table td
		{
			width: 50%;
			padding: .4em;
		}
		
		#body.catalogdetail #information div.section table td,
		#body.catalogdetail #information div.section table th
		{
			padding: .5em;
		}
		
		#body.catalogdetail #information div.section table th
		{
			text-align: right;
			vertical-align: middle;
		}
		
		#body.catalogdetail #information div.section table #add td
		{
			text-align: center;
			padding: 1em 0;
		}
		
		#body.catalogdetail #information div.section table #our td,
		#body.catalogdetail #information div.section table #our th
		{
			font-size: 1.6em;
			color: #1e6a04;
			font-weight: normal;
		}
		
		#body.catalogdetail #information div.section table #add td {
			text-align: center;
			width: 100%;
		}
		
	
		
	/* Product Detail DESCRIPTIONS. This should mimic basic formattings.. */
	#body.catalogdetail #description
	{
		margin: .5em 0 2em 0;
	}
	
		#body.catalogdetail #description h2
		{
			margin: .4em 0 .1em 0;
			font-weight: bold;
		}
		
		#body.catalogdetail #description h3 {
			font-weight: bold;
			margin: 0 0 .2em 0;
			font-size: 1.2em;
		}
		
		#body.catalogdetail #description p 
		{
			margin: 0 0 1em 0;
			line-height: 130%;
		}
		
		#body.catalogdetail #description ul {
			list-style: disc;
			padding: 0 0 0 3em;
			margin: 0 0 1em 0;
		}
		
			#body.catalogdetail #description li {
				list-style: disc;
				margin: .1em 0;
			}


#checkout-progress {
	width: 640px;
	height: 68px;
	display: block;
	margin: 0 auto 2em auto;
}

/* Checkout */

#body.checkout h2 {
	margin: 1.3em 0 .1em 0;
}



#body.checkout p {
	margin: .3em 0 1em 0;
}

#body.checkout table {
	width: 100%;
	border-collapse: collapse;
}

#body.checkout fieldset {
	padding: 1% .5%;
	width: 98%;
	margin: 0 0 1.2em 0;
	border: 1px solid #ddd;
}

#body.checkout fieldset p {
	padding: .5em;
}

#body.checkout fieldset legend {
	padding: .2em .5em;
	font-size: 1.3em;
}

#body.checkout table td, 
#body.checkout table th {
	vertical-align: top;
	padding: .3em;
}


#body.checkout table.form th {
	text-align: right;
	width: 200px;
}

#body.checkout p.important {
	background-color: #f6facd;
	padding: .3em;
	margin: 1em 0;
}

	#body.checkout p.important a {
		text-decoration: underline;
		color: #4d5409;
		font-weight: bold;
	}

#body.checkout table.form p.note {
	font-size: .8em;
	margin: 0;
	padding: 0;
	font-style: italic;
}

#body.checkout #totals tr td,
#body.checkout #totals tr th {
	border-bottom: 1px solid #ddd;
}

/* CheckoutPro */

#body.checkout.checkoutpro #checkout-methods {
	width: 100%;
	overflow: hidden;
	margin-top: 1.5em;
}

	#body.checkout.checkoutpro #checkout-methods div.method {
		margin-bottom: 1.5em;
	}

	#body.checkout.checkoutpro #checkout-methods p {
		margin: .3em 0;
	}

	#body.checkout.checkoutpro #new-and-anon {
		float: left;
		width: 43%;
	}
	
	#body.checkoutpro #returning-customers {
		float: right;
		width: 55%;
	}
	
		#body.checkout.checkoutpro div.button {
			text-align: center;
		}
	
	#body.checkout.checkoutpro #returning-customers table.form th {
		width: 100px;
	}
	

	#body.checkout.billing div.payment-method {
		margin: .5em .4em;	
	}

/* Cart */
#body.checkout.cart #accurate-shipping-amount {
	text-align: center;
	margin: 0 0 2em 0;
}

#body.cart #cart {
	margin: 2em 0 .5em 0;
	border-bottom: 1px solid #ddd;
}

#body.cart #cart th {
	text-align: center;
	border-bottom: 1px solid #ddd;
	color: #999;
	font-size: .85em;
}

#body.cart #cart tr.remove {
	background-color: #fdd5d3;
}

#body.cart #cart th,
#body.cart #cart td {
	text-align: center;
	padding: .4em 0;
	vertical-align: middle;
}

#body.cart #cart th.qty,
#body.cart #cart td.qty,
#body.cart #cart td.qty input {
	text-align: center;
}

#body.cart #cart th.item,
#body.cart #cart td.item {
	width: 55%;
	text-align: left;
}

#body.cart #cart td.item a {
	font-size: 1.3em;
	display: block;
	font-weight: bold;
	margin: 0 0 .2em 0;
	text-decoration: none;
}

#body.cart #cart td.item span.small {
	color: #888;
	font-size: .95em;
	display: block;
}

#body.cart #cart td.photo img {
	height: 70px;
}

#body.cart #update {
	text-align: right;
}

#body.cart #estimated-totals {
	margin: 3em auto 2em auto;
	background-color: #f6facd;
	padding: .5em;
	border: 1px solid #eef698;
	width: 40%;
}

#body.cart #estimated-totals h2 {
	text-align: center;
	margin: 0 0 .2em 0;
}


#body.cart #estimated-totals table th,
#body.cart #estimated-totals table td {
	border-bottom: 1px dotted #dced8b;
}

#body.cart #estimated-totals table tr.last td,
#body.cart #estimated-totals table tr.last th {
	border-bottom-width: 0;
}

#body.cart p.note {
	text-align: center;
	margin: .3em 0 0 0;
	color: #888;
	font-style: italic;
}


#body.checkout #checkoutpro {
	text-align: center;
}

#body.checkout.cart #cart-options {
	list-style: none;
	padding: 0;
}


/* Invoice Template Specifics */

#body.checkout.invoice table {
	margin: 0 0 1em 0;
}

#body.checkout.invoice #order-details td,
#body.checkout.invoice #order-details th {
	text-align: center;
	border: 1px solid #ddd;
}

#body.checkout #cart th.item,
#body.checkout #cart td.item {
	text-align: left;
}

#body.checkout #totals {
	width: 100%;
}

#body.checkout #totals th
#body.checkout #totals td {
	border: 1px solid #ddd;
}

#body.checkout #totals th {
	text-align: left;
	font-weight: normal;
	width: 50%;
}

#body.checkout #totals td {
	text-align: right;
	width: 50%;
}