/**
* shopp.css
* Generic layout & styles for Shopp pages
*
* @author Jonathan Davis
* @package shopp
**/

/* Generic Shopp Styles */

#shopp .submit {
	text-align: right;
}
#shopp form {
	text-align: left;
	margin: 0 0 1.5em 0;
}
#shopp form.product ul.options {
	list-style: none;
}
#shopp form ul {
	line-height: 1;
}
#shopp form label {
	color: #45423b;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
}
#shopp form ul li span label,
#shopp form div label {
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 8px;
}
.cell {
	background: #ebe9df !important;
	border: 1px #9e9c92 solid;
	margin: 0 0 1.5em 0 !important;
	padding: 6px !important;
}
#billing-address, #billing-xaddress, #shipping-address, #shipping-xaddress {
	width: 98% !important;
}
/**
* 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;
}

#shopp .product_content {
	background: #fff;
	border: 4px #bfb9a8 solid;
	padding: 10px 6px 14px;
}
#shopp .product_content .gallery {
	width: 45%;
	float: left;
	margin: 0;
}
#shopp .product_information {
	width: 50%;
	float: right;
}
#shopp .product_information .price, #shopp .product_information .savings {
	width: 40%;
	padding: 4px 10px;
}
#shopp .product_information .price {
	margin: 0 0 8px;
}
#shopp .product_information .price.original {
	background: transparent;
	margin: 0;
}

/* Each product in a category has a containing frame */
#shopp ul.products li.product div.frame {
	padding: 0;
	text-align: center;
	width: 100%;
}
#shopp ul.products.landing li.product div.frame {
	text-align: left;
}
#shopp ul.products.landing li.product {
	min-height: 180px;
	font-size: 0.917em;
	line-height: 1.636em;
}

#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 .details {
	float: none;
}

#shopp .savings {
	color: #58604e;
	font-style: italic;
	text-transform: lowercase;
}

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

#shopp ul.products img, #shopp .gallery img, .cartimage, .ngg-album-link img, .ngg-gallery-thumbnail img {
	background: #fff;
	border: 4px #d0d1be solid;
	display: block;
	padding: 1px;
}

#shopp .price {
	background: #cf8a47;
	color: #fff;
	padding: 4px 0;
	margin: 9px 0 2px 0;
	text-align: center;
}
#shopp .savings {
	background: #fff;
	border: 3px #e5e1d7 solid;
	padding: 4px 0;
	text-align: center;
}
#shopp.list ul.products li.product .addtocart {
	margin: 9px 0 0 0;
}
#shopp .original {
	color: #bfb8a7;
	text-decoration: line-through;
	margin: 0;
}
#shopp .sale {
	margin: 0;
}

/* Faceted menu cancel filter link styles */
.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 {
	margin: 0;
}
#shopp.list ul.products li.product {
	background: #fff;
	border: 4px #d0d1be solid;
	display: block;
	float: left;
	font-size: 0.917em;
	margin: 0 11px 11px 0;
	min-height: 150px;
	padding: 6px;
	width: 40%;
}
#shopp.list ul.products li.product {
/*	border-bottom: 1px solid #ddd;*/
}
#shopp.list ul.products li.product a, #shopp ul.all_products a {
	color: #45423b;
	text-decoration: none;
}
#shopp.list ul.products li div.frame {
	width: 100%;
	text-align: left;
}
#shopp.list ul.products li img, #shopp ul.all_products li img  {
	float: left;
	margin-right: 10px;
}
#shopp.list ul.products li .details {
	float: left;
	width: 40%;
}
#shopp.list ul.products li .listview {
	display: block;
}

#shopp ul.breadcrumb {
	background: transparent url('../images/breadcrumb.jpg') no-repeat 0 0;
	color: #998258;
	display: block;
	height: 48px;
	left: -30px;
	line-height: 44px;
	margin: 0 0 -28px 0;
	position: relative;
	text-indent: 30px;
	top: -28px;
	width: 666px;
}
#shopp ul.breadcrumb li {
	background: none;
	display: inline;
	margin-left: 0;
	padding: 0;
	text-indent: 0;
}
#shopp ul.breadcrumb li a {
	color: #998258;
	text-decoration: none;
}

#shopp ul.categories {
	float: left;
	margin-right: 20px;
}

/* Category Pagination */
#shopp ul.paging {/* placeholder for your styles - inherited defaults: clear: none;
display: inline-block; */
}
#shopp ul.paging li {/* placeholder for your styles - inherited defaults: display: inline-block;
margin-left: 5px; */
}
#shopp ul.paging li a {/* page links default styling */
}
#shopp ul.paging li a:hover {/* page links hover styling */
}
#shopp ul.paging li.active {/* currrent page style */
}
#shopp ul.paging li.disabled {/* style for disabled previous/next links */
}
#shopp ul.paging li.previous a,
#shopp ul.paging li.next a {/* previous/next link style */
}

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

#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 dl {
	clear: both;
}
#shopp dl dt {
	font-weight: bold;
	float: left;
	margin-right: 10px;
	clear: left;
}
#shopp dl dd {
	display: block;
	clear: right;
}

#shopp .gallery {
	margin: 0 1.5em 1.5em 0;
}
#shopp .gallery ul.previews li.thumbnails ul {
	margin: 10px 0 10px 0;
}
#shopp .gallery ul.thumbnails li {
	float: left;
	margin: 0 3px 0 0;
}

/**
* Category List Widget
**/
ul.shopp_categories {/* category list container */
}
ul.shopp_categories li {/* category listing containers */
}
ul.shopp_categories li a {/* category link default styles */
}
ul.shopp_categories li a:hover {/* category link hover styles */
}
ul.shopp_categories li span {/* categpry product count styles */
}
ul.shopp_categories li.current {/* currently viewed category container */
}
ul.shopp_categories li.current a {/* currently viewed category link style */
}
ul.shopp_categories li.current a:hover {/* currently viewed category link hover style */
}
ul.shopp_categories li ul.children {/* sub-category list container */
}
ul.shopp_categories li ul.children li {/* sub-category listing container */
}
ul.shopp_categories li ul.active {/* active sub-category container */
}

/* Collapsed sub-category menus example
ul.shopp_categories li ul.children {
display: none;
}
ul.shopp_categories li ul.active {
display: block;
}
*/

/**
* Side Products Widget
**/
.sideproduct {
	margin-top: 20px;
}
.sideproduct h3 {
	margin-top: 0;
}

/**
* Shopping Cart
**/
#shopp #cart {
	width: 100%;
}
#shopp #cart table {
	margin: 0;
	padding: 10px 0;
	width: 100%;
}
#shopp #cart th {
	text-align: left;
	font-weight: bold;
}
#shopp #cart th, #shopp #cart td {
	padding: 6px;
}
#shopp #cart .item {
	width: 35%;
}
#shopp #cart .availability {
	width: 200px;
}
#shopp #cart .money,
#shopp #cart .totals th,
#shopp #cart .buttons td {
	text-align: right;
	white-space: nowrap;
}
#shopp #cart .totals.total th,
#shopp #cart .totals.total td {
	background: #cf8a47;
	color: #fff;
	font-size: 130%;
}
#shopp #cart .remove {
	font-size: 9px;
}

#shopp #cart address {
	font-style: normal;
}
#shopp #cart big {
	display: block;
	margin: 10px 0;
}
#shopp #cart a.right {
	float: right;
}

#shopp #tablewrap {
	background: #fff;
	border: 2px #bfb9a8 solid;
	margin: 0 0 1.5em 0;
	padding: 10px;
}
#shopp table thead th {
	background: #e3e0d1;
}
#shopp table tfoot {
	font-style: normal;
}

/* External checkout buttons */
#shopp .xcheckout {
	display: block;
	clear: both;
	text-align: right;
}
#shopp .xcheckout button {
	border: none;
	margin: 0;
	padding: 0;
}

/**
* Shopping Cart Widget
**/
#shopp-cart.widget p.status {
	margin-bottom: 10px;
}

/**
* Checkout
**/
#shopp #shipping-methods {
	padding-left: 30px;
}
#shopp #shipping-methods li {
	margin-top: 5px;
}
#shopp #shipping-methods input {
	margin-left: -16px;
}

#shopp #errors {
	color: #990000;
}

/**
* Order Receipt
**/
#shopp #receipt {
	position: relative;
	margin: 20px 0;
}
#shopp #receipt address {
	font-style: normal;
}
#shopp #receipt fieldset {
	float: left;
	width: auto;
	width: 42%;
	padding: 10px;
	border: 1px solid #dadada;
	margin-bottom: 30px;
}
#shopp #receipt fieldset.shipping {
	width: 42%;
	float: right;
}
#shopp #receipt fieldset legend {
	display: block;
}
#shopp #receipt .transaction {
	clear: both;
	margin-bottom: 10px;
}
#shopp #receipt .transaction th {
	width: 80px;
}
#shopp #receipt .transaction div {
	float: left;
	width: 50%;
}
#shopp #receipt .transaction {
	background: #fff;
	border: 2px #bfb9a8 solid;
	padding: 10px;
}

#shopp #receipt .order {
	width: 100%;
	clear: both;
	border: none;
}
#shopp #receipt td {
	border: none;
}
#shopp #receipt th {
	font-weight: bold;
	text-align: left;
	border: none;
}
#shopp #receipt th,
#shopp #receipt td {
	padding: 6px;
}
#shopp #receipt .order .item {
	width: 50%;
}
#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%;
}

#shopp dl.details {
	width: 100%;
}
#shopp dl.details dt, #shopp dl.details dd {
	float: left;
	margin: 0 0 1.5em 0;
	width: 40%;
}
#shopp dl.details dt {
	color: #afaf99;
}
#shopp dl.details dd {
	font-weight: bold;
}
#cart-overview {
	background: transparent url('../images/cart.png') no-repeat 0 0;
	display: block;
	height: 32px;
	font-size: 0.917em;
	line-height: 28px;
	position: absolute;
	right: 0;
	text-indent: 50px;
	top: 0;
	width: 154px;
	z-index: 10;
}
#cart-overview a {
	color: #564221;
	text-decoration: none;
}
#cart-overview a:hover, #cart-overview a:active {
	color: #cf8a47;
}
#cart-overview #shopp-cart-ajax ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#shopp .all_products li {
	background: #fff;
	border: 4px #d0d1be solid;
	display: block;
	float: left;
	font-size: 0.917em;
	margin: 0 1px 1px 0;
	min-height: 170px;
	padding: 6px;
	width: 45%;
}
#shopp #terms {
	font-size: 0.917em;
	line-height: 1.636em;
	height: 200px;
	overflow: auto;
}
#shopp .gallery .previews li img {
	display: block;
	margin-top: 0;
}
#added {
	background: transparent url('../images/added.png');
	color: #e3e0d1;
	display: none;
	height: 30px;
	left: 0;
	line-height: 30px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 9999;
}