/**

 # ot_ceramic - 	OT Ceramic Template for Joomla 1.7!

 # author 			OmegaTheme.com

 # copyright 		Copyright(C) 2012 - OmegaTheme.com. All Rights Reserved.

 # @license 		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

 # Website: 		http://omegatheme.com

 # Technical 		support: Forum - http://omegatheme.com/forum/

 **/

 /**------------------------------------------------------------------------

 * file: customs.thumb.productdetails.css 1.7.0 00001, December 2011 12:00:00Z OmegaTheme $

 * package:	OT Ceramic Template

 *------------------------------------------------------------------------*/



/* CUSTOM STYLE PRODUCTDETAILS PAGE */

div#large_image_holder{

    overflow: hidden;

    text-align: left;

	padding: 0 0px;

}

div#large_image_holder ul{

	float: left;

    height: 310px;

    padding: 0px;

	margin: 0;

    position: relative;

    width: 330px;

    z-index: 10;

}

div#large_image_holder ul li{

	position: absolute;

	left: 0px;

	top: 0px;

	overflow: hidden;

	height: 310px;

	width: 100%;

	z-index: 9;

}

div#large_image_holder ul li img{

/*	width: 290px; */

	background: #FFF;

	border: 1px solid #CCCCCC;

    max-height: 288px;

    max-width: 280px;

    padding: 10px;

}

div#large_image_holder ul li.hide{

	display: none;

}

div#large_image_holder ul li,

ul#thumb_holder li{

	background: none;

	padding: 0;

	margin: 0;

}

div.additional-images{

	float: right;

    margin: 0 5px 0 0;

    width: 128px;

	/*position: relative;*/

} 

div.additional-images-i{

	width: 330px;

	float: left;

	position: relative;

}

ul#thumb_holder{

	margin: 0;

}

ul#thumb_holder li{

	float: left;

    padding: 0px;

    width: 128px;

    overflow: hidden;

    text-align: center;

}

ul#thumb_holder li div{

	display: block;

    height: 106px;

    margin: 0 0px 0 0;

    overflow: hidden;

    width: 128px;

}

ul#thumb_holder li a{

	background: #FFF;

	border: 1px solid #CCCCCC;

    display: block;

    height: 86px;

    padding: 5px;

	margin: 0px 0px 10px 0;

    overflow: hidden;

    width: 116px;

}

ul#thumb_holder li a span{

	display: block;

    height: 86px;

    overflow: hidden;

    width: 116px;

}

ul#thumb_holder li a.current_img{

	

}

ul#thumb_holder li a img{

	height: auto;

    margin: 0;

	max-height: 116px;

    max-width: 116px;

    padding: 0;

    width: auto;

}