/**
* catalog.css
*
* The catalog CSS file provides core styling used to initialize foundational
* elements of the Shopp catalog layout.
*
* DO NOT EDIT! Setup custom theme tempaltes and edit shopp.css to override
* styles here as necessary.
*
**/
#shopp, BR.clear, DIV.clear, #shopp DIV.description, #shopp .products, #shopp .products UL, #shopp .products LI.row, #shopp .category, #shopp #cart, #shopp #cart TABLE
{
	clear: both;
}
#shopp
{
	position: relative;
}
#shopp UL
{
	list-style: none;
	text-indent: 0;
	text-align: left;
	padding: 0;
	margin: 0;
}
#shopp LI
{
	background: none !important;
	padding: 0;
	margin: 0;
}
#shopp LI:before, #shopp-cart:before, #shopp-cart UL LI:before, #shopp-cart #shopp-cart-ajax UL LI:before, #shopp UL.breadcrumb LI:before
{
	content: "";
}
#shopp DIV.hidden
{
	display: none;
}
#shopp .frame
{
	border: none;
}
#shopp .products, #shopp .products UL
{
	width: 100%;
	margin: 0;
	padding: 0;
}
#shopp .products UL LI
{
	display: block;
	float: left;
}
#shopp .products LI.row
{
	display: block;
	width: 100%;
}
#shopp .products .frame
{
	text-align: center;
}
#shopp .products .frame IMG
{
	display: inline;
}
#shopp UL.paging
{
	clear: none;
	display: inline;
}
#shopp UL.paging LI
{
	display: inline;
	margin-left: 5px;
}
/*Shopp Forms*/
#shopp #checkout, #shopp #checkout>UL, #shopp #checkout>UL UL, #shopp #checkout>UL LI
{
	margin: 0;
	padding: 0;
}
#shopp FORM UL
{
	width: 100%;
	clear: both;
	line-height: 1;
}
#shopp FORM UL LI
{
	text-indent: 0;
	clear: both;
	display: block;
	padding: 4px 0;
	margin: 0;
}
#shopp FORM LABEL
{
	clear: both;
	display: block;
}
#shopp FORM UL LI LABEL.inline
{
	display: inline;
	clear: none;
}
#shopp FORM UL LI:before
{
	content: "";
}
#shopp FORM UL LI DIV.inline
{
	width: auto;
	clear: both;
}
#shopp FORM UL LI DIV.inline INPUT
{
	width: auto;
}
#shopp FORM UL LI DIV.inline LABEL
{
	clear: none;
	display: inline;
}
#shopp FORM UL LI INPUT, #shopp FORM UL LI SELECT
{
	margin: 0 0 5px;
}
#shopp FORM UL LI DIV INPUT, #shopp FORM UL LI DIV SELECT
{
	width: 100%;
}
#shopp FORM UL LI DIV.left
{
	display: inline;
	width: 47%;
	float: left;
	margin: 0;
	clear: left;
}
#shopp FORM UL LI DIV.right
{
	display: inline;
	width: 47%;
	float: right;
	margin: 0;
	clear: right;
}
#shopp FORM UL LI.half
{
	display: inline;
	width: 47%;
	float: left;
	clear: none;
}
#shopp FORM UL LI.half.right
{
	display: inline;
	float: right;
}
#shopp FORM UL LI SPAN
{
	float: left;
	padding: 0 5px 0 0;
	display: inline-block;
	text-align: left;
}
#shopp FORM UL LI SPAN LABEL, #shopp FORM DIV LABEL
{
	clear: both;
}
/*Workaround for IE to hide the cart's 'default button' but keep it active*/
#hidden-update
{
	position: absolute;
	left: -999em;
}
/** Shopp Catalog Tag Cloud **/
#shopp .tagcloud, .shopp.tagcloud
{
	padding: 0;
	width: 100%;
}
#shopp .tagcloud LI, .shopp.tagcloud LI
{
	display: inline;
	margin-right: 10px;
	line-height: 1.2;
	padding: 0;
	background-image: none;
}
.shopp.tagcloud LI.level-1
{
	font-size: 30px;
}
.shopp.tagcloud LI.level-2
{
	font-size: 24px;
}
.shopp.tagcloud LI.level-3
{
	font-size: 20px;
}
.shopp.tagcloud LI.level-4
{
	font-size: 18px;
}
.shopp.tagcloud LI.level-5
{
	font-size: 14px;
}
.shopp.tagcloud LI.level-6
{
	font-size: 12px;
}
.shopp.tagcloud LI.level-7
{
	font-size: 11px;
}
/** Categories **/
#shopp .category
{
	position: relative;
}
.content #shopp .views LI, #shopp .views LI
{
	display: inline;
	margin: 0;
	padding: 0;
}
#shopp .views .grid
{
	width: 15px;
	height: 15px;
	background: url(../../../core/ui/icons/grid.png) no-repeat 50% 50%;
}
#shopp .views .list
{
	width: 15px;
	height: 15px;
	background: url(../../../core/ui/icons/list.png) no-repeat 50% 50%;
}
#shopp.catalog .category UL, #shopp.category .category UL
{
	margin: 0;
	padding: 0;
}
#shopp.catalog .category .products LI, #shopp.category .category .products LI, #shopp.catalog .carousel .frame LI
{
	margin: 0;
	padding: 0;
}
#shopp.catalog .listview FORM
{
	margin: 0;
	padding: 0;
}
/** Product Page Gallery **/
#shopp FORM.product LABEL
{
	clear: none;
	display: inline;
}
#shopp .gallery
{
	float: left;
	display: block;
}
#shopp .gallery UL
{
	display: block;
	margin: 0;
	padding: 0 !important;
	position: relative;
	list-style: none !important;
	text-indent: 0;
	width: auto;
}
#shopp .gallery UL LI:before
{
	content: "";
}
#shopp .gallery .previews
{
	position: relative;
	margin: 0 !important;
}
#shopp .gallery .previews LI
{
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
	margin: 0;
	display: block;
	text-align: center;
}
#shopp .gallery .previews LI IMG
{
	display: inline;
	vertical-align: middle;
	margin-top: -3px;
}
#shopp .gallery .previews LI.fill
{
	position: relative;
}
#shopp .gallery .previews LI.active
{
	visibility: visible;
}
#shopp .gallery .thumbnails
{
	margin-top: 10px;
}
#shopp .gallery .thumbnails UL
{
	padding: 0;
}
#shopp .gallery .thumbnails LI
{
	position: relative;
	display: inline;
	visibility: visible;
	height: auto;
	line-height: 1;
	top: auto;
	left: auto;
	margin: 0 0 0 10px;
}
#shopp .gallery .thumbnails LI.first
{
	margin-left: 0;
}
#shopp .gallery .thumbnails LI IMG
{
	cursor: pointer;
}
/** Category Slideshow **/
#shopp .slideshow
{
	position: relative;
	margin: 0;
	clear: both;
	width: 100%;
	overflow: auto;
}
#shopp .slideshow LI
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	display: block;
	text-align: center;
	visibility: hidden;
}
#shopp .slideshow LI.clear
{
	position: relative;
	clear: both;
	visibility: visible;
}
#shopp .slideshow LI.clear:after
{
	clear: both;
}
/** Category Carousel **/
#shopp .carousel
{
	position: relative;
	margin: 0;
	clear: both;
	width: 100%;
}
#shopp .carousel .frame
{
	position: relative;
	margin: 0 20px;
	overflow: hidden;
}
#shopp .carousel UL
{
	position: relative;
	width: 999em;
}
#shopp.catalog .carousel LI
{
	display: inline-block;
	vertical-align: middle;
}
#shopp .carousel BUTTON
{
	position: absolute;
	bottom: 50%;
	cursor: pointer;
	border: none;
	width: 14px;
	height: 14px;
	background-image: url(../../../core/ui/icons/carousel.png);
	background-repeat: no-repeat;
	background-color: transparent;
}
#shopp .carousel BUTTON.left
{
	left: 0;
}
#shopp .carousel BUTTON.right
{
	right: 0;
	background-position: -16px 0;
}
#shopp .carousel BUTTON.left:hover
{
	background-position: 0 -16px;
}
#shopp .carousel BUTTON.right:hover
{
	background-position: -16px -16px;
}