a.jCarouselLiteLinks {
	text-decoration: none;	
	background: none;	
}

a.jCarouselLiteLinks:hover {	
	background: none;	
}

#ImageBoxOuterContainer img{
	border: none;
}

#ImageBoxOuterContainer a{
	text-decoration: none;	
}

#ImageBoxOuterContainer {
	font-size: 11px;
	color: #666666;	
}

div#jCarouselLiteDemo{
		
}

#jCarouselLiteDemo .carousel div.prev,#jCarouselLiteDemo .carousel div.next
	{
	display: block;
	float: left;
	width: 30px;
	height: 37px;
	text-decoration: none;
	background: url("../images/gallery/imageNavLeft.gif") no-repeat;
	
}

#jCarouselLiteDemo .carousel div.disable,#jCarouselLiteDemo .carousel div.disable
	{
	display: block;
	float: left;
	width: 30px;
	height: 37px;
	text-decoration: none;
}

#jCarouselLiteDemo .carousel div.next {
	background: url("../images/gallery/imageNavRight.gif") no-repeat;
}

#jCarouselLiteDemo .carousel div.next:hover {
	background: url("../images/gallery/imageNavRightHover.gif") no-repeat;
}

#jCarouselLiteDemo .carousel div.prev:hover {
	background: url("../images/gallery/imageNavLeftHover.gif") no-repeat;
}

#jCarouselLiteDemo .carousel a:hover,#jCarouselLiteDemo .carousel a:active
	{
	border: none;
	outline: none;
}

#jCarouselLiteDemo .carousel .jCarouselLite {
	float: left;
	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
}

#jCarouselLiteDemo .carousel .jCarouselLite ul {
	margin: 0;
}

#jCarouselLiteDemo .carousel .jCarouselLite ul li {
	width: 87px;
	height: 78px;
}

#jCarouselLiteDemo .carousel li img,#jCarouselLiteDemo .carousel li p {
	width: 70px;
	height: 55px;	
	background: #F1FAF9 none repeat scroll 0 0;
	border: 1px solid #A0BBC2;
	padding: 5px;
}

#jCarouselLiteDemo .vertical {
	
}

#jCarouselLiteDemo .vertical .jCarouselLite {
	/* so that in IE 6, the carousel div doesnt expand to fill the space */
	width: 170px;
}

#jCarouselLiteDemo .imageSlider li img,#jCarouselLiteDemo .imageSlider li p,#jCarouselLiteDemo .imageSliderExt li img 
	   , #jCarouselLiteDemo .imageSliderExt li p {
	width: 400px;
	height: 300px;
}

.photoNumber {
	float: left;
	padding:0 93px;
}

/*_____________________________________________ Start - Utility classes _____________________________________________*/
	/* Default classes for clearing float, also clearing the end without presentational markup*/
.clear {
	clear: both;
}

.cLeft {
	clear: left;
}

.cRight {
	clear: right;
}

.cEnd {
	/* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers
    in one selector, add it directly here like #propertyEntry div */
	display: inline-table;
	/* Hides from IE-mac \*/
	height: 1%;
	display: block;
	/* End hide from IE-mac */
}

html>body .cEnd {
	height: auto;
}

.cEnd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Default classes for floating elements left or right */
.fNone {
	float: none;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

/* Default classes for hiding and showing elements */
.hide {
	display: none;
}

.block {
	display: block;
}

.inline {
	display: inline;
}


/*___________________________________________________________________________________*/

#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(../images/gallery/next_image.jpg);	
	background-repeat:	no-repeat;
	background-position: right bottom;
}
#ImageBoxPrevImage
{
	background-image: url(../images/gallery/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}
#ImageBoxNextImage:hover
{
	background-image: url(../images/gallery/next_image.jpg);	
	background-repeat:	no-repeat;
	background-position: right bottom;
}
#ImageBoxPrevImage:hover
{
	background-image: url(../images/gallery/prev_image.jpg);	
	background-repeat:	no-repeat;
	background-position: left bottom;
}

