﻿/* ========================================== */
/* 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 #ccc;margin:2px;padding: 0;height: 98px;}

.img_nav1 ul li img 
{border:0;margin: 0;padding: 0;width:98px;cursor:pointer;}

.img_nav1 ul li.img_nav_selected #previewImage 
{width:300px;z-index:92;}

.img_nav1 ul li.img_nav_selected
{float:right;width:308px;border:0;margin: 1px .6em;text-align:center;position: relative;z-index:90;height: 310px;}

.img_nav1_selected a
{text-decoration:none;}

#previewImageDesc 
{
	background-color:#fff;
	color: #000;font-size: 100%;margin:0;padding:0;
	position:absolute;left:4px;bottom:8px;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 #ccc;width: 50px;margin: 4px;cursor:pointer;}

.img_nav2 ul li.img_nav_selected
{width:308px;border:0;position:relative;z-index:90;display:block;}

.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; 
}
