/*

    Title:          jzoom.css
    Author:         3rd party JS plug-in style
    Date Created:   14/04/08

    Synopsis:       click - zoom style

    Last Mod:       15/04/08 GH

*/

.jqzoom
{
	border:solid 1px #d9d9d9;
	float:left;
	position:relative;
	padding:0px;
	cursor:pointer;
}

.jqzoom img
{
	float:left;
}

div.zoomdiv
{
	z-index:1!important;
	position:absolute;
	top:0px;
	left:0px;
	width:332px!important;
	height:410px!important;
	background:#ffffff;
	border:1px solid #CCCCCC;
	display:none;
	text-align:center;
	overflow:hidden;
	margin:0px 0 0 19px!important;
}

div.jqZoomPup
{
	z-index :1!important;
	visibility:hidden;
	position :absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	border: 1px solid #aaa;
	background: #ffffff url(../images/zoom.gif) 50% top  no-repeat;
	opacity:0.4;
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	filter: alpha(Opacity=40);
	cursor:crosshair!important;
}

#product_thumbs
{
    float:left;
    margin:10px 0 10px 4px;
    width:290px!important;
    border:none!important;
}

#product_thumbs li
{
    margin:0px 4px;
    border:1px solid #CCCCCC;
}

#product_thumbs img
{
    width:90px;
    height:112px;
    border: solid 1px #e7e7e7;
}

.image_carousel
{
    width:300px;
}