/* 	[ 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 ] ============================== */

.GalleryCategories .OrderingTop
{
}
.GalleryCategories .OrderingBottom 
{
}
	.GalleryCategories .OrderingTop a, 
	.GalleryCategories .OrderingBottom a 
	{
	}
	.GalleryCategories .OrderingTop a:hover, 
	.GalleryCategories .OrderingBottom a:hover 
	{
	}
	.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;
	}
	.homemodelsCPC .Gallery  /* === [ DIV ] === */
	{
		display: none;
	}
	.GalleryCategories table tr td,
	.GalleryImageRow td /* === [ TR ] === */
	{
		background-color: #FFFFFF;
		padding: 8px;
	}
	.ThumbBorder /* === [ Surrounding DIV of Thumbnail and GalleryHeading ] === */
	{
		margin: 2px;
	}
	.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 .GalleryHeading /* === [ Heading ] === */
	{
		font-size: 80%;
		font-weight: normal;
	}
	.GalleryThumbnails .GalleryDesc /* === [ Description ] === */
	{
		font-size: 75%;
		font-weight: normal;
		color: #999999;
	}
	.GalleryThumbnails .GalleryImageRow td /* === [ TR ] === */
	{
		border-bottom-style: none;
		background-color: #FFFFFF;
		padding: 4px;
	}

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

	.GalleryScrollerHorizontal /* === [ Surrounding DIV of Scroller ] === */
	{
		position: relative;
		text-align: center;
		margin: 0px;
		padding: 0px;
		display: block;
	}
	
 /* === [ Home Template ] === */
 	.cHPCtable .GalleryScrollerHorizontal {
	}
	.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;
	}
		.cHPCtable .GalleryOuterH  /* === [ Surrounding DIV of Scroller Placement ] === */
		{
			position: relative;
			overflow: hidden;
			float: none;
			clear: both;
			display: block;
			margin: 0px auto;
		}
	.GalleryInnerH  /* === [ Inner DIV of Scroller - Contains Thumbnails ] === */
	{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.GalleryInnerH img 
	{
		border: 1px solid #000000;
		padding: 3px;
		background: #FFFFFF;
		filter: alpha(opacity=70);
		opacity: 0.7;
		background: #000000;
	}
	.GalleryInnerH a:hover img {
	  border: 1px solid #000000;
	  padding: 3px;
	  background: #FFFFFF;
	  filter: alpha(opacity=100);
	  opacity: 1;
	 }
	
	.GalleryInnerH a:active img {
	  border: 1px solid #000000;
	  padding: 3px;
	  background: #FFFFFF;
	  filter: alpha(opacity=100);
	  opacity: 1;
	 }	
		.cHPCtable .GalleryInnerH img {
		  border-style: none;
		  padding: 0px 15px;
		  background: none;
		  filter: alpha(opacity=100);
		  opacity: 1;
		}
		.cHPCtable .GalleryInnerH a:hover img {
		  border-style: none;
		  padding: 0px 15px;
			filter: alpha(opacity=70);
			opacity: 0.7;
		  background: none;
		 }
		
		.cHPCtable .GalleryInnerH a:active img {
		  border-style: none;
		  padding: 0px 15px;
		  background: none;
		  filter: alpha(opacity=100);
		  opacity: 1;
		 }	
 .GalleryLeft  /* === [ Scroller Buttons ] === */
	{
	}
	.GalleryRight {
	}
	.GalleryNext {
	}
	.GalleryBack {
	}
	.homemodelsCPC .GalleryNext {
		margin: 0 0 0 2px;
	}
	.homemodelsCPC .GalleryBack {
		margin: 0 2px 0 0;
	}
/* -----[ IMAGE GALLERY IMAGE Module ]----------------------------------------------------------- */

	.GalleryImageHolder /* === [ Surrounding DIV of Image Gallery Image Module ] === */
	{
		position: relative;
		margin: 20px auto;
		padding: 0px;
		float: left;
		display: inline;
	}
 /* === [ Home Template ] === */
	.cHPCtable .GalleryImageHolder{
		margin: 0px auto;
	}
	.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: center;
	}
	.homemodelsCPC .GalleryImageControl  /* === [ Inner DIV of Image Gallery Image Module ] === */
	{
		display: block;
		white-space: nowrap;
		text-align: center;
		background: url(/Templates/_images/galleryArrow-bkg.gif) repeat-x top left;
	}
	.GalleryImage  /* === [ Image ] === */
	{
		margin: 0px;
	}
	.homemodelsCPC .GalleryImage  /* === [ Image ] === */
	{
		margin: 20px 0 0 0;
	}
 /* === [ Home Template ] === */
 	.cHPCtable .GalleryImageControl img.GalleryImage {
		max-width: 300px;
	}
 	* html .cHPCtable .GalleryImageControl img.GalleryImage {
		width: 300px;
	}
	.GalleryImageTitle  /* === [ Title ] === */
	{
		font-size: 120%;
		font-weight: bold;
		margin: 10px 0px 0px 0px;
		text-align: center;
	}
	.GalleryImageDescription  /* === [ Decription ] === */
	{
		font-size: 80%;
		text-align: center;
	}
	.cHPCtable .GalleryImageDescription  /* === [ Decription ] === */
	{
		font-size: 80%;
		text-align: center;
		display:none;
	}
	.GalleryImageCode  /* === [ Code ] === */
	{
		font-size: 80%;
		text-align: center;
	}
	.GalleryImagePrice  /* === [ Price ] === */
	{
		font-size: 80%;
		text-align: center;
	}

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

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

	.ImageGallerySearch /* === [ Decription ] === */
	{
		position: relative;
		display: block;
		clear: both;
		margin: 10px;
		padding: 2px 4px 4px 4px;
		color: #FFFFFF;
		font-size: 11px;
		border: 1px solid #A30000;
		background-color: #B70000;
	}
	.ImageGalleryHeading /* === [ Heading ] === */
	{
		margin: 2px 0px;
		font-weight: bold;
	}
	.ImageGalleryTitle /* === [ Title ] === */
	{
		margin: 4px 0px 2px 0px;
	}
	.ImageGallerySearch input /* === [ Decription ] === */
	{
		font-size: 11px;
	}
	.ImageGallerySearch select /* === [ Decription ] === */
	{
		font-size: 11px;
		width: 130px;
	}
	.ImageGallerySearchButton /* === [ Button ] === */
	{
		margin: 6px 0px 0px 0px;
	}