/**
 * catalog.css
 *
 * The catalog CSS file provides core styling used to initialize foundational
 * elements of the Mycart catalog layout.
 *
 * DO NOT EDIT! Setup custom theme tempaltes and edit mycart.css to override
 * styles here as necessary.
 *
 **/
#mycart div.description,
#mycart .products,
#mycart .products ul,
#mycart .products li.row,
#mycart .category,
#mycart #cart,
#mycart #cart table { overflow: hidden; }

#mycart { position: relative; }
#mycart ul { list-style: none; text-indent: 0; text-align: left; padding: 0; margin: 0; }
#mycart li { background: none !important; padding: 0; margin: 0; }
#mycart li:before,
#mycart-cart:before,
#mycart-cart ul li:before,
#mycart-cart #mycart-cart-ajax ul li:before,
#mycart ul.breadcrumb li:before { content: ""; }
#mycart div.hidden,
#mycart select.hidden { display: none; }


#mycart .frame { border: none; }

#mycart .products, #mycart .products ul { width: 100%; margin: 0; padding: 0;}
#mycart .products ul li { display: block; float: left; border: none; }
#mycart .products li.row { display: block; width: 100%; }
#mycart .products .frame { text-align: center; overflow: hidden; }
#mycart .products .frame img { display: inline; }

#mycart ul.paging { clear: none; display: inline; }
#mycart ul.paging li { display: inline; margin-left: 5px;}

/* Mycart Forms */
#mycart #checkout,
#mycart #checkout > ul,
#mycart #checkout > ul ul,
#mycart #checkout > ul li { margin: 0; padding: 0; }
#mycart form ul { width: 100%; overflow: hidden; line-height: 1; }
#mycart form ul li { text-indent: 0; clear: both; display: block; padding: 4px 0; margin: 0; }
#mycart form label { clear: both; display: block; }
#mycart form ul li label.inline { display: inline; clear: none; }
#mycart form ul li:before { content: ""; }
#mycart form ul li div.inline { width: auto; clear: both; }
#mycart form ul li div.inline input { width: auto;  }
#mycart form ul li div.inline label { clear: none; display: inline; }
#mycart form ul li input,
#mycart form ul li select { margin: 0 0 5px 0; }
#mycart form ul li div input,
#mycart form ul li div select { width: 100%; }
#mycart form ul li div.left { display: inline; width: 47%; float: left; margin: 0; clear: left; }
#mycart form ul li div.right { display: inline; width: 47%; float: right; margin: 0; clear: right; }
#mycart form ul li.half { display: inline; width: 47%; float: left; clear: none; }
#mycart form ul li.half.right { display: inline; float: right; }
#mycart form ul li span { float: left; padding: 0 5px 0 0; display: inline-block; text-align: left; }

/* Workaround for IE to hide the cart's 'default button' but keep it active */
#hidden-update { position: absolute; left: -999em; }

/** Mycart Catalog Tag Cloud **/
#mycart .tagcloud,
.mycart.tagcloud { padding: 0; width: 100%; }
#mycart .tagcloud li,
.mycart.tagcloud li { display: inline; margin-right: 10px; line-height: 1.2; padding: 0; background-image: none; }
.mycart.tagcloud li.level-1 { font-size: 30px; }
.mycart.tagcloud li.level-2 { font-size: 24px; }
.mycart.tagcloud li.level-3 { font-size: 20px; }
.mycart.tagcloud li.level-4 { font-size: 18px; }
.mycart.tagcloud li.level-5 { font-size: 14px; }
.mycart.tagcloud li.level-6 { font-size: 12px; }
.mycart.tagcloud li.level-7 { font-size: 11px; }

/** Categories **/
#mycart .category { position: relative; }
.content #mycart .views li,
#mycart .views li { display: inline; margin: 0; padding: 0; }

#mycart .views .grid { width: 15px; height: 15px; background: url('../../../core/ui/icons/grid.png') no-repeat 50% 50%; }
#mycart .views .list { width: 15px; height: 15px; background: url('../../../core/ui/icons/list.png') no-repeat 50% 50%; }

#mycart .category ul { margin: 0; padding: 0; }
#mycart.catalog .category .products li,
#mycart.category .category .products li,
#mycart.catalog .carousel .frame li { margin: 0; padding: 0; }

#mycart.catalog .listview form { margin: 0; padding: 0; }


/** Product Page Gallery **/
#mycart form.product label { clear: none; display: inline; }

#mycart .gallery { float: left; display: block; }
#mycart .gallery ul { display: block; margin: 0; padding: 0 !important; position: relative; list-style: none !important; text-indent: 0; width: auto; }
#mycart .gallery ul li:before { content: ""; }
#mycart .gallery li a { margin: 0; padding: 0; float: none; }
#mycart .gallery .previews { position: relative;  margin: 0 !important; overflow: hidden; }
#mycart .gallery .previews li { position: absolute; visibility: hidden; top: 0; left: 0; margin: 0; display: block; text-align: center; }
#mycart .gallery .previews li.fill { position: relative; }
#mycart .gallery .previews li.fill img { margin: 0; padding: 0; }
#mycart .gallery .previews li.active { visibility: visible; }
#mycart .gallery .thumbnails { margin-top: 10px; overflow: hidden; text-align: justify; display: block; }
#mycart .gallery .thumbnails ul { padding: 0; }
#mycart .gallery .thumbnails li { position: relative; display: inline; visibility: visible; height: auto; top: auto; left: auto; }
#mycart .gallery .thumbnails li.first { margin-left: 0; }
#mycart .gallery .thumbnails li img { cursor: pointer; display: inline; }

/** Category Slideshow **/
#mycart .slideshow { position: relative; margin: 0; clear: both; width: 100%; overflow: auto; }
#mycart .slideshow li { position: absolute; top: 0; left: 0; margin: 0; display: block; text-align: center; visibility: hidden; }
#mycart .slideshow li.clear { position: relative; clear: both; visibility: visible; }
#mycart .slideshow li.clear:after { clear: both; }

/** Category Carousel **/
#mycart .carousel { position: relative; margin: 0; clear: both; width: 100%; }
#mycart .carousel .frame { position: relative; margin: 0 20px; overflow: hidden; }
#mycart .carousel ul { position: relative; width: 999em; }
#mycart.catalog .carousel li { display: inline-block; vertical-align: middle;}
#mycart .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; }
#mycart .carousel button.left { left: 0; }
#mycart .carousel button.right { right: 0; background-position: -16px 0; }
#mycart .carousel button.left:hover { background-position: 0 -16px; }
#mycart .carousel button.right:hover { background-position: -16px -16px; }

/** Twenty-Ten Fixes **/
#mycart h1,#mycart h2,#mycart h3,#mycart h4,#mycart h5,#mycart h6 { clear: none; }
#mycart form table, #mycart form table td { border: none; }