﻿/* ========================================== */
/* Image Nav Layout 1 */
/* ========================================== */
.img_nav1
{position:relative;}

.img_nav1 *
{padding:0;margin:0;}

.img_nav1 ul
{list-style-type:none;margin:0;padding:0;}

.img_nav1 ul li
{float: left;border: solid 1px #aaa;margin:0 4px 4px 0;padding: 0;display:block;}

.img_nav1 ul li, .img_nav1 ul li img 
{width:104px;height:104px;}

.img_nav1 ul li.img_nav_selected
{
    
	width:304px;
	height:304px;
	padding:10px;
	background-color:#fff;
	text-align:center;
	position: relative;
	z-index:40;
	overflow:hidden;
}


.img_nav1_selected a
{text-decoration:none;}

.img_nav1 ul li.img_nav_selected #previewImage 
{width:300px;height:300px;z-index:42;}

#previewImageDesc 
{
	background-color:#fff;
	font-size: 100%;
	margin:0;
	padding:0;
	position:absolute;
	left:4px;
	bottom:0;
	text-align:left;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; 
}

/* ========================================== */
/* Image Nav Layout 2 */
/* ========================================== */

.img_nav2
{
	float:left;
}

.img_nav2 ul
{
	margin:0;
	padding:0;
	width: 325px;
}

.img_nav2 ul li
{
	display: inline;
}

.img_nav2 ul li img 
{
	border: solid 1px #aaa;
	width: 54px;
	margin:0 4px 4px 0;
}

.img_nav2 ul li.img_nav_selected
{
	width:308px;
	border:0;
	position:relative;
	z-index:90;
}

.img_nav2 ul li.img_nav_selected #previewImage {
	width:300px;
	z-index:92;
	padding:.5em;
	background-color:#fff;
}

.img_nav2 ul li.img_nav_selected #previewImageDesc
{
	background-color:#fff;
	font-size: 100%;
	margin:0;
	padding:0;
	position:absolute;
	left:6px;
	bottom:9px;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; 
}

#ImageNav_lowerContainer
{
	display:none;
}
