/**
 * 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-image:none;
list-style-position:outside;
list-style-type: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;
}
.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 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:medium none;
cursor:pointer;
padding:2px;
}
#shopp .views button:hover {
background-color:#EBEBEB;
border:1px solid #777777;
}
#shopp .views li {
display:inline;
}
#shopp .orderby {
float:right;
}
#shopp .subcategories {
margin-bottom:10px;
padding:10px 0;
}
#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-bottom:0;
margin-top:0;
}
#shopp ul.products li .details {
float:none;
}
#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 a.cancel:before {
content:"[";
}
.filters a.cancel {
font-weight:bold;
}
.filters a.cancel:after {
content:"]";
}
.filters a.cancel:hover {
text-decoration:none;
}
#shopp.list ul.products li {
clear:both;
float:none;
padding-bottom:10px;
width:100%;
}
#shopp.list ul.products li.product {
border-bottom:1px solid #DDDDDD;
}
#shopp.list ul.products li div.frame {
text-align:left;
width:100%;
}
#shopp.list ul.products li img {
float:left;
margin-right:10px;
}
#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 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
display:inline;
margin-left:0;
padding:0;
text-indent:0;
}
#shopp ul.categories {
float:left;
margin-right:20px;
}
#shopp #new {
float:left;
width:75%;
}
#shopp ul.paging {
}
#shopp ul.paging li {
}
#shopp ul.paging li a {
}
#shopp ul.paging li a:hover {
}
#shopp ul.paging li.active {
}
#shopp ul.paging li.disabled {
}
#shopp ul.paging li.previous a, #shopp ul.paging li.next a {
}
#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 {
clear:left;
float:left;
font-weight:bold;
margin-right:10px;
}
#shopp dl dd {
clear:right;
display:block;
}
#shopp .gallery {
margin:5px 30px 5px 0;
}
#shopp .gallery ul.previews li.thumbnails ul {
margin:10px 0;
}
#shopp .gallery ul.previews li.thumbnails li {
margin:0 5px 0 0;
}
#shopp #cart {
width:100%;
}
#shopp #cart table {
padding:10px 0;
width:100%;
}
#shopp #cart th {
font-weight:bold;
text-align:left;
}
#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;
}
#shopp .xcheckout {
clear:both;
display:block;
text-align:right;
}
#shopp .xcheckout button {
border:medium none;
margin:0;
padding:0;
}
#shopp-cart.widget p.status {
margin-bottom:10px;
}
#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 #receipt {
margin:20px 0;
position:relative;
}
#shopp #receipt address {
font-style:normal;
}
#shopp #receipt fieldset {
border:1px solid #DADADA;
float:left;
margin-bottom:30px;
padding:10px;
width:42%;
}
#shopp #receipt fieldset.shipping {
float:right;
width:42%;
}
#shopp #receipt fieldset legend {
display:block;
}
#shopp #receipt table.transaction {
clear:both;
margin-bottom:10px;
width:100%;
}
#shopp #receipt table.transaction th {
padding-right:10px;
text-align:right;
width:80px;
}
#shopp #receipt .order {
border:medium none;
clear:both;
width:100%;
}
#shopp #receipt td {
border:medium none;
}
#shopp #receipt th {
border:medium none;
font-weight:bold;
text-align:left;
}
#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%;
}