/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * @category  Symmetrics
 * @package   Symmetrics_StockIndicator
 * @author    symmetrics gmbh <info@symmetrics.de>
 * @author    Andreas Timm <at@symmetrics.de>
 * @author    Ngoc Anh Doan <nd@symmetrics.de>
 * @copyright 2010 symmetrics gmbh
 * @license   http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @link      http://www.symmetrics.de/
 */
 
/**
 * StockIndicator styles
 *
 * @category  Symmetrics
 * @package   Symmetrics_StockIndicator
 * @author    symmetrics gmbh <info@symmetrics.de>
 * @author    Andreas Timm <at@symmetrics.de>
 * @author    Ngoc Anh Doan <nd@symmetrics.de>
 * @copyright 2010 symmetrics gmbh
 * @license   http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @link      http://www.symmetrics.de/
 */
.stock-indicator-wrapper { padding: 5px }

.stock-indicator { margin: 0 auto; }

.stock-indicator.horizontal {
    width: 48px;
    height: 16px;
    background: url(../images/stockindicator/sprite.gif) repeat-x;
}

.stock-indicator.vertical {
    width: 11px;
    height: 33px;
    background: url(../../default/images/stockindicator/sprite_horizontal.gif) repeat-y;
}

.yellow.horizontal { background-position: 0 -16px; }
.green.horizontal { background-position: 0 -32px; }

.yellow.vertical { background-position: -11px 0; }
.green.vertical { background-position: -22px 0; }

.stock_indicator {
	position: relative;
	top: 3px;
	margin:5px;
        width: 48px;
	height: 16px;
 	display: inline-block;
	background: url(../images/stockindicator/sprite.gif) repeat-x;
}

.product-image .stock_indicator {
    margin:8px 60px !important;
}

.grid-row .stock_indicator {
    margin:0px 50px !important;
}

.add-to-holder .stock_indicator {
    margin: 10px 75px !important;
}

.hidden { display: none;}
.red {}
.yellow { background-position: 0 -16px; }
.green { background-position: 0 -32px; }