/**
 * shopp.css
 * Terra Firma styling for Shopp pages
 *
 * @author William Biwer
 * @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; color:#494949;}
#shopp form ul li span label,
#shopp form div label {font-size:11px; font-weight:normal; padding-bottom:8px;}

#shopp a:link, #shopp a:visited {font-style:normal; text-decoration:underline;}
#shopp a:hover, #shopp a:active {font-style:normal; text-decoration:none;}

.view-cart {padding-right:24px; float:right;}

/* CATALOG / CATEGORY 
________________________________________*/
.categories ul li a.current {font-weight:bold;}
#shopp .category {position:relative;}
#shopp .views {display:inline; position:absolute; right:24px;top:16px;}
#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:0 10px; }

#shopp ul.products li .name,
#shopp ul.products li .summary,
#shopp ul.products li .savings {}
#shopp ul.products li .price {float:right; font-size:36px; font-style:italic; margin:0; padding:4px 0 0 0;}
#shopp ul.products li .details {margin-left:24px; float:none; text-align:left;}

/* 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 {border:none;}
#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 {  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: none; width:auto;}
#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 {padding-bottom:6px;}
#shopp ul.variations label {display: inline;}
#shopp dl {/*clear:both;*/}
#shopp dl dt {font-weight:bold; float:left; margin:6px 10px 0 0; /*clear:left;*/}
#shopp dl dd {display:block; margin-top:6px; /*clear:right;*/ }

.price-lg {font-family:Georgia, "Times New Roman", Times, serif; font-size:62px; font-style:italic; border:none !important;}

#shopp .gallery {margin:5px 10px 5px 0;}
#shopp .gallery .thumbnails {float:right; margin-right:148px;}
	#shopp .gallery .thumbnails img {border:1px solid #A9A9A9;}
#shopp .gallery ul.previews li.thumbnails ul {margin:10px 0 10px 0;}
#shopp .gallery ul.previews li.thumbnails li {margin:0 5px 0 0;}

#product-left {width:auto; height:auto; display:block; float:left;}
	#product-left img {padding:0 !important;}
#product-right {width:auto; height:auto; display:inline; float:left;}
#shipping-canada {}
	#shipping-canada h4 {text-indent:9999px;}
#product-featured {z-index:99; width:190px; height:180px; top:170px; left:65px; position:absolute; background:url(../assets/img/layout/badge-feat.png) no-repeat;}

.product-specs {padding-bottom:6px;}
	.product-specs .specs {padding-left:6px;}

.product-summary p {width:auto; height:auto; margin:0 0 12px 0; padding:12px 0; border-bottom:1px solid #494949;}
.product-description p {width:auto; height:auto; margin:0 0 12px 0; padding:12px 0; border-bottom:1px solid #494949;}
.product-description img {margin-right:32px; float:left;}
.product-description #size-chart {width:320px; float:left; padding:0; margin:0 60px 0 0;}
	.product-description caption {position:relative; width:320px; margin-top:24px; padding:0 0 5px 0; font:italic 11px Georgia, "Times New Roman", Times, serif; text-align:right;}
	.product-description th {font:bold 11px Georgia, "Times New Roman", Times, serif; color:#FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; border-top:1px solid #FFF; letter-spacing:2px; text-transform:uppercase; text-align:left; padding:6px 6px 6px 12px; background:#A9A9A9;}
	.product-description th.spec {font:bold 11px Georgia, "Times New Roman", Times, serif; color:#494949; background:#FFF; border-left:1px solid #A9A9A9; border-right:1px solid #A9A9A9; border-bottom:1px solid #A9A9A9;}
	.product-description td {border-right:1px solid #A9A9A9; border-bottom:1px solid #A9A9A9; background:#FFF; padding:6px 6px 6px 12px; font-size:12px; color:#494949;}
		.product-description td.alt {background:#F2F2F2; color:#595959;}
	.product-description ul.desc-list {margin-top:48px !important; float:left; list-style-image:url(../assets/img/layout/bullet-dkgrey-trans.gif) !important;}	
		.product-description ul.desc-list li {}
		
.addtocart {font-family:"league-gothic-1","league-gothic-2", Impact, Helvetica, Arial, sans-serif; font-size:42px; text-transform:uppercase; margin-top:12px; padding:0; background:none; border:none; cursor:pointer;}

/* 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:96%;}
#shopp #cart table {padding:10px 0; width:100%;}
#shopp #cart th {font:bold 11px Georgia, "Times New Roman", Times, serif; color:#FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; border-top:1px solid #FFF; letter-spacing:2px; text-transform:uppercase; text-align:left; padding:6px 6px 6px 12px; background:#000;}
#shopp #cart th, #shopp #cart td {padding:4px;}
#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;}

/*.update-button {font-family:"league-gothic-1","league-gothic-2", Impact, Helvetica, Arial, sans-serif; font-size:32px; text-transform:uppercase; margin-top:12px; padding:0; background:none; border:none; cursor:pointer;}*/

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

/* EXTERNAL CHECKOUT BUTTONS */
#shopp .xcheckout {display:block; margin-right:24px; clear:both; text-align:right;}
#shopp .xcheckout button {border:none; margin:0; padding:0;}

#shopp .xcheckout a {width:151px; height:57px; display:block; background:transparent url("../assets/img/layout/paypal-checkout.gif") no-repeat 0 0; float:right;}
#shopp .xcheckout img {display:none;}

/* SHOPPING CART WIDGET 
________________________________________*/
#shopp-cart.widget p.status {margin-bottom:10px; color:#FFF;}
p.status {margin-bottom:10px; color:#FFF;}
#shopp-cart-items, #shopp-cart-total {color:#F9A23D;}
.sidecart-product {width:60%; color:#FFF;}
	.sidecart-product li {margin-bottom:6px; padding-bottom:12px; border-bottom:1px solid #494949;}
	.sidecart-product li img {margin-right:6px;}
.sidecart-links {color:#FFF;}

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

.billing-shipping {width:96%; margin-bottom:12px;}
.submit {width:96%; margin-bottom:12px;}

#shopp #errors {color:#990000;}

#checkout-button, #confirm-button {font-family:"league-gothic-1","league-gothic-2", Impact, Helvetica, Arial, sans-serif; font-size:42px; text-transform:uppercase; margin:0; padding:0; background:none; border:none; cursor:pointer;}

/* 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 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%; }