﻿/* ========================================== */
/* Image Nav Layout 1 */
/* ========================================== */
.img_nav1
{
	max-width: 830px;
	min-width: 300px;
}

.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:2px;
	padding: 0;
	height: 98px;
}

.img_nav1 ul li img 
{
	border:0;
	margin: 0;
	padding: 0;
	width:98px;
}

.img_nav1 ul li.img_nav_selected #previewImage {
	width:300px;
	z-index:42;
}

.img_nav1 ul li.img_nav_selected
{
	float:right;
	width:308px;
	border:0;
	margin: 1px .6em;
	text-align:center;
	position: relative;
	z-index:40;
	height: 310px;

}

.img_nav1_selected a
{
	text-decoration:none;
}

#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:.2em;
	padding:0;
	width: 300px;
}

.img_nav2 ul li
{
	display: inline;
}

.img_nav2 ul li img 
{
	border: solid 1px #aaa;
	width: 50px;
	margin: 4px;
}

.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;
}

.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;
}