/**
* 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: 3px; }
#shopp form ul li span label,
#shopp form div label { font-size: 11px; font-weight: normal; padding-bottom: 8px; }

/**
* 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: 1px solid transparent; background: none; cursor: pointer; padding: 2px; margin-bottom: -3px; }
#shopp .views button.hover { background-color: #ebebeb; border: 1px solid #777; }
#shopp .views li { display: inline; }
#shopp .orderby { float: right; }

#shopp .category .subcategories { padding: 10px 0; margin-bottom: 10px; }
#shopp .category .subcategories ul { padding: 10px 0 0 20px; margin-bottom: 10px; }
#shopp .category .subcategories li { display: inline-block; margin-right: 20px; vertical-align: top; }

#shopp .slideshow,
#shopp .carousel { margin: 20px 0; overflow: hidden; }

/* Each product in a category has a containing frame */
#shopp ul.products li.product div.frame {width:299px; height: 313px; background: #f00 url('../img/shop-category-thumb-container.jpg') top left no-repeat; height: 288px; background: #fff;}
#shopp ul.products li.product div.frame .frame-inner {margin:10px 0 0;}

#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; }

#shopp ul.products img { display: block; }

#shopp .price { line-height: 1.5; margin: 22px 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%; overflow: hidden; padding-bottom: 10px;}
#shopp.list ul.products li.product {  border-bottom: 1px solid #ddd; margin-bottom: 20px;}
#shopp.list ul.products li div.frame { width: 100%; text-align: left;}
#shopp.list ul.products li img { float: left; margin: 0 12px 20px 0; }
#shopp.list ul.products li .details { float: left; width: 65%; }
#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; }

/* 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 form.product ul { width: auto; }
#shopp ul.variations label { display: none; }
#shopp ul.variations li {margin-left:0;}
#shopp dl { overflow: hidden; }
#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 0; 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; }
#shopp #cart big a.right { float: right; }

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

#shopp ul.account li { display: inline-block; width: 200px; padding-top: 18px; }

/**
* 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; }
#shopp input.error { background: #ffdddd; }
#shopp label.error { color: #990000; font-weight: bold; }

/**
* Order Receipt
**/
#shopp #receipt { position: relative; margin: 20px 0; }
#shopp #receipt address { font-style: normal; }
#shopp #receipt fieldset { padding: 10px; margin: 20px 0 30px; }
#shopp #receipt fieldset legend { display: block; }
#shopp #receipt table { overflow: hidden; }
#shopp #receipt table.transaction th { text-align: left; }
#shopp #receipt .labels { width: 100%; border-bottom: 1px solid #DADADA;}
#shopp #receipt table.labels td { vertical-align: top; }

#shopp #receipt .order { width: 100%; overflow: hidden; 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 td.qty { text-align: center; }
#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%; }

/* Olli Shopp Styles */

.shop .breadcrumb {margin:0; padding:0;}
.shop .breadcrumb li {float: left; list-style-type: none; margin:0; padding:0;}
.shop .breadcrumb a {text-decoration: none;}

#menu-shop-sidebar {margin:20px 0 10px; padding:0; clear: both;}
#menu-shop-sidebar li {margin:0; padding:0;}

.shop-sidebar-info {background: url('../img/red-dotted-border.jpg') top left repeat-x; margin:15px 0;}

.shop-container,.shop-index-header  {width:100%; overflow: visible;}
.shop-index-header-display {width:583px; height:374px; float: left; margin-right:3px; background: transparent url('../img/shop-feature.jpg') top left no-repeat; }
.shop-index-header-text {width:310px; height:374px; float: right; background: transparent url('../img/shop-feature-offer.jpg') top left no-repeat;}
.shop-offer-link {display: block; height: 100%}

.shop-index-quotation {width:100%; height: 66px; background: transparent url('../img/shop-quotation.png') center center no-repeat; text-indent: -99999px; clear: both;}

.shop-index-category-container {clear: both; width:100%; overflow: visible; margin-top:5px;}
.shop-index-category {background: transparent url('../img/shop-lower-inset.jpg'); height: 235px; width:296px; margin:0 6px 10px 0; float: left; position: relative;}
.shop-index-category-last{background: transparent url('../img/shop-lower-inset.jpg'); height: 235px; width:296px; margin:0 5px 10px 0; margin:0 !important; float: right; position: relative;}
.shop-index-category-left {margin-right:20px;}
.shop-index-category-left {margin-left: 20px;}
.shop-category-bar {background: transparent url('../img/black30.png') repeat; width:100%; height:32px; display: block; position: absolute; top:0;}
	.shop-category-bar a {color: #fff; line-height: 34px; text-transform:uppercase; padding:0 10px; text-decoration: none;}
	.shop-category-bar a.go {background: transparent url('../img/shop-go-button.jpg') top left no-repeat; width:43px; height: 24px; text-indent: -99999px; float: right; margin:4px 5px 0 0; padding: 0;}
		.shop-category-bar a.go:hover {background: transparent url('../img/shop-go-button.jpg') bottom left no-repeat;}

a.button-continue-shopping {background: transparent url('../img/shop-button-continue-shopping.jpg') top left no-repeat; width:196px; height: 29px; text-indent: -99999px; display: block; float: left;}
a.button-continue-shopping:hover {background: transparent url('../img/shop-button-continue-shopping.jpg') bottom left no-repeat;}

a.button-checkout {background: transparent url('../img/shop-button-checkout.jpg')  top left no-repeat; width:218px; height: 29px; text-indent: -99999px; display: block; float: right;}
a.button-checkout:hover {background: transparent url('../img/shop-button-checkout.jpg') bottom left no-repeat;}

.button-calculate-shipping {background: transparent url('../img/shop-button-calculate-shipping.jpg')  top left no-repeat; width:218px; height: 23px; text-indent: -99999px !important; display: block; border:0; border-color: transparent;
border-width: 0px;
border-style: none;}
	.button-calculate-shipping:hover {background: transparent url('../img/shop-button-calculate-shipping.jpg') bottom left no-repeat;}


.shop-category-image {width:294px; height: 170px; overflow: hidden; margin:0; padding:0; margin:1px;}
.shop-index-category-text {background: transparent; margin:8px auto; display: block; text-align: center; width:250px; color:#000; text-align: center;}
.shop-index-category-text a {text-decoration: none; }

/* New Olli Shop Landing  */

.shop-index-category-container {clear: both; width:100%; overflow: visible; margin-top:5px;}
.shop-index-category-container h3 {font-family:'allie', script;color:#bc1827; font-size: 28px; text-decoration: none;font-weight:normal;}
.shop-index-category {background: url('../img/red-dotted-border.jpg') bottom left repeat-x; padding:0 0 20px; margin:0 6px 20px 0; float: none; position: relative;width:100%;height:auto;}

#shopp .shop-index-category ul:after {content:""; clear:both; display: table;}

#shopp .shop-index-category li {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   		box-sizing: border-box;

width:260px;	   		
margin-right:4%;
float:left;
margin-top: 20px;
}

.shop-category-image {width:auto;height:auto;}
.shop-category-bar {background: none;display:none;width:260px;bottom:80px;top:auto;}
.shop-category-bar a.go {margin-right:10px;}
.shop-index-category li:hover .shop-category-bar {display:block;}

.shop-index-category-text {margin:8px 0; text-align:right;}

.shop-index-category .shop-category-image-placeholder .overlay {width:100%;left:0;}

.shop-index-category .details {text-align: right;}
.shop-index-category h4.name {clear: both; float: right; font-size: 16px; margin-right: 0px; margin-bottom: 0;}  
.shop-index-category .details .price {clear: both; float: right; text-align: right; font-size: 17px; padding:0; margin:0 !important; line-height: normal !important;}
.half-width {
display:inline-block;
width:48%;

}
.half-width.all-natural {margin-right:2%;}
.half-width img {width:100%;height:auto;}

#shopp .all-natural .product, #shopp .salamini .product, .half-width .shop-category-bar, .half-width .shop-index-category-text {
width:380px;
}
/* End New Olli Shop Landing */

.frame {background: rgba(0,0,0,.1);}

.shop-category-image-placeholder {position: relative;}
.shop-category-image-placeholder .overlay {background: rgba(0,0,0,.3); width: 257px; display: block; height: 45px; position: absolute; left:21px; bottom: 0;}
.shop-category-image-placeholder .button-add-to-cart {border:0; margin:0; padding:0; width:129px; height: 24px; display: block; text-indent: -99999px; background: transparent url('../img/shop-button-add-to-cart.jpg') top left no-repeat; margin:11px 0 0 7px;  border-width: 0px; border-style: none;}

.shop-category-image-placeholder .button-add-to-cart:hover {background: transparent url('../img/shop-button-add-to-cart.jpg') bottom left no-repeat;}

/*Shopp Product Page */
.shopp-product-gallery {width:448px; float: left;}
.shopp-product-info {width:436px; float: right;}

.shopp-product-description {border:1px solid #f3f3f3; background: transparent url('../img/shop-prouduct-info-bg.jpg') bottom left repeat-x; overflow: visible;}

.shopp-product-description-inner {margin:10px; overflow: auto;}
.shopp-product-specs li {list-style-type: disc !important;}
.shopp-title-block {
	float: left;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
}

.shopp-title-block h3 {font-size: 21px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px;}
.single-product .price {
	width: 75%;
	text-align: center;
	font-weight: 300;
	font-size: 18px;
	margin: 3px 0;
	background: #fff;
	border: 1px solid rgba(150, 150, 150, 0.15);
	padding: 10px 0;
}
.headline {margin-top: 12px;}

.shopp-product-price-block {	
	float: right;
	width: 285px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.shopp-description {	
	background: transparent url('../img/shop-prouduct-info-bg.jpg') bottom left repeat-x;
	overflow: visible;
	border: 1px solid #f3f3f3;
	padding: 5px;
	height: 174px;
	display: block;
	position: relative;
}

.large-maple-cutting-board .shopp-description, .large-pecam-cutting-board .shopp-description, .small-maple-cutting-board .shopp-description, .small-pecan-cutting-board .shopp-description, .barley-fed-berkshire-eden-farms .shopp-description, .berkshire-becker-lane-deboned .shopp-description, .mangalitsa-bone-in-or-deboned .shopp-description, .sliced-prosciutto .shopp-description {
	height: 215px;
}

.shopp-description-left {
	width: 65%;
	float: left;
}

.shopp-description-right {
	width: 35%;
	float: right;
}

div.product-addon {
	display: none;
}


.shopp-description h3 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}
	.shopp-product-price-block form {width:100%; margin-top:15px; padding-top: 15px; }	
#quantity-1 {float: right;}
.shopp-product-add-to-cart {width:130px; height: 29px; background: transparent url('../img/shop-add-to-cart.jpg') top left; overflow: hidden; text-indent: -9999px; clear: both; margin:15px auto; position: absolute; left: 0; right: 0; }

.shopp-product-add-to-cart:hover {background: transparent url('../img/shop-add-to-cart.jpg') bottom left;}

.mm-add-cart {
	display: none; 
}

.non-mm-add-cart {
	display: block;
}
.shopp-product-specs {margin-top:13px;}

.shopp-product-specs ul {
	margin-left: 20px;
}
.shopp-product-specs .shopp-product-description-inner {background: transparent url('../img/shop-seal.png') 78% 100% no-repeat; min-height: 300px;}

.shopp-product-specs h4 {font-size: 14px; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}

.addtocart {display: none;}

.shop-product-images {width:450px; margin-left: 10px;}
#shopp .shop-product-images li {float: left; margin: 0 5px 0 0; background: transparent url(../img/product-thumbnail-container.png) no-repeat top left !important; overflow: visible; height: 150px; width: 140px; padding: 0; display: block;}
.shop-product-images ul li img {margin:5px;}

/* 	Category Index */
.details a {text-decoration: none; font-weight: 300;}
/* 
h4.name {clear: both; float: right; font-size: 16px; margin-right: 10px; margin-bottom: 0;}
.details .price {clear: both; float: right; text-align: right; font-size: 17px; padding:0 10px 0 0; margin:0 !important; line-height: normal !important;}
*/


/* Shopping Cart Header */
#shopp-cart-ajax {position: absolute; top:70px; margin-top: 10px; width:100%; height: 70px; margin:0 15px; background: transparent url('../img/cart-header-divider.jpg') top center no-repeat; }
#shopp-cart-ajax .status {margin-top: 10px;}

.shopp-shipping-estimate {border:1px solid #f3f3f3; padding:20px; background: #f9f9f9; width:200px;}

/* Cart	 */
.shopp-cart-offer-message {background: #fbecec; display: block; border: 1px solid #df7373;}
.shopp-cart-offer-message p,.shopp-cart-offer-message a {margin:20px; color:  #9d1f1b}
.shopp-cart-offer-message-success {background: #e5f6ea; display: block; border: 1px solid #1b9d46;}
.shopp-cart-offer-message-success p,.shopp-cart-offer-message-success a {margin:20px; color:  #1b9d46;}

/* Checkout */

#checkout tr.totals small {display: none;}
#checkout #cart table th {font-weight: normal; border-bottom: 1px solid #f0f0f0;}

#cart table tr.totals th {font-weight: normal; border:0; font-size: 12px;}
#checkout #cart table tr.total td.money, #checkout #cart table tr.total th {border-top:2px solid #f0f0f0; font-weight: normal; font-size: 14px !important;}
#checkout #cart table tr totals:first-child {border-top: 1px solid #f0f0f0;}
#checkout #shipping-methods {border:1px solid #f0f0f0; background: #f9f9f9; padding:20px; width:50%; margin: 15px 15px 15px 0;}
#checkout #shipping-methods li {margin-left: 20px;}
#checkout #shipping-methods strong {font-weight: 500; font-size: 12px;}

#checkout #billing-address-fields, #checkout .payment {border-top: 1px solid #f0f0f0; padding:10px 0;}
#checkout label {font-weight: 500 !important;}
#checkout #billing-address-fields label, #checkout .payment label {font-weight: 500; margin-top: 10px; margin-bottom: 10px;}
#checkout #checkout .payment {padding-top: 15px;}
#checkout-button {background: transparent url('../img/button-submit-order.jpg') top left no-repeat; width:146px; height: 29px; text-indent: -99999px; float: right; margin:4px 5px 0 0; padding: 0; border:0; border-color: transparent;
border-width: 0px;
border-style: none;}
#checkout-button:hover {background: transparent url('../img/button-submit-order.jpg') bottom left no-repeat;}

/* Confirm	 */

#shopp label, #shopp strong {font-weight: 500 !important;}
#shipping-methods {border:1px solid #f0f0f0; background: #f9f9f9; padding:20px; width:50%; margin: 15px 15px 15px 0;}
#shipping-methods li {margin-left: 20px;}
#shopp #cart th {font-weight: 500;}

@media ( max-width : 1024px ) {
	.shopp-product-price-block {
		float: right;
		width: 170px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.large-maple-cutting-board .shopp-product-price-block, .large-pecam-cutting-board .shopp-product-price-block, .small-maple-cutting-board .shopp-product-price-block, .small-pecan-cutting-board .shopp-product-price-block, .barley-fed-berkshire-eden-farms .shopp-product-price-block, .berkshire-becker-lane-deboned .shopp-product-price-block, .mangalitsa-bone-in-or-deboned .shopp-product-price-block, .sliced-prosciutto .shopp-product-price-block {
		width: 250px;
	}

	.large-maple-cutting-board .shopp-product-photo-inner, .large-pecam-cutting-board .shopp-product-photo-inner, .small-maple-cutting-board .shopp-product-photo-inner, .small-pecan-cutting-board .shopp-product-photo-inner, .barley-fed-berkshire-eden-farms .shopp-product-photo-inner, .berkshire-becker-lane-deboned .shopp-product-photo-inner, .mangalitsa-bone-in-or-deboned .shopp-product-photo-inner, .sliced-prosciutto .shopp-product-photo-inner {
		text-align: center;
	}

	.shopp-description-left {
		width: 100%;
		float: left;
	}

	.shopp-description h3 {
		font-size: 15px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	.headline {
		margin-top: 12px;
		margin-bottom: 6px;
	}

	.shopp-description-right {
		width: 85%;
		float: right;
	}

	.single-product .price {
		width: 75%;
		text-align: center;
		font-weight: 300;
		font-size: 18px;
		margin: 8px 0;
		background: #fff;
		border: 1px solid rgba(150, 150, 150, 0.15);
		padding: 10px 0;
	}

}