/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ IMAGE GALLERY ]--------------------------------------------------------------------- */

/*
		Unless changed below, the List will use styles from DefaultTheme.css
		Do not change class names. Alter attributes as required.
*/

/* === [ PAGING ] ============================== */

 /* Displays at the Top of list */
.GalleryCategories .OrderingTop
{
}
 /* Displays at the Bottom of list */
.GalleryCategories .OrderingBottom 
{
}
 /* Numbers */
	.GalleryCategories .OrderingTop a, 
	.GalleryCategories .OrderingBottom a 
	{
	}
	.GalleryCategories .OrderingTop a:hover, 
	.GalleryCategories .OrderingBottom a:hover 
	{
	}
 /* Selected Page */
	.SelectedPage {
	}
 /* Next and Back */
 	.GalleryCategories .OrderingTop a.OrderingNext, 
	.GalleryCategories .OrderingTop a.OrderingBack, 
	.GalleryCategories .OrderingBottom a.OrderingNext, 
	.GalleryCategories .OrderingBottom a.OrderingBack
	{
	}
	.GalleryCategories .OrderingTop a.OrderingNext, 
	.GalleryCategories .OrderingBottom a.OrderingNext
	{
	}
	.GalleryCategories .OrderingTop a.OrderingBack, 
	.GalleryCategories .OrderingBottom a.OrderingBack 
	{
	}
	.GalleryCategories .OrderingTop a.OrderingNext:hover, 
	.GalleryCategories .OrderingTop a.OrderingBack:hover,
	.GalleryCategories .OrderingBottom a.OrderingNext:hover, 
	.GalleryCategories .OrderingBottom a.OrderingBack:hover
	{
	}

/* -----[ IMAGE GALLERY CATEGORIES Module ]----------------------------------------------------- */

	.GalleryCategories /* === [ DIV ] === */
	{
		position: relative;
		margin: 0px;
		padding: 0px;
		padding-bottom: 1px;
	}
	.Gallery  /* === [ DIV ] === */
	{
		position: relative;
		text-align: center;
		display: block;
		margin: 0px;
		padding: 0px;
	}
	.GalleryCategories table tr td,
	.GalleryImageRow td /* === [ TR ] === */
	{
		background-color: #fff;
		padding: 8px 0;
		
	}
	.ThumbBorder /* === [ Surrounding DIV of Thumbnail and GalleryHeading ] === */
	{
		margin: 2px;
	}
	.GalleryImageLink {
		min-height: 144px;
		display: block;
	}
	.Thumbnails /* === [ IMG ] === */
	{
	}
	.GalleryHeading /* === [ Heading ] === */
	{
		font-size: 90%;
		font-weight: bold;
	}
	.GalleryDesc /* === [ Description ] === */
	{
		font-size: 80%;
		font-weight: normal;
	}
	.ThumbNew  /* === [ New Icon ] === */
	{
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
/* -----[ IMAGE GALLERY THUMBNAILS Module - Table Layout ]--------------------------------------- */
	
	.GalleryThumbnails /* === [ Surrounding DIV of Table Layout ] === */
	{
		/* === [ Add in overflow if Table layout extends beyond Container ] === */
		/* overflow: scroll; */
	}
	.GalleryThumbnails table /* === [ Surrounding DIV of Table Layout ] === */
	{
		width: 690px;
	}
	.oneCol .GalleryThumbnails table /* === [ Surrounding DIV of Table Layout ] === */
	{
		width: 100%;
	}
	.GalleryThumbnails .GalleryHeading /* === [ Heading ] === */
	{
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		float: left;
		clear: both;
		width: 100%;
	}
	.GalleryThumbnails .GalleryCode /* === [ Heading ] === */
	{
		float: left;
		clear: both;
	}
	.GalleryThumbnails .GalleryDesc /* === [ Description ] === */
	{
		font-size: 90%;
		font-weight: normal;
		color: #999999;
		text-align: left;
	}
	
	
	.GalleryThumbnails .GalleryImageRow td /* === [ TR ] === */
	{
		border-bottom-style: none;
		background-color: #fff;
		border-bottom: #666 1px solid;
		padding: 4px;
		text-align: left;
	}

/* -----[ IMAGE GALLERY THUMBNAILS Module - Scroller Layout ]--------------------------------------- */

	.GalleryScrollerHorizontal /* === [ Surrounding DIV of Scroller ] === */
	{
		position: relative;
		text-align: left;
		margin: 0px;
		padding: 0px;
		display: block;
	}
	.GalleryScrollerVertical /* === [ Surrounding DIV of Scroller ] === */
	{
		position: relative;
		text-align: center;
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
	}
	.GalleryOuterH  /* === [ Surrounding DIV of Scroller Placement ] === */
	{
		position: relative;
		overflow: hidden;
		float: left;
		clear: both;
		display: block;
		background: #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	.GalleryInnerH  /* === [ Inner DIV of Scroller - Contains Thumbnails ] === */
	{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.GalleryLeft  /* === [ Scroller Buttons ] === */
	{
	}
	.GalleryRight {
	}
	.GalleryBack {
		margin: 10px 0px 0px 0px;
		float: left;
		clear: left;
	}
	.GalleryNext {
		margin: 10px 0px 0px 0px;
		float: left;
		clear: none;
	}
	
/* -----[ IMAGE GALLERY IMAGE Module ]----------------------------------------------------------- */

	.GalleryImageHolder /* === [ Surrounding DIV of Image Gallery Image Module ] === */
	{
		margin: 0px auto;
        padding: 25px;
        display: inline;

	}
	.HorizontalTable /* === [ Addition for Horizontal Table Option ] === */
	{
		width: 100%; 
	}	
	.HorizontalScroller /* === [ Addition for Horizontal Scroller Option ] === */
	{
		width: 100%; 
	}
	.VerticalScroller /* === [ Addition for Horizontal Scroller Option ] === */
	{
		padding: 0px 20px;
	}
	.GalleryImageControl  /* === [ Inner DIV of Image Gallery Image Module ] === */
	{
		display: block;
		white-space: nowrap;
		text-align: left;
	}
	.GalleryImage  /* === [ Image ] === */
	{
		margin: 0px auto;
		padding: 16px 0 0 0px;
		clear: both;
		display: block;
	}
	.GalleryImageTitle  /* === [ Title ] === */
	{
		float: left;
		clear: none;
		font-size: 110%;
		padding: 0 0 0 0px;
	}
	
	.GalleryImageLabel {
		float: left;
		width: 75px;
		clear: left;
		font-size: 120%;
		padding: 0 0 0 0px;
	}
	.GalleryImageValue {
		float: left;
		clear: none;
		width: 400px;
		font-size: 120%;
		padding: 0 0 0 0;
		margin: 0 75px 0 0;
	}
	.GalleryImageDescription  /* === [ Decription ] === */
	{
		font-size: 90%;
		text-align: left;
		padding: 0 0 0 0px;
	}
	.GalleryImageCode  /* === [ Code ] === */
	{
		padding: 0 0 0 0px;
		float: left;
		width: 75px;
		clear: none;
		font-size: 110%;
	}
	.GalleryImagePrice  /* === [ Price ] === */
	{
		font-size: 75%;
		text-align: left;
		padding: 0 0 0 0px;
	}
	.GalleryImageHolder .ImageControls {
				padding: 10px 0 20px 0px;
				margin: 0px 0 0 0px;
				clear: none;
				float: left;
				width: 140px;
			}

/* -----[ IMAGE DISPLAY - POPUP WINDOW OPTION ]----------------------------------------------- */

	.ImageGalleryPopup {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666666;
		margin: 0;
		padding: 10px;
		text-align: center;
		background-color: #FFFFFF;
	}
	.ImageGalleryPopup a {
		color: #666666;
		text-decoration: none;
	}
	.ImageGalleryPopup a.hover {
		text-decoration: underline;
	}
	
	.GalleryImageMouseOverPopup{
		padding: 5px;
		background-color:#FFFFFF;
		border: #d7d7d7 1px solid;
	}
	
/* -----[ IMAGE GALLERY SEARCH module ]----------------------------------------------- */

	.ImageGallerySearch /* === [ Decription ] === */
	{
		position: relative;
		display: block;
		clear: both;
		font-size: 11px;
		margin: 20px 0px;
		padding: 10px 24px;
		border: 1px solid #999999;
	}
	.ImageGalleryHeading /* === [ Heading ] === */
	{
		margin: 2px 0px;
		font-weight: bold;
	}
	.ImageGalleryTitle /* === [ Title ] === */
	{
		margin: 4px 0px 2px 0px;
	}
	.ImageGallerySearch input /* === [ Decription ] === */
	{
		font-size: 11px;
		margin-bottom: 4px;
		border: #999 1px solid;
	}
	.ImageGallerySearch select /* === [ Decription ] === */
	{
		font-size: 11px;
		width: 150px;
		margin-bottom: 4px;
		border: #999 1px solid;
	}
	.ImageGallerySearch .ImageGalleryFormField select {
		border: #999 1px solid;
	}
	.ImageGallerySearch input[type=checkbox] {
		margin: 0px 6px 0px 0px;
		border: none;
	}
	.ImageGallerySearch input[type=radio] {
		margin: 0px 6px 0px 0px;
		border: none;
	}
	 
	.ImageGallerySearchButton /* === [ Button ] === */
	{
		margin: 6px 0px 0px 0px;
		width: auto;
	}
	
	/* -----[ Gallery Image Carousel ]----------------------------------------------- */

.GalleryImageCarousel {
	height: 400px;
	clear: both;
	display: block;
}
.PrintButtonTop {
	text-align: right;
	clear: both;
	margin-top: 20px;
	*padding-top: 10px;
}
.PrintButtonBottom {
	text-align: right;
	float: right;
	margin: 10px 0;
	width: 30%;
	clear: none;
}

.LoadingPanel {
	position: absolute;
	top: -80px;
	left: -6px;
}
	.GalleryImageCarousel .BackWrapper {
		width: 32px;
		float: left;
		height: 410px;
		line-height: 400px;
	}
	.GalleryImageCarousel .BackWrapper img, .GalleryImageCarousel .NextWrapper img {
		vertical-align: left;
	}
	.GalleryImageCarousel .NextWrapper {
		width: 32px;
		margin-left: 635px;
		height: 410px;
		line-height: 400px;
	}
	.GalleryImageCarousel .CarouselWrapper {
		margin: 0px 35px;
	}
		.GalleryImageCarousel .CarouselImage {
			width: 400px;
			height: 370px;
			line-height: 370px;
			float: left;
			text-align: left;
			overflow: hidden;
			position: relative;
			z-index: 20;
			}
		.GalleryImageCarousel .CarouselImage img {
			vertical-align: left;
		}
		.GalleryImageCarousel .CarouselWrapper .GalleryImage {
			margin: 0;
			text-align: left;
		}
		.GalleryImageCarousel .GalleryPreviousImages {
			width: 100px;
			float: left;
			height: 410px;
			overflow:hidden;
			position: relative;
		}
		.GalleryImageCarousel .GalleryPreviousImages div {
			height: 410px;
			line-height: 410px;
		}
		.GalleryImageCarousel .GalleryPreviousImages div img {
			vertical-align: middle;
		}
			.GalleryImageCarousel .GalleryPrevious1 {

				float: left;
				width: 270px;
				overflow: hidden;
				position: absolute;
				left: 35px;
			}
			.GalleryImageCarousel .GalleryPrevious1 img {
				height: 200px;
				position: absolute;
				left: 0px;
				top: 105px;
				z-index: 10;
			}
			.GalleryImageCarousel .GalleryPrevious2 {
				float: left;
				width: 35px;
			}
			.GalleryImageCarousel .GalleryPrevious2 img {
				height: 140px;
			}
		.GalleryImageCarousel .GalleryNextImages {
			width: 100px;
			float: left;
			height: 410px;
			overflow: visible;
			position: relative;
		}
		.GalleryImageCarousel .GalleryNextImages div {
			height: 410px;
			line-height: 410px;
		}
		.GalleryImageCarousel .GalleryNextImages div img {
			vertical-align: middle;
		}
			.GalleryImageCarousel .GalleryNext1 {
				float: left;
				width: 270px;
				overflow: hidden;
				position: absolute;
				right: 35px;
			}
			.GalleryImageCarousel .GalleryNext1 img {
				height: 200px;
				position: absolute;
				right: 0px;
				top: 105px;
				z-index: 10;
			}
			.GalleryImageCarousel .GalleryNext2 {
				margin-left: 65px;
				width: 35px;
				overflow: hidden;
				position: relative;
			}
			.GalleryNext2 img {
				height: 140px;
				vertical-align: middle;
				right: 0px;
				position: relative;
				z-index: 5;
			}
			.ImageControlsWrapper {
				text-align: left;
				clear: none;
				float: left;
				border-bottom: #ccc 1px solid;
				border-top: #ccc 1px solid;
				width: 140px;
				height: 19px;
			}
			
			.ListSelectButton {
				display: inline;
				text-align: left;
			}
			.ThumbBorder .GalleryCode {
		font-weight: bold;
		text-align: left;
	}
			.ThumbBorder .ImageControlsWrapper .ListSelectButton {
				position: relative;
			}