/* 
Moustache Factory Version 2
Revised: June 2006
Author: Nathaniel Davis   
URL: www.artificialmemory.com
*/

/* COLOR SCHEME
Dark Green: #680;
Light Green #ad0;
Yellow: #ffd;
Rust Brown: #a50;
Light Rust: #c60;
Dark Rust: #b52;
*/

/* =PRODUCT PAGES -----------------------------------------------------------*/

dl.thumbnail {
	float: left;
	display: inline;
	width: 125px;
	height: 125px;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	font-size: .9em;
	}

img.mainimage {
	float: left;
	display: inline;
	margin-right: 10px;
	}
h3.prodtitle {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-weight: bold;
	}
ul.buy {
	margin: 1em 0 4em 0;
	}
ul.buy li {
	display: inline;
	margin-right: 1em;
	}
div.smallsection {
	margin: 0 0 4em 0;
	}
	
	
/* =cart styles -----------------------------------------------------------*/

a.button, #content-secondary a.button {
	display: inline;
	padding: .25em;
	margin: .5em;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	background-color: #c60;
	border: 1px solid #a50;
	}
	a.button:hover, #content-secondary a.button:hover {
		background-color: #b52;
		}

div.buttons {
	clear: both;
	}
	div.buttons p {
		display: inline;
		position: relative;
		top: .5em;
		}

ul#cartprogress {
	list-style: none;
	margin: 1em 0;
	}
	ul#cartprogress li {
		display: inline;
		padding: .5em ;
		}
		li.txtcartProgressCurrent {
			font-weight: bold;
			color: #680;
			}

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
	}
	table a.button {
		margin-bottom: .5em;
		display: block;
		text-align: center;
		}
	th {
		background: #680;
		color: #fff;
		font-size: .8em;
		padding: 2px 10px;
		border: 0;
		}
	th#cart-qty, th#cart-product {
		text-align: left;
		}
	td {
		padding: 10px;
		border-bottom: 1px dotted #680;
		}
	td.tdcartOdd, td.tdOdd {
		background: #ffd;
		}
	table input {	
		width: 2em;
		}
	dl#removedef {
		float: left;
		display: inline;
		}
	dl#removedef dt {
		float: left;
		padding: .25em 0;
		width: 20px;
		}
	dl#removedef dd {
		margin: 0 0 0 20px;
		padding: .25em 0;
		}
	dl#cartsubtotal {
		float: right;
		display: inline;
		padding: 0 0 .25em 0;
		margin: 0 0 .5em 0;
		}
	dl#cartsubtotal dt {
	    float: left;
	    padding: .25em 0;
	    width: 100px;
    	text-align: right;
  		}	
	dl#cartsubtotal dd {
	    margin: 0;
	    padding: .25em 0 .25em 120px;
		}
	dt.carttotal, dd.carttotal {
		border-top: 1px dotted #680;
		font-weight: bold;
		}
	a#checkoutbutton {
		float: right;
		margin-left: 1em;
		display: inline;
		}
	a#updatebutton {
		float: left;
		margin-right: 1em;
		display: inline;
		}
	div#billingaddress, div#shippingaddress {
		margin-bottom: 1em;
		}
	ul.address {
		line-height: 1.25em;
		margin: 1em 0;
		}

	
/* =form styles -----------------------------------------------------------*/
	.content fieldset {
		width: 80%;
		margin: 1em auto;
		padding: .5em 2em 1em 2em;
		background: #ffd;
		border: 1px dotted #680;
		}
	.content label {
		margin: 1em 0;
		display: block;
		}
	ul.buy label {
		display: inline;
		}
	.content input.textbox {
		width: 100%;
		margin-bottom: .5em;
		}
	.content textarea {
		width: 100%;
		height: 4em;
		}
	.content input.checkbox, .content input.radio {
		margin: 0 .5em;
		}
	select {
		display: block;
		margin-bottom: .5em;
		}
	.content label.name {
		width: 50%;
		margin-left: 1em;
		}
	.content label.email {
		width: 50%;
		margin-left: 1em;
		}
	.content label.message {
		display: block;
		margin-left: 1em;
		margin-right: 1em;
		}
	.content label.message textarea {
		width: 100%;
		}
	label.required {
		font-weight: bold;
		}
	input#quantity {
		width: 3em;
		}
	ul.buy {
		margin: 1em 0 4em 0;
		}
	ul.buy li {
		display: inline;
		margin-right: 1em;
		}
	div.smallsection {
		margin: 0 0 4em 0;
		}
	
/* =text styles -------------------------------------------------------*/

	.price {
		color: #680;
		}
	.price span {
		font-weight: bold;
		color: #666;
		}
	p.moreitems a {
		text-decoration: none;
		}
	.details {
		font-size: .8em;
		}
	.txtOldPrice { 
		text-decoration: line-through;
		font-weight: normal;
		}
	
	span.sale, span.Sale { color: #c03;	font-weight: bold; }
	img.floatright { float: right; margin-left: 1em; margin-bottom: 1em;}
	
	ul.desktop {
		float: left;
		display: inline;
		clear: right;
		width: 200px;
		margin: 2em;
		text-align: center;
		}
	ul.desktop img {
		margin-top: 1em;
		}
	
	div.pagination {
		margin: 1em 0 2em 0;
		color: #680;
		}
		div.pagination a {
			font-weight: bold; 
			margin: 0 .5em;
			}
		div.pagination strong {
			font-weight: bold; 
			color: #a50;
			}
			
	form.mailsignup {
		margin: 1em auto;
		width: 20em;
		padding: 1em;
		background-color: #ffd;
		border: 1px dotted #9c3;
		}
		form.mailsignup p {
			margin: 1em .5em;
			}