#shop {
}

#shop-title {
	margin: 0 0 8px 0;
}

#shop-title a {
	display: block;
	background: #000;
	color: #fff;
	padding: 8px;
	text-decoration: none;
}

#shop-content {
	width: 588px;
	float: left;
}

#shop-cart-mini {
	width: 204px;
	float: right;
	margin: 0;
	padding: 0;
}

#shop-cart-mini .dataset {
	margin: 8px 0;
}

#shop-cart-mini .dataset table {
	border-top: none;
}

#shop-cart-mini .dataset table tbody td:first-child {
	width: 1em;
	font-weight: bold;
}

#shop-cart-mini .dataset table td {
	vertical-align: top;
	padding: 6px;
	margin: 0;
	font-size: 10pt;
}

#shop-cart-mini .dataset table td a {
	color: #000;
	text-decoration: none;
}

#shop-cart-mini .dataset table td  a:hover {
	text-decoration: underline;
}

#shop-cart-mini .dataset tfoot {
	text-align: right;
	font-weight: bold;
}

#shop-cart-mini .dataset tfoot td {
	background-color: #222;
	color: #fc0;
	font-size: 12pt;
}

#shop-cart-mini form {
	padding: 0;
	margin: 0;
}

#shop-cart-mini form input[type=submit] {
	padding: 4px;
	margin: 4px 0;
	width: 204px;
	font-size: 12pt;
	border: solid 1px #555;
	color: #444;
	background: #dfdfdf url(/images/place-order.png) 0 0 repeat-x;	
}

#shop-cart-text {
	margin: 0;
	padding: 8px;
	background: #222;
	color: #fff;
}

#shop-cart-link {
	margin: 0;
	background: #222;
}

#shop-cart-link a {
	display: block;
	padding: 8px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#shop-cart-mini a.bottom {
	display: block;
	text-align: center;
	text-decoration: underline;
	padding: 8px;
	color: #000;
}

#shop-cart-mini a.bottom:hover {
	text-decoration: none;
}


#shop-product {
	width: 572px;
}

#shop-product h1 {
	marign: 0;
}

#shop-product h1 a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 8px;
	margin: 0;
	background: #222;
}

#shop-product-image img {
	border: 4px solid #000;
}


#shop-product .dataset {
	padding: 0 0 16px 0;
	margin: 0;
}

#shop-product .dataset table {
	margin: 0;
	color: #ffe807;
}

#shop-product .dataset table tr td {
	background: #222;
	color: #fc0;
	padding: 12px;
	font-size: 10pt;
	vertical-align: middle;
}

#shop-product .dataset table tbody tr td .cart-control {
	text-align: right;
}

#shop-product .dataset table tr td input[type=text] {
	padding: 4px;
	margin-right: 4px;
}

#shop-product .dataset table tbody tr td input[type=submit] {
	padding: 4px;
}



#shop-products {
	
}

#shop-products .product {
	width: 176px;
	height: 248px;
	margin: 0 16px 16px 0;
	float: left;
	border: 2px solid #222;
}

#shop-products .product h3 a {
	display: block;
	margin: 128px 0 0 0;
	text-decoration: none;
}

#shop-products .product h3 a span {
	display: block;
	padding: 8px;
	background: black;
	color: #fff;
	height: 32px;
}

#shop-products .product h3 a:hover span {
	text-decoration: underline;
}

#shop-products .product h4 {
	float: right;
	text-align: right;
	color: #fc0;
	font-size: 16pt;
	margin: 4px;
	background: #000;
	padding: 4px 6px;
}

#shop-products .product .cart-control {
	width: 160px;
	margin: auto;
}

#shop-products .product .cart-control select {
	width: 100%;
	margin: auto auto 4px auto;
	padding: 4px;
}

#shop-products .product .cart-control input[type=text] {
	padding: 4px;
	text-align: right;
	margin-right: 4px;
}

#shop-products .product .cart-control input[type=submit] {
	padding: 4px 0;
	width: 100px;
}

/* css for order processing screens */


#shop-order-steps {
	margin: 0 0 16px 0;
}

#shop-order-steps h4 {
	float: right;
	margin: 0 0 16px 0;
}

#shop-order-steps ul {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	height: 24px;
}

#shop-order-steps ul li {
	width: 122px;
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

#shop-order-steps ul li span {
	display: block;
	border: 1px solid #555;
}

#shop-order-steps ul li span a {
	background: #000;
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 4px 0;
	text-align: center;
	font-size: 13pt;
	font-weight: bold;
}

#shop-order-steps ul li span a:hover {
	background: #fff;
	color: #000;
}

#shop-order-steps ul li#shop-cart-step-final {
	margin: 0;
}

#shop-order-steps ul li.active span a {
	background: #fff;
	color: #000;
}

.proceed {
	padding: 0;
	margin: 0;
	background: #222;
	padding: 8px;
}

div.proceed h1 {
	color: #fff;
	background: #222;
	font-size: 13pt;
	float: left;
	margin: 8px;
}

.proceed h2 {
	color: #fff;
	font-size: 12pt;
	float: left;
	margin: 8px;
}

.proceed form input[type=submit] {
	float: right;
	padding: 0;
	margin: 0;
	width: 168px;
	height: 32px;
	font-size: 12pt;
	border: solid 1px #555;
	color: #444;
	background: #dfdfdf url(/images/place-order.png) 0 0 repeat-x;	
}



/* .form is common across all order processing screens */

.formbox {
	padding: 0;
	margin: 0;
	background: #ebebeb;	
}

.formbox form fieldset {
	padding: 8px;
	margin: 0 0 8px 0;
}

.formbox .form p {
	margin: 12px 0;
}

.formbox .form p label {
	display: block;
	float: left;
	width: 140px;	
}

.formbox .form fieldset {
	margin: 4px 0;
	padding: 8px;
}

.formbox .form input.primary {
	display: block;
	float: left;
	width: 32px;	
}

/* each view has a matching id */

/* cart */

#cart {
}

#cart input[type=submit] {
	margin: 2px 2px 0 0;
}


#cart table td a {
	font-weight: bold;
	color: #000;
}

td.cart-image {
	width: 64px;
}


.cart table tfoot td {
	background: #ddd;
	font-weight: bold;
}


/* checkout */ 

#cart #shop-checkout .form {
	width: 472px;
}

#cart .dataset table {
	margin: 0 0 4px 0;
}

#cart .dataset table tr td {
	color: #000;
	background: #ddd;
	margin: 0;
	padding: 4px;
	vertical-align: middle;
}

#cart .dataset table tr td.dataset-numeric {
	font-size: 11pt;
	text-align: right;
}

#cart .dataset table tr td input[type=text] {
	padding: 4px;
	margin: 0 4px 0 0;
	width: 32px;
	color: #444;
}

#cart .dataset table tr td input[type=submit] {
	padding: 4px;
	width: 60px;
}

#cart .dataset table tr td .shop-product-cart-control {
}

#cart .dataset table tr td .shop-product-cart-control a {
	background: url(/assets/shop/remove.png) center no-repeat;
	width: 30px;
	height: 30px;
	display: block;
}

#cart .dataset table tr td .shop-product-cart-control a span {
	display: none;
}

#cart .dataset table tr td.blank-space {
	background: #ebebeb;
	height: 4px;
	margin: 0;
	padding: 0;
}

#cart .dataset table.shipping-space tr td {
	background: #ebebeb;
	color: #000;
	border: solid 1px #ebebeb;
}

#cart .dataset table tr td a {
	text-decoration: none;	
}

#cart .dataset table tr td a:hover {
	text-decoration: underline;
}

#cart .dataset table tr td.cart-image {
	margin: 0;
	padding: 0;
}

#cart .dataset table tr td.cart-image img {
	border: solid 1px #fff;
	margin: 8px;
}

#cart .dataset table tr td.cart-title {	
	vertical-align: middle;
}

#cart .dataset table tr td.cart-title h3 {
	margin: 0;
}

#cart .dataset table tr td.cart-title h3 a {
	padding: 8px;
	font-size: 12pt;
	color: #000;
}

#cart .dataset table tfoot tr td {
	background: #000;
	color: #fff;
	font-size: 10pt;
}

#cart .dataset table tfoot tr td.dataset-numeric {
	color: #fc0;
}

/* checkout */ 

#checkout {
}

#checkout h1 {
	background: #000;
	color: #fff;
	padding: 3px 0 3px 8px;
	margin: 8px 0 0 0;
}

#checkout h2 {
	color: #000;
	padding: 4px 0;
	margin: 0;
	font-size: 12pt;
}

#checkout form input[type=submit] {
	padding: 4px 16px;
	margin: 4px 2px;
	font-size: 12pt;
	border: solid 1px #555;
	color: #444;
}

#checkout fieldset {
	background: #d8d8d5;
}

#checkout-guest {
	float: right; 
}

#checkout-guest fieldset {
	margin: 0;
}

/* shipping */ 
#shipping {
}

#shipping h1 {
	background: #000;
	color: #fff;
	padding: 8px;
	margin: 8px 0 0 0;
}

#shipping fieldset {
	background: #d8d8d5;
}

#shipping fieldset h3 {
	font-size: 12pt;
}

#shipping fieldset p label {
	font-weight: bold;
}

#shipping ul#shipping_methods li {
	display: block;
	margin: 8px 0;
	padding: 0;
}

#shipping ul#shipping_methods li label {
	margin: 0 0 0 8px;
	font-weight: bold;
}

#shipping input[type=submit] {
	padding: 4px 16px;
	margin: 4px 2px;
	font-size: 12pt;
	border: solid 1px #555;
	color: #444;
	background: #dfdfdf url(/images/place-order.png) 0 0 repeat-x;	
	float: right;
}

/* payment */ 

#payment {
}

#payment h1 {
	background: #000;
	color: #fff;
	padding: 8px;
	margin: 8px 0 0 0;
}


#payment .formbox {
	padding: 16px;
}

/* review */

#review {
}

#review h1 {
	color: #fff;
	padding: 3px 0 3px 8px;
	margin: 8px 0 0 0;
}

#review form input[type=submit] {
	padding: 4px 16px;
	margin: 4px 2px;
	font-size: 12pt;
	border: solid 1px #555;
	color: #444;
	background: #dfdfdf url(/images/place-order.png) 0 0 repeat-x;	
}

/* processed */ 

#processed h1 {
	background: #000;
	color: #fff;
	padding: 8px;
	margin: 8px 0 0 0;
}

#processed p {
	color: #000;
	padding: 4px 0;
	margin: 8px 0 0 0;
	font-size: 13pt;
}