/*
# ------------------------------------------------------------------------
# TCVN Images Zoom for VirtueMart Plugin for Joomla 2.5
# ------------------------------------------------------------------------
# Copyright(C) 2008-2012 www.Thecoders.vn. All Rights Reserved.
# @license http://www.gnu.org/licenseses/gpl-3.0.html GNU/GPL
# Author: Thecoders.vn
# Websites: http://Thecoders.com
# ------------------------------------------------------------------------
*/

.zoomPad {
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}
.zoomPreload {
	-moz-opacity:0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: white;
	padding: 8px;
	text-align:center;
	background-image: url(images/zoomloader.gif);
	background-repeat: no-repeat;
	background-position: 43px 30px;
	z-index:110;
	width:90px;
	height:43px;
	position:absolute;
	top:0px;
	left:0px;
	* width:100px;
	* height:49px;
}
.zoomPup {
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
	z-index:101;
	cursor:crosshair;
}
.zoomOverlay {
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
	z-index:101;
}
.zoomWindow {
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
	z-index:10000;
	z-index:110;
}
.zoomWrapper {
	position:relative;
	border:1px solid #999;
	z-index:110;
}
.zoomWrapperTitle {
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:10px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:120;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}
.zoomWrapperImage {
	display:block;
	position:relative;
	overflow:hidden;
	z-index:110;
}
.zoomWrapperImage img {
	border:0px;
	display:block;
	position:absolute;
	z-index:101;
}

.zoomIframe {
	z-index: -1;
	filter:alpha(opacity=0);
	-moz-opacity: 0.80;
	opacity: 0.80;
	position:absolute;
	display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

.additional-images {
	clear:both;
}

ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:2px!important;list-style:none;margin-top:10px!important;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid red;
}

.jqzoom {
	text-decoration:none;
	float:left;
}