/*
	This is a duplicate copy of the photography-boxgrid css file with the addition of styling for photo of the day elements (at the end of this document)
	This is needed due to the limitations of the NG vignette CMS and how many CSS files it can reference per individual page. :o(
*/


/* =Content Sections
-----------------------------------------------------------------------------*/
#content-center-well {
	width: 486px !important;
}

/* space to the right is left as auto; the padding is the gutter */
#content-right-rail {
	padding-left: 18px;
}


/* =Feature Collection (for type 'feature')
-----------------------------------------------------------------------------*/
#content-center-well .feature .header {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-header.gif') no-repeat top left;
	height: 25px;
}

#content-center-well .feature .body {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-body.gif') repeat-y top left;
	border: none;
}

#content-center-well .feature .footer {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-footer.gif') no-repeat;
	height: 20px;
}


/* =Two-Column Collection (for type 'two-column', displays horizontally)
-----------------------------------------------------------------------------*/
#content-center-well .two-column .promo {
	width: 200px;
}


/* =Horizontal Collection
-----------------------------------------------------------------------------*/
#content-center-well .horizontal .promo {
	height: 80px;
}


/* =Fact Collection (for type 'fact')
-----------------------------------------------------------------------------*/
/* Photo Tip of the Week */
.photo-tip {
	width: 300px;
}

	.photo-tip .body {
		background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/phototip-300-body.gif') bottom left no-repeat !important;
		padding-right: 58px !important;
	}
	
	.photo-tip div.body {
		background-image: none !important;
		padding: 0 !important;
	}

	.photo-tip .header {
		background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/phototip-300-header.gif') top center no-repeat !important;
	}
	
	.photo-tip .footer {
		background-image: none !important;
	}


/* =Highlight Collection (for skin override 'highlight')
-----------------------------------------------------------------------------*/
#content-center-well .highlight .header {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-header.gif') no-repeat top left;
	height: 25px;
}

#content-center-well .highlight .body {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-body.gif') repeat-y top left;
	border: none;
}

#content-center-well .highlight .footer {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-footer.gif') no-repeat;
	height: 20px;
}


/* =Photo Tips Collection (for skin override'tips')
-----------------------------------------------------------------------------*/
#content-center-well .tips .promo {
	width: 200px;
	height: 35px;
}

	#content-center-well .tips .promo h3 {
		margin-top: 5px;
	}

	#content-center-well .tips .promo img {
		margin-top: 0;
	}



/* =Multimedia Collection (for skin override 'multimedia')
-----------------------------------------------------------------------------*/

#content-center-well .multimedia .body {
	background: #2d5043 url(/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/multimedia-body-background.gif) no-repeat;
}

#content-center-well .multimedia .multimedia-chrome-link {
	width: 226px;
}

#content-center-well .multimedia .footer {
	background: #ffffff url(/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/multimedia-footer-background.gif) no-repeat;
	height: 7px;
	border: none;
}



/* =Gallery Collection (displays horizontally in 'tile' style)
-----------------------------------------------------------------------------*/
#content-center-well .gallery .header {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-header.gif') no-repeat top left;
	height: 25px;
}

#content-center-well .gallery .body {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-body.gif') repeat-y top left;
}


#content-center-well .gallery .footer {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-footer.gif') no-repeat;
	height: 20px;
}


/* =Photo of the Day
-----------------------------------------------------------------------------*/
.photo-of-the-day {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-pod-300.gif') top left no-repeat;
	width: 270px;
}

/* =Right Rail Collection (for type 'right-rail')
-----------------------------------------------------------------------------*/	
/* For Bottom ECommerce Block */
#content-right-rail .right-rail .promo {
	width: 250px;
}

/* Call to See Today's Photo of the Day  */
#content-right-rail .pod-today {
	/* border-bottom: 1px solid #ccc; - Removed because of categories visual design change */
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
}

#content-right-rail .pod-today a {
	background: transparent url(/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/image-navigation-next.gif) no-repeat scroll right 1px;
	padding-right: 15px;
}


/* =Photo of the Day Categories Right Rail  
-----------------------------------------------------------------------------*/
	#content-right-rail .ordered-list .header {
		background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/pod-collection-300-header.gif') top left no-repeat;
		height: 25px;
		padding-left: 19px;
	}

		#content-right-rail .ordered-list .header h2 {
			padding: 16px 0 9px 0;
		}

	#content-right-rail .ordered-list .body {
		background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/pod-collection-300-body.gif') top left repeat-y;
		padding: 10px 15px 0px 30px;
	}
	
		.collection.ordered-list .body div table {
		width: 100%;
		}

		.collection.ordered-list ul {
		list-style-image: url("/staticfiles/NGS/Global/ApplicationAssets/img/art-bullet-ffffff.gif");
		margin: 0;
		padding: 0;
		width: 45%;
		}

		.collection.ordered-list ul li {
			margin: 0 0 5px 0;
			padding: 0;
		}

		.collection.ordered-list ul li a, .collection.ordered-list ul li a:link, .collection.ordered-list ul li a:visited {
			color: #fff;
			text-decoration: none;
		}

			.collection.ordered-list ul li a:hover, .collection.ordered-list ul li a:active {
				color: #fff;
				text-decoration: underline;
			}
		

	#content-right-rail .ordered-list .footer {
		background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/pod-collection-300-footer.gif') bottom left no-repeat;
		height: 20px;
		padding-left: 19px;
	}



/*  MiSC need to be put where they belong
-----------------------------------------------------------------------------*/

.content-top #flashcontent {
	margin-bottom: 20px;
}

#content-center-well .gallery .promo table {
	/* A little wider so three fit in evenly */
	width: 120px;
	margin-right: 18px;
	margin-left: 10px;
}