/* Generic Shopp Styles */
div.shopp-page { /* div in collection.php */
	width:620px;
	}
div#shopp form#checkout p.submit { 
	width:380px;
	background:#e6e7e8;
	padding:4px;
	}
#shopp form { 
	text-align: left; 
	}
#shopp form label { 
	font-size: 1em; 
	font-weight: bold; 
	padding-bottom: 3px; 
	}
#shopp div#product-details {
	display:block;
	width:260px;
	float:left;
	margin-right:10px;
	overflow:hidden;
	}
#shopp div#purchase-options {
	display:block;
	width:170px;
	float:right;
	background:#e6e7e8;
	padding:0 10px;
	margin-left:20px;
	}
#shopp form.product ul.options { 
	list-style: none;
	width:220px;
	display:block;
	float:left;
	}
#shopp form ul li span label, #shopp form div label { 
	font-size: 1em; 
	font-weight: normal; 
	padding-bottom: 8px; 
	}
a.purchase-button:link, 
a.purchase-button:visited, 
a.purchase-button:active {
	display:block;
	float:right;
	width:140px;/* 140-padding */
	height:15px;/* 35-padding */
	background:#850d70;
	color:#FFF;
	border:none;
	padding:10px;
	font-size:1.125em;
	}
a.purchase-button:hover {
	background:#0ebdd0;
	color:#FFF;
	border:none;
	}
a.collection-button:link, 
a.collection-button:visited, 
a.collection-button:active {
	display:block;
	width:220px;
	height:13px;
	background:#850d70;
	color:#FFF;
	border:none;
	padding:10px;
	font-size:1.125em;
	text-align:center;
}
a.collection-button:hover {
	background:#0ebdd0;
}

/**
 * Sidebar
 **/
div#shop-sidebar, 
div#shop-sidebar h3, 
div#shop-sidebar p {
	width:152px;
	}

/**
 * Catalog/Category
 **/

.categories ul li a.current { 
	font-weight: bold; 
	}
#shopp .category { 
	position: relative; 
	}
#shopp .views { 
	display: inline; 
	position: absolute; right: 0; top: 0; 
	}
#shopp .views button { 
	border: none; 
	background: none; 
	cursor: pointer; 
	padding: 2px; }
#shopp .views button:hover { 
	background-color: #ebebeb; 
	border: 1px solid #777; 
	}
#shopp .views li { 
	display: inline; 
	}
#shopp .orderby { 
	float: right; 
	}
#shopp .subcategories { 
	padding: 10px 0; 
	margin-bottom: 10px;
	}

/* Each product in a category has a containing frame */
#shop ul.products {
	width:620px !important;
	}
#shopp ul.products li.product {
	width:620px;
	clear:both;
	margin:0 0 2.25em;
	padding:0 0 2.25em;
	}
#shopp ul.products li .name, 
#shopp ul.products li .summary, 
#shopp ul.products li .savings, 
#shopp ul.products li .price { 
	margin-top: 0;
	margin-bottom: 0;
	}
#shopp ul.products li.product h4.product-price {
	margin:4px 0 8px;
	font-style:italic;
	}
#shopp div.summary-copy p.savings {
	background:#0ebdd0;
	color:#FFF;
	font-size:110%;
	margin-bottom:8px;
	padding:4px;
	}

/* Hide the product summary in the grid view */
#shopp ul.products li .summary { display: none; }
#shopp ul.products li .listview { display: none; }

#shopp .price { font-weight: bold; line-height: 1.5; margin: 0; }
#shopp .original { text-decoration: line-through; }
#shopp .sale { font-size: 150%; }

.filters a.cancel:before { content: "["; }
.filters a.cancel { font-weight: bold; }
.filters a.cancel:after { content: "]"; }
.filters a.cancel:hover { text-decoration: none; }


/* Product List View */
#shopp.list ul.products li.product {  
	border-bottom: 1px solid #999; }
#shopp.list ul.products li div.frame {
	text-align: left; }
a.product-thumbnail {
	float:left;
	border:1px solid #999;
	}
#shopp.list ul.products div.summary-copy {
	margin:0;
	padding:0;
	width:300px;
	float:right;
	font-size:16px; /* temp fix */
	}
#shopp.list ul.products div.summary-copy h3 {
	display:block;
	width:300px;
	margin:0;	
}	
#shopp.list ul.products div.summary-copy h3 a {
	color:#000;
	font-family: Georgia, Times New Roman, serif;
	font-size:1.5em;
	line-height:1.5em;
}

#shopp ul.breadcrumb { 
	margin: 10px 0; }
#shopp ul.breadcrumb li {
	background: none; 
	padding: 0; 
	display: inline; 
	margin-left: 0; 
	text-indent: 0; } 
#shopp #new { 
	float: left;
	}

/**
 * Product Pages
 **/
#shopp .column { 
	float: left; }
#shopp .column.first {}
#shopp .column.second { float: right;}

#shopp .original { 
	text-decoration: line-through; }
#shopp form.product ul,
#shopp form.product ul li,
#shopp form.product ul li label { 
	clear: none; }
#shopp ul.variations label { 
	/* display: block; */ }
#shopp div#single-product {
	width:540px;
	}
#shopp div#single-product p {
	}
#shopp div#single-product h3 {
	clear:both;
	display:block;
	}
#shopp dl { 
	clear: both; }
#shopp dl dt { 
	font-weight: bold; 
	float: left; 
	margin-right: 10px; 
	clear: left; 
	}
#shopp dl dd { 
	display: block; 
	clear: right; }
#shopp #single-product ul {
	margin:0 0 14px;
	}
/* Color options for products */
#shopp ul#color-choices {
	list-style:none;
	margin: 0 0 0px;
	line-height:.875em;
	}
#shopp ul#color-choices li {
	display:block;
	float:left;
	margin:0 10px 30px 0;
	}
span.product-green {
	display:block;
	float:left;
	padding:4px;
	background-color:#A2AD00;
	color:#FFF;
	text-align:center;
	}
.product-plum {
	display:block;
	float:left;
	padding:4px;
	background-color:#4B2942;
	color:#FFF;
	text-align:center;
}
.product-brown {
	display:block;
	float:left;
	padding:4px;
	background-color:#522D24;
	color:#FFF;
	text-align:center;
	}
.product-black {
	display:block;
	float:left;
	padding:4px;
	background-color:#000;
	color:#FFF;
	text-align:center;
	}
/* Thumbnail Gallery */
#shopp div.gallery { 
	width:540px;
	clear:right;
	margin: 0 0 18px;
	}
#shopp div.gallery a {
	border:none;
	}
#shop div.gallery ul.previews {
	width:460px;
	float:left;
	}
#shopp #single-product div.gallery ul.thumbnails { 
	float:right;
	display:block;
	margin:-260px 0 0;
	width:60px;
}
#shopp #single-product div.gallery ul.thumbnails li {
	margin-bottom:8px;
}
#shopp input.addtocart,
#shopp input#submit-login,
#shopp input#checkout-button,
#shopp input#confirm-button {
	background:#850d70;
	padding:4px;
	border:none;
	color:#FFF;
	}
#shopp input.addtocart:hover {
	background:#0ebdd0;
	}

/**
 * Shopping Cart 
 **/
#shopp div#cart-container {
	}
#shopp #cart {
	width:780px;
	}
#shopp #cart table {
	padding: 0px 0 10px;
	width: 100%;
	}
#shopp #cart #cart-table {
	width:100% !important;
	}
#shopp #cart #cart-table tbody {
	}
#shopp #cart #cart-table th,
#shopp #cart #cart-table tr {
	}
#shopp #cart th { 
	text-align: left; 
	font-weight: bold;
	background:#e6e7e8;
	}
#shopp #cart th, 
#shopp #cart td { 
	padding: 5px 3px; }
#shopp #cart .money, 
#shopp #cart .totals th, 
#shopp #cart .cart-shipping td,
#shopp #cart tr.buttons td { 
	text-align: right;
	white-space: nowrap;
	width:124px;
	}
#shopp #cart .cart-shipping td {
	text-align:right;
	}
#shopp #cart .cart-shipping td ul {
	width:75px;
	text-align:right;
	float:right;
	padding:0 !important;
	margin:0 !important;
	}
#shopp #cart .cart-shipping td ul li {
	background-image:none;
	width:75px;
	padding:0 !important;
	margin:0 !important;
	}
#shopp #cart .cart-shipping td ul li span {
	margin-right:0 !important;
	padding-right:0;
	width:100%
	}
#shopp #cart .cart-shipping td ul li input,
#shopp #cart .cart-shipping td ul li select {
	display:block;
	float:right;
	margin-right:0;
	padding-right:0;
	}
#shopp #cart .checkout-bottom {
	margin-top:20px;
	}
#shopp #cart small {
	font-size:0.8em;
	}
#shopp #cart .totals.total th, 
#shopp #cart .totals.total td { 
	font-size: 130%; }
#shopp #cart .remove { 
	font-size: 9px; }
#shopp #cart .cart-nav {
	width:100%;
	display: block;
	margin: 10px 0;
	}
#shopp #cart .cart-nav a {
	background: #0ebdd0;
	color:#FFF;
	padding:8px;
	border:none !important;
	display:inline;
	float:left;
	}
#shopp #cart .cart-nav a.right { 
	float: right;
	background: #850d70;
	}
#shopp .xcheckout { 
	display: block; 
	clear: both; 
	text-align: right; }
#shopp .xcheckout button { 
	border: none; 
	margin: 0; 
	padding: 0; }

#shopp-cart.widget p.status { margin-bottom: 10px; }

/**
 * Checkout 
 **/
div.shopp div#checkout {
	width:620px;
	}
body.page-template-default div#content form#checkout ul li {
	background:none !important;
	}
#shopp #shipping-methods { 
	padding-left: 30px;
	list-style:none;
	background-image:none;
	}
#shopp #shipping-methods li { 
	margin-top: 5px; 
	}
#shopp #shipping-methods input { 
	margin-left: -16px; 
	}
#shopp ul#checkout-info {
	width:780px;
	margin:40px 0 0;
	}
#shopp div.checkout-spacer {
	clear:both;
	width:100%;
	height:20px;
	}
#shopp ul#checkout-info h4 {
	font-size:1em;
	font-style:normal;
}
#shopp ul#checkout-info p {
	font-size:1em;
	}
#shopp ul#checkout-info li#existing-account {
	}
#shopp ul#checkout-info li p,
#shopp ul#checkout-info li#new-account-field,
#shopp ul#checkout-info li#billing-address-fields,
#shopp ul#checkout-info li#shipping-address-fields {
	width:380px;	
	}
#shopp #errors,
#shopp .error,
#shopp .warning
 { 
	border-top: 2px red dashed;
	border-bottom: 2px red dashed;
	background: #ffc2c2;
	color:#000;
	margin-bottom: 20px;
	padding:4px;
	}
#shopp #errors h3 {
	color:red;
}

/**
 * Order Receipt
 **/
#shopp #receipt { 
	position: relative; 
	margin: 20px 0; }
#shopp #receipt fieldset { 
	float: left; 
	width: auto; 
	width: 40%; 
	padding: 10px; 
	border: 1px solid #dadada; 
	margin: 0  20px 30px 0;
	 }
#shopp #receipt fieldset.shipping { 
	width: 42%;
	}
#shopp #receipt fieldset.shipping p { 
	width: 100%;
	}
#shopp #receipt fieldset legend { 
	display: block; }
#shopp #receipt table.transaction { 
	clear: both; 
	width: 100%; 
	margin-bottom: 10px;
	}
#shopp #receipt table.transaction th { 
	text-align: right; 
	width: 80px; 
	padding-right: 10px;
	}
#shopp #receipt .order {
	width:90%;
	clear:both;
	}
#shopp #receipt .order th { 
	font-weight: bold; 
	text-align: left; 
	border: none;
	background:#e6e7e8;
	}
#shopp #receipt th, 
#shopp #receipt td { 
	padding: 3px 0; 
	}
#shopp #receipt .order .money, 
#shopp #receipt .order .total, 
#shopp #receipt .order .buttons td { 
	text-align: right; }
#shopp #receipt .order .totals.total th, 
#shopp #receipt .order .totals.total td { 
	font-size: 130%; }