/**
* shopp.css
* Jeremy Rochford Theme
*
* @author Ben Stewart (based on default theme by Jonathan Davis)
* @package shopp

	Colors used:
	#262626	dark grey bg
	#444	dark grey fg
	#777	medium grey fg
	#aaa	light grey fg
	#feebd1	light yellow
	#f8e4c1	light yellow alt.
	#000	black
	#eee	almost white
	#00b5aa	bright blue

**/

/* Get rid of old thickbox leftovers */
#TB_window, #TB_ImageOff, #TB_Image, #TB_secondLine, #TB_closeWindow, #TB_caption, #TB_overlay, #TB_ajaxWindowTitle, 
#TB_title, #TB_ajaxContent, #TB_load, #TB_HideSelect, #TB_iframeContent, #TB_load {display:none;}

/* Generic Shopp Styles */
#shopp {overflow:hidden;}
#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;}
#shopp p.instructions {font-size:0.833em;line-height:1.8;color:#444;}
div#primary-content #shopp .submit a img,
div#primary-content #shopp .submit a {border:0;}
div#shopp p.subnav {margin-bottom:9px;}
body.store h2.page-title {margin-bottom:9px;}
p.print-form-link {color:#777;font-size:11px;}

/**
* Catalog/Category
**/
#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 {clear:both;overflow:hidden;}
#shopp ul.products li.product div.frame {padding:10px;}
#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;}
/* Grid view */
div#shopp.grid div.category-products {margin:0 0 36px;}
	div#shopp div.category-products h3 {border-bottom:1px solid #aaa;font-weight:normal;font-size:11px;line-height:18px;color:#777;text-transform:uppercase;}
	div#shopp.grid div.category-products ul {margin:0;margin:0;clear:both;overflow:hidden;background-color:#eee;}
	div#shopp.grid div.category-products ul li.product {float:left;margin:0 10px 0 0;padding:0;width:189px;min-height:162px;text-align:center;position:relative;background-color:#262626;}
		div#shopp.grid div.category-products ul li.product:hover {background-color:#000;color:#eee;}
		div#shopp.grid div.category-products ul li.product:hover div.product-price,
		div#shopp.grid div.category-products ul li.product:hover div.product-price p.product-savings {background-color:#00b5aa;color:#eee;text-decoration:none;}
	div#shopp.grid div.product-thumb {text-align:center;}
		div#shopp.grid div.product-thumb a {border:none;padding:9px 15px 0;display:block;}
		div#shopp.grid div.product-thumb img {background-color:#eee;}
	div#shopp.grid div.product-details {}
	div#shopp.grid h4.product-name {margin:0;}
	div#shopp.grid h4.product-name a {padding-bottom:9px;display:block;border:none;}
	div#shopp.grid div.category-products ul li.product:hover h4.product-name a {text-decoration:underline;color:#eee;}
	div#shopp.grid h4.product-name a:link, div#shopp.grid h4.product-name a:visited {color:#eee;}
	div#shopp.grid h4.product-name a:hover, div#shopp.grid h4.product-name a:active {color:#eee;}
	div#shopp.grid div.product-price {margin:0;line-height:1;position:absolute;top:0;right:0;background-color:#aaa;padding:4px 6px 4px 5px;}
		div#shopp.grid div.product-price p {margin:0;text-align:right;font-weight:bold;}
		div#shopp.grid div.product-price p.product-saleprice {}
		div#shopp.grid div.product-price p.product-savings {padding-top:4px;font-size:10px;color:#cc2a09;font-weight:normal;}
	div#shopp.grid form.addtocart {margin:0;text-align:center;}
	div#cat-Specials {background-color:#eee;}
		div#cat-Specials ul {}
		div#cat-Specials li {padding:18px 15px;}
/* 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 {font-weight:bold;line-height:1.5;margin:0;}
#shopp .original {text-decoration:line-through;}
#shopp .sale {font-size:150%;}
.filters.enabled a.cancel:before {content:"[";}
.filters.enabled a.cancel {font-weight:bold;}
.filters.enabled a.cancel:after {content:"]";}
/* Product List View */
#shopp.list ul.products li {float:none;clear:both;overflow:hidden;width:100%;}
#shopp.list ul.products li.product {margin:0 0 3em;}
	#shopp.list ul.products li.product+li.product {padding-top:1.5em;border-top:1px solid #9596a0;}
#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;}
#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 #product-details {float:left;width:328px;}
#shopp #product-details h3 {margin-bottom:0;}
#shopp #product-details h4.price {font-size:36px;margin:0;}
#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 {width:240px;float:left;margin:0 30px 18px 0;}
	#shopp div.gallery a {border:0;}
	#shopp div.gallery img {border:0;padding:0;}
	#shopp div.gallery li.active {border:3px solid #262626;}
#shopp .gallery ul.previews li.thumbnails ul {margin:10px 0 10px 0;}
#shopp .gallery ul.previews li.thumbnails li {margin:0 5px 0 0;}
/**
* Sidebar Cart 
**/
div#sidecart {position:relative;margin:0 0 18px;padding:0;background-color:#000;color:#aaa;}
	div#sidecart a:link, div#sidecart a:visited {color:#00b5aa;}
	div#sidecart a:hover, div#sidecart a:active {color:#eee;}
	div#sidecart h4 {background-color:#00b5aa;color:#000;margin-bottom:0;}
	div#sidecart p.status {}
	div#sidecart p.gotocart {text-align:right;padding-right:10px;margin-bottom:9px;}
	table#sidecart-items {margin-bottom:9px;padding:0 10px;}
		table#sidecart-items th {border-color:#444;}
		table#sidecart-items td {border-color:#262626;}
		table#sidecart-items tr.sidecart-total td {font-weight:bold;}
		table#sidecart-items .money {text-align:right;white-space:nowrap;}

/**
* Shopping Cart 
**/
#shopp #cart {width:100%;}
#shopp #cart table {padding:0 0;width:100%;}
	#shopp #cart table.cart {}
#shopp #cart th, #shopp #cart td {padding:3px;border:0;}
#shopp #cart th {text-align:left;font-weight:bold;border-bottom:1px solid #222;}
#shopp #cart tr.even td {background-color:#eee;border-top:1px solid #b9b9bc;}
#shopp #cart .item {width:50%;}
#shopp #cart tr.subtotal td, #shopp #cart tr.subtotal th {border-top:1px solid #222;}
#shopp #cart .money,
#shopp #cart .totals th,
#shopp #cart .buttons td {text-align:right;white-space:nowrap;border:0;}
#shopp #cart .buttons td#promo-input {text-align:left;}
	#shopp #cart .buttons td ul, #shopp #cart .buttons td li {margin:0 0 0 5px;padding:0;display:inline;}
	#shopp #cart tr.buttons ul li input {margin:5px 0;}
	#shopp #cart tr.buttons ul li span {float:none;}
#shopp #cart tr.totals th, #shopp #cart tr.totals td {vertical-align:top;}
#shopp #cart .money-head {text-align:right;}
#shopp #cart .total th,
#shopp #cart .total td {border:0;}
#shopp #cart .total td span {font-weight:bold;}
#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;}
#shopp #cart td.cart-qty input {width:2em;}
#shopp #cart input#promocode {width:150px;}
/**
* Checkout 
**/
#shopp #errors {color:#990000;}
#shopp #checkout {overflow:hidden;}
#shopp #checkout ul {margin:0 0 18px;padding:0;}
#shopp #checkout table#shipping-methods {}
	#shopp #checkout table#shipping-methods td.radio {width:25px;vertical-align:top;}
	#shopp #checkout table#shipping-methods td.radio input {position:relative;top:3px;}
	#shopp #checkout table#shipping-methods label {margin:0;width:auto;text-align:left;}
	#shopp #checkout table#shipping-methods label input.radio-input {width:auto;}
#shopp #checkout ul#checkout-login {}
#shopp #checkout ul#checkout-contact {}
#shopp #checkout ul#checkout-password {}
#shopp #checkout ul#billing-address-fields {}
#shopp #checkout ul#shipping-address-fields {}
#shopp #checkout ul#checkout-payment {}
#shopp #checkout ul#checkout-submit {}
#shopp #checkout ul#checkout-submit li.submit {text-align:left;}
li.checkbox label {display:inline;width:auto;}

/**
* Order Receipt
**/
#shopp #receipt {position:relative;margin:20px 0;}
#shopp #receipt address {font-style:normal;}
#shopp #receipt div.billing-info, #shopp #receipt div.shipping-info {float:left;width:auto;width:42%;padding:10px;border:1px solid #dadada;margin-bottom:30px;}
#shopp #receipt div.shipping-info {width:42%;float:right;}
#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 thead th {border-bottom:1px solid #222;}
#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%;}
