/**
 * 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: 10px 0 4px 0; }

/**
 * Catalog/Category
 **/
 
#featured-products {
	position:relative;
	width:756px;
	clear:both;
}

#featured-products li.row {
	margin:0;
	padding:0;
}

.categories ul li a.current { font-weight: bold; }
#shopp .category { 
	position: relative;
	width:756px;
}


#shopp .category h1 { 
	margin:0 0 4px 0;
	font-size:40px;
}

#shopp #category-total {
	float:left;
	color:#615841;
}

#shopp #category-description {
	width:524px;
	margin:0 0 14px 0;
}

#shopp #category-description p{
	margin:0 0 5px 0;
}



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

#shopp ul.products #category-image {
	float:right;
	width:354px;
	margin:0 0 21px 0;
	display:block;
	padding:0 24px 0 0;
	white-space:nowrap;
}

#shopp ul.products li.product {
	float:left;
	width:165px;
	height:295px;
	overflow:hidden;
	margin:0 24px 24px 0;
	background:#ccc;
	display:block;
}



#shopp ul.products li.product div.frame { 
	text-align:left;
}


#shopp ul.products li .details { 
	float: none;
	background:url(../images/product-list-details-bg-bot.jpg) no-repeat left bottom;
	padding:0 0 10px 0;
	height:120px;
	overflow:hidden;
}

#shopp ul.products li .name{ 
	background:url(../images/product-list-details-bg-top.jpg) no-repeat left top;
	padding:10px 0 0 0;
	font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	color:#6B8E7D;
	font-size:13px;
	font-weight:bold;
	margin:0 0 3px 0;
	padding:10px 10px 0 10px;	
}

#shopp ul.products li .name a{ 
	color:#6B8E7D;
	text-decoration:none;
}

#shopp ul.products li .name a:hover{ 
	color:#b85089;
}

#shopp ul.products li .savings { 
	padding:0 10px;
}

#shopp ul.products li .summary { 
	line-height:1.2em;
	color:#404040;
	margin:0;
	padding:0 10px;
}

#shopp li.product img { 
	display: block;
	width:165px;
	height:165px;
}

#shopp .price { 
	font-weight: bold;
	font-size:16px;
	line-height: 1.5em;
	margin:3px 0 0 0;
	color:#404040;
	padding:0 10px;
}
#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; }

/*hero product*/

#shopp ul.products li.item1 {
	width:354px;
	height:614px;
	background:#ccc;
}

#shopp ul.products li.item1 div.frame { 
	width:354px;
}

#shopp ul.products li.item1 img { 
	display: block;
	width:354px;
	height:354px;
}

#shopp ul.products li.item1 .details { 
	float:none;
	background:url(../images/product-list-details-bg-hero-bot.jpg) no-repeat left bottom;
	padding:0 0 10px 0;
	height:250px;
	overflow:hidden;
}

#shopp ul.products li.item1 .name{ 
	background:url(../images/product-list-details-bg-hero-top.jpg) no-repeat left top;
	font-size:20px;
	font-weight:normal;
	padding:15px 10px 0 10px;
	margin:0 0 10px 0;
}

#shopp ul.products li.item1 .summary{ 
	/*font-size:14px;*/
}

#shopp ul.products li.item1 .price{ 
	font-size:20px;
}



/* 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: 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; }
#shopp #new { float: left; width: 75%; }

/* Category Pagination */

#shopp .pagination {
	color:#615841;
	padding:0 24px 0 0;
}
#shopp .pagination ul {
	
}
#shopp .pagination div {
	display:inline;
	margin:0 0 0 10px;
}
#shopp ul.paging li { /* placeholder for your styles - inherited defaults: display: inline-block; margin-left: 5px; */ }
#shopp ul.paging li a {
 	color:#6B8E7D;
 }
#shopp ul.paging li a:hover { /* page links hover styling */ }
#shopp ul.paging li.active {
 	color:#000;
 	font-weight:bold;
 }
#shopp ul.paging li.disabled {
 	color:#e3dfd3;
 }
#shopp ul.paging li.previous a,
#shopp ul.paging li.next a { /* previous/next link style */ }


/**
 * Product Pages
 **/

#shopp ul.breadcrumb {
	margin:0 0 10px 0;
}
 
#shopp h1.product-name {
	margin:18px 0 0 0;
	width:354px;
	font-size:36px;
}

#shopp .product-desc {
	margin:0;
	width:354px;
}

#shopp .product-sku {
	margin:0;
	color:#8E8368;
	line-height:normal;
	margin:0 0 24px 0;
}
 
#shopp h3.price {
	padding:0;
}
#shopp h3.sold {
	color:#b85089;
	font-weight:bold;
	font-size:24px;
	width:75px;
	padding:4px;
	border:3px double #b85089;
	text-align:center;
}



#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: none;
	float:left;
	width:354px;
	margin:36px 0;
	padding:20px 0 0 0;
	border-top:1px solid #E3DFD3;
}
#shopp dl dt { 
	font-weight: bold;
	float: left;
	clear:left;
	width:80px;
	margin:0;
	padding:4px 0;
}
#shopp dl dd {
	float:left;
	width:258px;
	padding:4px 0;
	margin:0;
}

#shopp #product-gallery { 
	margin: 8px 0 5px 10px;
	float:right;
	width:354px;
}

#shopp #product-gallery p {
	clear:left; 
	padding:6px 0 0 0;
	font-size:11px;
	color:#615841;
}

#shopp .gallery ul.previews li.thumbnails ul { margin: 10px 0 10px 0; }
#shopp .gallery ul.previews li.thumbnails li { margin: 0 5px 0 0; }

#shopp .gallery .thumbnails {
	margin:14px 0 0 0;
}

#shopp .gallery .thumbnails li {
	margin:0 0 0 14px;
}

#shopp .gallery .thumbnails li img {
	width:78px;
	height:78px;
}


#shopp form ul.variations {
	border-top:1px solid #E3DFD3;
	margin:18px 0 0 0;
	padding:18px 0 0 0;
}

#shopp form ul.variations li label {
	font-size:12px;
	font-weight:bold;
}

#shopp .product-quantity {
	border-top:1px solid #E3DFD3;
	margin:18px 0 0 0;
	padding:18px 0 0 0;
	width:354px;
}

#shopp form .product-quantity label {
	font-size:12px;
	font-weight:normal;
}

#shopp .addtobasket {
	margin:18px 0 0 0;
}

#shopp .addtobasket input.addtocart {
	display:block;
	width:130px;
	height:35px;
	padding:0 0 2px 0;
	background:url(../images/button-cta-130.gif) no-repeat 0px 0px;
	border:none;
	color:#fff;
	font-size:15px;
	text-align:center;
	line-height:35px;
	font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	cursor:pointer;
}

#related-products {
	clear:both;
	padding:54px 0 0 0;
	width:756px;
}

#related-products h3 {
	color:#8e8368;
	font-size:18px;
	border-top:1px solid #E3DFD3;
	padding:24px 0 0 0;
	margin:0 0 18px 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 th.column-heading {
	border-bottom:1px solid #E3DFD3;
}
#shopp #cart th, #shopp #cart td { padding: 5px 0; }
#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 #cart #promo-code-box {
	padding:10px 0;
}

#shopp #cart #promo-code-box div{
	border:1px solid #6B8E7D;
	padding:10px 0 15px 10px;
	height:40px;
}

#shopp #cart #promo-code-box div label {
	padding:0 0 5px 0;
	font-weight:bold;
}

#shopp #cart #promo-code-box #apply-code{
	font-size:11px;
}


#shopp .xcheckout { 
	display: block; 
	clear: both; 
	padding:30px 0 0 0;
	text-align: right; 
}
#shopp .xcheckout button { border: none; margin: 0; padding: 0; }

#shopp-cart.widget p.status { margin-bottom: 10px; }

#shopp #cart-buttons {
	margin:0;
	padding:10px 0 0 0;
	border-top:1px solid #E3DFD3;
}

#shopp a.button-cta {
	display:block;
	background:url(../images/button-cta-180.gif) no-repeat 0px 0px;
	width:180px;
	height:35px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:15px;
	line-height:35px;
	font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}

#shopp #cart-buttons a.right {
	float:right;
}

#shopp a.button {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}

/**
 * Checkout 
 **/
#shopp #checkout {
	position:relative;
	left:110px;
	margin:20px 0 0 0;
}

#shopp #checkout h2{
	margin-top:20px;
	padding:0 0 5px 0;
	font-size:24px;
	border-bottom:1px solid #E3DFD3;
}

#shopp #checkout h2#checkout-new-customers{
	margin-top:20px;
}

#shopp #checkout h3{
	margin-top:20px;
	padding:0 0 5px 0;
	font-size:18px;
	font-weight:bold;
}

#shopp #checkout #shipping-methods input {
	float:left;
	width:20px;
	margin:0;
	padding:0 0 15px 0;
}

#shopp #checkout #shipping-methods label {
	clear:none;
	padding:0 0 15px 0;
}



#shopp #checkout p.checkout-instruction {
	margin:0;
}

#shopp #checkout ul li span {
	padding:0 15px 0 0;
}
#shopp #checkout ul li span#MM {
	padding:0 5px 0 0;
}
#shopp #checkout ul li input,
#shopp #checkout ul li select {
	height:20px;
}

#shopp #checkout ul li input#submit-login {
	margin:20px;
	display:block;
	width:180px;
	height:35px;
	padding:0 0 2px 0;
	background:url(../images/button-cta-180.gif) no-repeat 0px 0px;
	border:none;
	color:#fff;
	font-size:15px;
	text-align:center;
	line-height:35px;
	font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	cursor:pointer;
}

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

#shopp #errors { 
	position:relative;
	left:110px;
	color:#b85089;
	font-weight:bold;
	padding:10px;
	border:3px double #b85089;
}

#shopp .place-order {
	margin:24px 0;
}

#shopp .place-order input#checkout-button {
	display:block;
	width:180px;
	height:35px;
	padding:0 0 2px 0;
	background:url(../images/button-cta-180.gif) no-repeat 0px 0px;
	border:none;
	color:#fff;
	font-size:15px;
	text-align:center;
	line-height:35px;
	font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	cursor:pointer;
}

p.checkout-icons {
	position:absolute;
	width:200px;
	bottom:50px;
	right:0;
	z-index:20;
}

p.checkout-icons img {
	margin:0 0 25px 0;
}

p.checkout-icons a {
	margin:0 0 25px 0;
	z-index:50;
}

/**
 * Order Receipt
 **/
#shopp #order-confirmation {
	position:relative;
	left:110px;
	margin:20px 0 0 0;
}
#shopp #order-confirmation h2{
	margin-top:20px;
	padding:0 0 5px 0;
	border-bottom:1px solid #E3DFD3;
}
#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%; }

/**
 * Basket Summary
 **/
#basket-summary {
	position:absolute;
	width:278px;
	height:80px;
	padding:10px 0 0 72px;
	background:url(../images/basket-summary-bg.gif) no-repeat 0px 0px;
	left:572px;
	top:6px;
	line-height:19px;
}

#basket-summary-links {
	width:125px;
	float:left;
	margin:0 15px 0 0;
}

#basket-summary-links a {
	text-decoration:none;
	font-weight:bold;
}

#basket-summary-totals {
	width:125px;
	float:left;
}

#basket-summary-totals dl { 
	width:125px;
	float:left;
}

#basket-summary-totals dt { 
	width:55px;
	float:left;
	margin:0 5px 0 0;
}

#basket-summary-totals dd { 
	width:65px;
	float:left;
	text-align:right;
}


/* important message */


#important-message {
	background:#872d5a url(../images/important-message-bg.jpg) no-repeat right top;
	border:1px solid #872d5a;
	color:#fff;
	padding:10px 100px 0px 10px;
}

#shopp #checkout #important-message h2 {
	font-size:18px;
	font-weight:normal;
	margin:0 0 12px;
	padding:0;
	border:none;
}