/**
 * 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.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/****************************************************/
/***********[ Mage_CSS_B Common Elements ]***********/
/****************************************************/






/********************** Product Detail */
/* Product Images */
.product-img-box {
	float:left;
	width:440px;
	
}
.product-img-box .main-product-img {
	position:relative;
	overflow:hidden;
	width:438px;
	height:449px;
	z-index:9;
	left: 0px;
	top: 0px;
}
.product-img-box .main-product-img img { position:absolute; width:100%; cursor:move; z-index:99; }
.image-zoom {
	z-index:9;
	position:relative;
	height:33px;
	background:url(img1/scroll-bg.html) repeat-x 50% 50%;
	cursor:pointer;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 13px;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 28px;
	padding-bottom: 0;
	padding-left: 28px;
}
#image { width:600px; }
#track {
	position:relative;
	height:33px;
	width: 330px;
	background:url(img1/zoom-line1.html);
	background-position:center;
	background-repeat:repeat-x;
}
#handle {
	position:absolute;
	left:0;
	top:5px;
	width:9px;
	height:22px;
	background:url(img1/zoom-line.html) no-repeat;
	background-image: url(img1/zoom-line.html);
}
.btn-zoom-out {
	position:absolute;
	left:2px;
	top:5px;
	margin-left: 10px;
}
.btn-zoom-in {
	position:absolute;
	right:2px;
	top:5px;
	margin-right: 10px;
}
.product-img-box .more-views h4 { border-bottom:1px solid #6a6a6a; margin-bottom:.8em; font-size:.95em; text-transform:uppercase; }
.product-img-box .more-views li { float:left; margin-right:6px;}
.product-img-box .more-views li.last { margin-right:0; }
.product-img-box .more-views li img { border:2px solid #ddd; }