﻿.slide
{
    margin: 0;
    padding: 0;
    position: relative;
}
.slide .jCarouselLite
{
    float: left;
    left: -5000px;
    position: relative;
    visibility: hidden;
}
.hea-slide
{
    background-image: url(../Images/bg-slide.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #000000;
    font-weight: bold;
    padding-left: 50px;
    height: 44px;
    margin-top: 5px;
    float: left;
    width: 94%;
}
.hea-slide div
{
    border-bottom: 1px solid #ffffff;
    margin-right: 10px;
}
.prev
{
    background-image: url(../Images/imageNavRight.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 125px;
    width: 30px;
    float: left;
}
.next
{
    background-image: url(../Images/imageNavLeft.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 125px;
    width: 30px;
    float: left;
}
.slide-img
{
    padding: 3px 4px 3px 4px;
    border: 0px solid #cbcbcb;
    margin: 5px;
}
.slide-title
{
    text-align: center;
}
.photo {
    background-color: #E7E7E7;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.Tile-photo
{
    font-size:16px;
    font-weight:bold;
    color:#003399;
    text-align:center;
}
.clearfix{
	clear:both;
	float:none;
}
#bigPic{
	width:580px;
	min-height:400px;
	padding:1px;
	border:1px solid #CCC;
	background-color:#FFF;
	margin-bottom:10px;
}
#bigPic img{
	position:absolute;
	display:none;
}
ul#thumbs li.active{
	border:2px solid #000;	
	background:#fff;
	padding:2px;
}
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}
	
ul#thumbs li{
	float:left;
	margin-right:7px;
	margin-bottom:5px;
	border:1px solid #CCC;	
	padding:3px;
	cursor:pointer;
}
ul#thumbs img{
	float:left;
	width:60px;
	height:60px;
	line-height:60px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}