/**
 * 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;
}
#shopp form.product ul.options {
	list-style: none;
}
#shopp form ul {
	line-height: 1;
}
#shopp form label {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 20px;
}
#shopp form ul li span label, #shopp form div label {
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 8px;
}
#shopp form ul li {
	width: 90%;
}
#shopp form ul li.half {
	display: inline;
	width: 47%;
	float: left;
	clear: none;
}
#shopp form ul li.half.right {
	display: inline;
	width: 44%;
	float: right;
	padding-right: 30px;
}
#shopp form ul li.halfx {
	display: inline;
	width: 65%;
	float: left;
	clear: none;
}
/**
 * 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 */
#shopp ul.products li.product div.frame {
	padding: 10px 10px 10px 15px;
}
#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;
}
/* Hide the product summary in the grid view */
/* #shopp ul.products li .summary { display: none; }  */
/* #shopp ul.products li .listview { display: none; }  */

/* li.product {  width: 100%; border-bottom: 1px solid #ddd; } */
/* #shopp { width: 100%; } */

#shopp.grid ul.products li {
	float: none;
	width: 100%;
	clear: both;
	padding-bottom: 10px;
}
#shopp.grid ul.products li.product {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
#shopp.grid ul.products li div.frame {
	width: 100%;
	text-align: left;
}
#shopp.grid ul.products li img {
	float: left;
	margin-right: 10px;
}
#shopp.grid ul.products li .details {
	float: left;
	width: 70%;
}
#shopp.grid ul.products li .listview {
	display: block;
}
/* Override Grid View with List View */


#shopp ul.products img {
	display: block;
}
#shopp .price {
	font-weight: bold;
	line-height: 1.5;
	margin: 0;
}
#shopp .original {
	text-decoration: line-through;
}
#shopp .sale {
	font-size: 150%;
}
/* 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 li {
	float: none;
	width: 100%;
	clear: both;
	padding-bottom: 10px;
}
#shopp.list ul.products li.product {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
#shopp.list ul.products li div.frame {
	width: 100%;
	text-align: left;
}
#shopp.list ul.products li img {
	float: left;
	margin-right: 10px;
}
#shopp.list ul.products li .details {
	float: left;
	width: 70%;
}
#shopp.list ul.products li .listview {
	display: block;
}
#shopp ul.breadcrumb {
	margin: 10px 0;
}
#shopp ul.breadcrumb li {
	background: none;
	padding: 0;
	display: inline;
	margin-left: 0;
	text-indent: 0;
}
#shopp ul.categories {
	float: left;
	margin-right: 20px;
}
#shopp #new {
	float: left;
	width: 75%;
}
/* 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: 5px 10px 5px 0;
}
#shopp .gallery ul.previews li.thumbnails ul {
	margin: 10px 0 10px 0;
}
#shopp .gallery ul.previews li.thumbnails li {
	margin: 0 5px 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 {
	padding: 10px 0px 0px 15px;
	width: 100%;
}
#shopp #cart th {
	text-align: left;
	font-weight: bold;
}
#shopp #cart th, #shopp #cart td {
	padding: 3px;
}
#shopp #cart .item {
	width: 50%;
}
#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 {
	font-size: 130%;
}
#shopp #cart .remove {
	font-size: 9px;
}
#shopp #cart address {
	font-style: normal;
}
#shopp #cart big {
	display: block;
	margin: 10px 0;
	padding-left: 15px;
}
#shopp #cart big a.right {
	float: right;
}
/* 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;
	padding-left: 15px;
}
#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 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: 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: 3px 0;
}
#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-cart-ajax ul {
	line-height: 1.5;
}
#shopp-cart-ajax ul li {
	line-height: 1;
	padding-bottom: 5px;
}
.widget_shoppcartwidget p.status {
	display: inline;
	padding-bottom: 2px;
}
/* Override Grid View with List View */
#shopp ul.products li {
	float: none;
	width: 100%;
	clear: both;
	padding-bottom: 10px;
}
#shopp ul.products li.product {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
#shopp ul.products li div.frame {
	width: 100%;
	text-align: left;
}
#shopp ul.products li img {
	float: left;
	margin-right: 10px;
}
#shopp ul.products li .details {
	float: left;
	width: 70%;
}
#shopp ul.products li .listview {
	display: block;
}
/* ================================ */
#checkout-button, #cart .update-button, #shopp .addtocart {
	background-color: #6fb44c;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	border-top-width: medium;
	border-right-width-value: medium;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-bottom-width: medium;
	border-left-width-value: medium;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-top-style: none;
	border-right-style-value: none;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-bottom-style: none;
	border-left-style-value: none;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-top-color: -moz-use-text-color;
	border-right-color-value: -moz-use-text-color;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-bottom-color: -moz-use-text-color;
	border-left-color-value: -moz-use-text-color;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	color: #fff;
	cursor: pointer;
	width: auto;
	font-size: 14px;
	border: 0px;
	padding: 3px;
}
#checkout-button:hover, #cart .update-button:hover, #shopp .addtocart:hover {
	background-color: #a5f22c;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}

#shopp h3 {
	font-weight: bold;
	padding-left: 15px;
}
