/**
 * shopp.css
 * Generic layout & styles for Shopp pages
 **/

/* Generic Shopp Styles */


#shopp .no-products {
	margin: 20px 0 50px 0;
}

#shopp .related {
	margin: 60px 0 0 0;
}

#shopp .random {
	margin: 60px 0 0 0;
}

#share-product {
	margin: 20px 0 20px 0;
}

#shopp .submit { 
	text-align: right; 
}
#shopp form { 
	text-align: left; 
}
#shopp form.product{ 
	float: left; 
}
#shopp form.product ul.options { 
	list-style: none; 
}
#shopp form.product label { 
	color: #da5421; 
	font: bold 12px "Arial", Verdana, Tahoma; 
}
#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 h2.product {
	color: #da5421;
	font-size: 18px;
	margin: 20px 0px 10px 0px;
}

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

#shopp ul.products li .name { 
	color: #3d4048; 
	margin: 10px 0 10px 0; 
	padding: 0; 
	font: normal 12px "Arial", Verdana, Tahoma; 
	line-height:16px; 
}
#shopp ul.products li .name a { 
	color: #3d4048; 
	text-decoration: none; 
}
#shopp ul.products li .name a:Hover { 
	color: #3d4048; 
	text-decoration: underline; 
}

#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 ul.products img {
	border: 5px solid #ddd0b2;
}
#shopp ul.products img a {
	border: 5px solid #ddd0b2;
}
#shopp ul.products img:hover {
	border: 5px solid #464646;
}
#shop #order-summary {
	width: 300px;
}

#shopp .price-category { 
	color: #da5421; 
	margin: 0 0 10px 0; 
	font: bold 14px "Arial", Verdana, Tahoma; 
	line-height:14px; 
	text-align: center; 
}
#shopp .savings-category { 
	color: #3d4048; 
	margin: 0 0 10px 0; 
	font: normal 12px "Arial", Verdana, Tahoma; 
	line-height:12px; 
	text-align: center; 
}
#shopp .price a { 
	color: #da5421; 
	text-decoration: none; 
}
#shopp .price a:hover { 
	color: #da5421; 
	text-decoration: underline; 
}

#shopp .price { 
	color: #da5421; 
	margin: 0 0 10px 0; 
	font: bold 14px "Arial", Verdana, Tahoma; 
	line-height:14px; 
	text-align: left; 
}
#shopp .price a { 
	color: #da5421; 
	text-decoration: none; 
}
#shopp .price a:hover { 
	color: #da5421; 
	text-decoration: underline; 
}
#shopp .price-container {
	margin: 20px 0 20px 0;
}
#shopp .msrp-price {  
	text-decoration: line-through;
	color: #3d4048; 
	margin: 0 0 10px 0; 
	font: bold 14px "Arial", Verdana, Tahoma; 
	text-align: left; 
}
#shopp .msrp {  
	text-decoration: none; 
	color: #3d4048; 
	margin: 0 10px 0 0; 
	font: bold 14px "Arial", Verdana, Tahoma; 
	text-align: left; 
}
#shopp .sale { 
	text-decoration: none;
	color: #da5421; 
	margin: 0 10px 10px 0; 
	padding:0; 
	font: bold 14px "Arial", Verdana, Tahoma;
	text-align: left; 
}
#shopp .sale-price { 
	text-decoration: none;
	color: #da5421; 
	margin: 0 0 10px 0; 
	padding:0; 
	font: bold 14px "Arial", Verdana, Tahoma;
	text-align: left; 
}
#shopp .div-price {
	text-decoration: none;
	color: #ddd0b2; 
	margin: 0 10px 10px 10px; 
	padding:0; 
	font: bold 14px "Arial", Verdana, Tahoma;
	text-align: left; 
}
#shopp h3.sale-price {
	text-align: left;
}
#shopp h3.product-price {
	text-align: left;
	text-decoration: none;
	color: #da5421; 
	margin: 0 0 10px 0; 
	padding:0; 
	font: bold 14px "Arial", Verdana, Tahoma;
	text-align: left; 
}
#shopp .span-price { 
	text-decoration: none; 
	color: #da5421; 
	margin: 0 0 10px 10px; 
	font: bold 14px "Arial", Verdana, Tahoma; 
	text-align: left; 
}

/* 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 img {
	border: 5px solid #ddd0b2;
}
#shopp.list ul.products li img a {
	border: 5px solid #ddd0b2;
}
#shopp.list ul.products li img:hover {
	border: 5px solid #464646;
}
#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;
}

/* Shop Forms */
.addtocart {
	border: none;
	height: 25px;
	width: 92px;
	background: url(../images/button-addtocart.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
input {
	color: #3d4048; 
	margin: 0 10px 0 0; 
	padding: 3px;
	font: bold 12px "Arial", Verdana, Tahoma; 
	border: 1 px solid #3d4048;
	background-color: #ddd0b2;
}
select {
	color: #3d4048; 
	margin: 0 10px 0 0; 
	padding: 3px;
	font: bold 12px "Arial", Verdana, Tahoma; 
	border: 1 px solid #3d4048;
	background-color: #ddd0b2;
	
}

/* 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 label { 
	display: block; 
}
#shopp dl { 
	clear: both; 
	padding: 10px 0 20px 0; 
	margin: 0; 
}
#shopp dl dt { 
	font-weight: bold; 
	float: left; 
	width: 250px; 
	text-align: left; 
	font: bold 14px "Arial", Verdana, Tahoma; 
	line-height:18px; 
}
#shopp dl dd { 
	text-align: left; 
	font: normal 14px "Arial", Verdana, Tahoma;
	line-height:18px; 
}

#shopp .gallery { 
	margin: 5px 20px 20px 0; 
	width: 255px;
}

#shopp .gallery .active img {
	border: 5px solid #ddd0b2;
}
#shopp .gallery .active img a {
	border: 5px solid #ddd0b2;
}
#shopp .gallery .active img:hover {
	border: 5px solid #464646;
}
#shopp .gallery ul.previews li.thumbnails ul { 
	margin: 10px 0 10px 0; 
}
#shopp .gallery ul.previews li.thumbnails li { 
	margin: 0 5px 0 0; 
}

/***  For Safari and Chrome   ***/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#shopp .gallery ul.previews li.fill {
	margin: -240px 0 0 0;
	width: 260px;
	height: 500px;
}
#shopp .gallery ul.thumbnails { 
	margin: 0 0 0 0;
	width: 260px;
}
}


/**
 * 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 .shopping-cart-container {
	margin: 30px 0 20px 0;
	text-align: left;
}
#shopp .random img {
	border: 5px solid #ddd0b2;
	margin: 5px 0 3px 0;
}
#shopp .random img a {
	border: 5px solid #ddd0b2;
}
#shopp .random img:hover {
	border: 5px solid #464646;
}
#shopp .label-header {
	color: #da5421; 
	padding: 30px 0 20px 0; 
	font: bold 14px "Arial", Verdana, Tahoma;
}
#shopp .label-header-receipt {
	color: #da5421; 
	padding: 0 0 0 0; 
	font: bold 14px "Arial", Verdana, Tahoma;
}
#shopp .warning {
	color: #da5421; 
	margin: 30px 0 20px 0; 
	padding:0; 
	font: bold 14px "Arial", Verdana, Tahoma;
}
#shopp .warning-cart {
	color: #da5421; 
	margin: 0; 
	padding:0; 
	font: bold 14px "Arial", Verdana, Tahoma;
}
#shopp .cart-checkout-buttons {
	margin: 20px 0 20px 0;
	height: 25px;
	width: 960px;
}
#shopp .continue-shopping {
	float: left;
	border: none;
	height: 25px;
	width: 148px;
	background: url(../images/button-shopping.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
#shopp .proceed-checkout {
	float: right;
	border: none;
	height: 25px;
	width: 161px;
	background: url(../images/button-checkout.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
#shopp .update-button {
	border: none;
	margin: 10px 0 0 0;
	padding: 0;
	height: 25px;
	width: 92px;
	background: url(../images/button-update.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
#shopp .remove {
	border: none;
	height: 20px;
	width: 20px;
	background: url(../images/button-remove.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
#shopp #submit-login {
	border: none;
	height: 25px;
	width: 55px;
	margin: 18px 0 0 0; 
	background: url(../images/button-login.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
#shopp #save-button {
	border: none;
	height: 25px;
	width: 54px;
	margin: 18px 0 0 0; 
	background: url(../images/button-save.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
#shopp #checkout-button {
	border: none;
	height: 25px;
	width: 104px;
	margin: 30px 0 0 0;
	padding: 0;
	background: url(../images/button-order.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
	float: left;
}
#shopp #confirm-button {
	float: right;
	border: none;
	height: 25px;
	width: 107px;
	background: url(../images/button-confirm.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
#shopp #apply-code {
	float: left;
	border: none;
	height: 25px;
	width: 143px;
	background: url(../images/button-promo.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
#shop .submit-confirm {
	float: right;
}
#shopp .cart-headers {
	color: #da5421; 
	font: bold 13px "Arial", Verdana, Tahoma; 
}
#shopp p.nothing {
	margin: 30px 0 0 0;
}
#shopp p.thank-you {
	color: #3d4048;
	margin: 25px 0 0 0;
	font: normal 14px "Arial", Verdana, Tahoma;
	line-height:18px;
	text-align: left;
}
#shopp p.thank-you a {
	color: #da5421;
	text-decoration: underline;
}
#shoppt p.thank-you a:hover {
	text-decoration: none;
}
#shopp .history .history-headers {
	color: #da5421; 
	font: bold 14px "Arial", Verdana, Tahoma; 
	height: 35px;
}
#shopp .history .history-info {
	color: #3d4048; 
	font: normal 13px "Arial", Verdana, Tahoma; 
	height: 25px;
}
#shopp .history a { 
	color: #da5421;
	text-decoration: none;
}
#shopp .history a:hover { 
	color: #da5421;
	text-decoration: underline;
}
#shopp .history { 
	width: 600px;
	margin: 30px 0 0 0; 
}
#shopp .history table { 
	margin: 0; width: 100%; 
}
#shopp .history th { 
	text-align: left; 
	font-weight: bold; 
}
#shopp .history th, #shopp #history td { 
	padding: 3px;
}
#shopp .history .date { 
	width: 50%; 
	margin: 0 0 15px 0;
}
#cart a { 
	color: #3d4048;
	text-decoration: none;
}
#shopp #cart a:hover { 
	color: #3d4048;
	text-decoration: underline;
}
#shopp #cart { 
	width: 960px; 
}
#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: 650px; 
}
#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 .receipt-name {
	margin: 0;
	padding: 10px 0 6px 0;
	color: #3d4048; 
	font: bold 15px "Arial", Verdana, Tahoma; 
}
#shopp #cart .receipt-info {
	margin: 0;
	padding: 0 0 2px 0;
	color: #3d4048; 
	font: normal 13px "Arial", Verdana, Tahoma; 
}

#shopp #cart .receipt-container {
	padding: 30px 0 0 0;
}

/** Account Page **/
#shopp ul.account-menu{
	margin: 25px 0 25px 0;
	padding: 0;
	display: inline;
}
#shopp ul.account-menu li{
	background: url(../images/bullet.gif) 0 11px no-repeat;
	font-size: 13px;
	font-weight:bold; 
	color: #da5421;
	line-height: 18px;
	padding: 5px 0 0 15px;
	margin: 0 20px 10px 0;
	list-style-type: none;
	display: inline;
}
#shopp ul.account-menu li a{
	font-size: 13px;
	font-weight:bold; 
	color: #da5421;
	text-decoration: none;
	display: inline;
}
#shopp ul.account-menu li a:hover{ 
	color: #a855bold24;
	text-decoration: underline;
	display: inline;
}
#shopp h4.account-welcome {
	color: #3d4048; 
	padding: 40px 0 30px 0; 
	margin: 0;
	font: bold 12px "Arial", Verdana, Tahoma;
	text-align:left;
}

#shopp .account-link {
	color: #da5421; 
	padding: 20px 0 40px 0; 
	margin: 0;
	font: bold 12px "Arial", Verdana, Tahoma;
}
#shopp .account-link a {
	color: #da5421; 
	font: bold 12px "Arial", Verdana, Tahoma;
	text-decoration: none;
}
#shopp .account-link a:hover {
	color: #da5421; 
	font: bold 12px "Arial", Verdana, Tahoma;
	text-decoration: underline;
}
#shopp #recover-button {
	border: none;
	height: 25px;
	width: 143px;
	margin: 18px 0 0 0; 
	background: url(../images/button-password.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}

/* External checkout buttons */
#shopp .xcheckout { 
	display: block; 
	clear: both; 
	text-align: right; 
}
#shopp .xcheckout button { 
	border: none; 
	margin: 0; 
	padding: 0; 
}

/**
 * Shopping Cart Widget
 **/
#shopp-cart.widget p.status { 
	margin-bottom: 10px; 
}
.side-cart-container {
	height: 110px;
}
p.status {
	color: #da5421;
	font-size: 14px;
	text-align: left;
	width: 270px;
	height: 30px;
	margin: 0;
	padding: 0; 
}

p.cart-links {
	color: #a85524;
	font-size: 12px;
	text-align: left;
	width: 270px;
	margin: 0 0 0 0;
	padding: 0; 
}
p.cart-links a {
	color: #a85524;
	font-size: 12px;
	text-decoration: none;
}
p.cart-links a:hover {
	color: #a85524;
	font-size: 12px;
	text-decoration: underline;
}

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

#shopp #errors { 
	border: 5px solid #ddd0b2;
	width: 910px;
	padding: 20px;
	margin: 0 0 30px;
	color: #da5421;
	font: bold 14px 'Arial', Verdana, Tahoma;
}
#shopp #errors p.errors { 
	color: #da5421; 
	font: bold 14px 'Arial', Verdana, Tahoma;
}
/**
 * Order Receipt
 **/
#shopp #receipt { 
	position: relative; 
	margin: 0; 
	width: 960px; 
}
#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: 30px; 
}
#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: 650px;
}
#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%; 
}