/*
 * CSS for Digital Artwork
 * Author: Jeroen Dijkstra | Crowd Surfing 2010
 */

/* GENERAL CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
strong 	{ font-weight: bold; }
body 	{ line-height: 1; color: black; background: white; }
ol, ul 	{ list-style: none; }
:focus 	{ outline: 0; } /* Outline for input fields in Webkit */
/* END GENERAL CSS RESET */

/* GENERAL STYLES */
html
{
	font-family: Arial;
	font-size: 15px;
}

html, body, div#Container
{
	background-color: #333332;
	width: 100%;
}

body
{
	text-align: center;
}

a
{
	text-decoration: none;
}

p
{
	color: #666766;
	line-height: 1.3;
	margin-bottom: 15px;
	padding-right: 40px;
}

em
{
	font-style: italic;
}

.Bold
{
	font-weight: bold;
}

div.ClearFix
{
	clear: both;
}

div#infscr-loading
{
	text-align: center;
}

/* END GENERAL STYLES */

/* CONTENT CONTAINERS */
div#Container
{
	background-color: #333332;
	overflow: hidden;
	text-align: left;
}

div#CotentBox
{
	background-color: #FFFFFF;
	margin: 20px auto;
	overflow: hidden;
	width: 1005px;
}

div#NavContent
{
	margin: auto;
	text-align: left;
	width: 980px;
}

div#Content
{
/*	padding: 10px 0 0 27px;*/
	padding: 24px 27px 0 27px;
}

div#ContentContainer
{
	background-image: url('/Includes/Themes/DigitalArtwork/Images/content_bg.jpg');
	background-repeat: repeat-x;
	display: inline;
	float: left;
	margin-top: 5px;
	width: 701px;
	overflow: hidden; /* For IE6 */
}

div#NavContent > div#ContentContainer
{
	overflow: auto;
}

div#ContentContainer div#Content
{
	min-height: 681px;
	height: auto !important;
	height: 681px;
}

div#Footer
{
	color: #333333;
	font-size: 11px;
	margin-top: 30px;
	margin-bottom:  20px;
	text-align: center;
}

	div#Footer li.CrowdSurfing
	{
		border-left: 1px solid #333333;
		padding-left: 5px;
	}

		div#Footer li.CrowdSurfing a
		{
			border: none;
			color: #333333;
			padding-left: 0;
		}

		div#Footer li.CrowdSurfing a:hover
		{
			color: #CB1C68;
		}

/* END CONTENT CONTAINERS */

/* HEADER */
div#Header
{
	background-image: url('/Includes/Themes/DigitalArtwork/Images/DigitalArtwork.jpg');
	height: 135px;
	margin: 10px auto 0 auto;
	width: 980px;
}

div#Header:hover
{
	cursor: pointer;
}

div#HeaderContent
{
	margin-left: 305px;
}

	div#HeaderContent h1
	{
		color: #333333;
		font-size: 54px;
		margin-bottom: 0;
		margin-left: -1px;
		padding-top: 15px;
	}

	div#HeaderContent h2
	{
		color: #FFFFFF;
		font-size: 23px;
		margin-top: 2px;
	}

	div#HeaderContent h3
	{
		color: #CB1C68;
		font-size: 18px;
		padding-top: 4px;
	}

/* END HEADER */

/* NAVIGATION */
div#NavContent div#TopNavigation
{
	background-color:#333333;
	color: #CCCCCC;
	font-size: 11px;
	height: 27px;
	margin-top: 5px;
	width: 980px;
}

	div#NavContent div#TopNavigation ul
	{
		padding-left: 12px;
	}

		div#NavContent div#TopNavigation ul li
		{
			float: left;
		}

		div#NavContent div#TopNavigation ul li.LastNavItem a
		{
			border-right: none;
		}

	div#NavContent div#TopNavigation a
	{
		border-right: 1px solid #CCCCCC;
		color: #CCCCCC;
		line-height: 27px;
		padding: 0 48px;
	}


div#NavContent div#LeftNavigation
{
	color: #808285;
	display: inline;
	float: left;
	font-size: 14px;
	margin-left: 13px;
	position: relative;
	width: 256px;
	z-index: 98; /* Just for IE, to get the discount patch on top of the slide show */
}


div#NavContent > div#LeftNavigation
{
	margin-left: 23px;
}

	div#NavContent div#LeftNavigation ul
	{
		margin-bottom: 41px;
		margin-top: 13px;
	}

		div#NavContent div#LeftNavigation ul li
		{
			border-bottom: 2px dotted #808285;
			height: 40px;
			line-height: 40px;
			width: 199px;
		}

		div#NavContent div#LeftNavigation ul li.LastNavItem
		{
			border-bottom: none;
		}

	div#NavContent div#LeftNavigation a
	{
		color: #808285;
	}

	/* Art Collection */
	div#NavContent div#LeftNavigation div.ArtCollection img
	{
		margin-left: -2px;
		padding-bottom: 3px; /* To align in Safari */
		padding-right: 3px;
		vertical-align: middle;
	}

	div#NavContent div#LeftNavigation div.ArtCollection a
	{
		color: #CB1C68;
		font-size: 15px;
		font-weight: bold;
	}

	/* Shopping Cart */
	div#ShoppingBasketQuickPanel
	{
		margin: 20px 0;
	}

		div#NavContent div#LeftNavigation div#ShoppingBasketQuickPanel a
		{
			color: #CB1C68;
		}

		div#ShoppingBasketQuickPanel p
		{
			margin-bottom: 0;
		}

	/* Shopping Cart and ArtCollection alining */

	div#NavContent div#ArtCollectionQuickPanel
	{
		margin-top: -5px;
	}

	div#NavContent div#ArtCollectionQuickPanel,
	div#NavContent div#ShoppingBasketQuickPanel
	{
		padding-left: 30px;
	}

	/* iDEAL */
	div.IdealInformation p
	{
		color: #000000;
		font-size: 10px;
		width: 145px;
	}

	div.IdealInformation div.IdealLogo
	{
		float: left;
		margin-right: 10px;
	}

	div.IdealInformation p
	{
		float: left;
		margin-bottom: 35px;
	}

	/* Voucher */
	div.Voucher
	{
		margin-left: 47px;
	}

	div#NavContent div#LeftNavigation div.Voucher a
	{
		color: #CB1C68;
		font-size: 25px;
	}

	div#NavContent div#LeftNavigation a#ThuisWinkelKenmerk
	{
		position: relative;
		top: -7px;
	}

		div#NavContent div#LeftNavigation a#ThuisWinkelKenmerk img
		{
			height:		30px;
			width:		135px;
		}
/* END NAVIGATION */

a.Discount
{
	background-image: url('/Includes/Themes/DigitalArtwork/Images/Kortingssticker.png');
	background-repeat: no-repeat;
	display: block;
	height: 133px;
	left: 220px;
	position: relative;
	top: -430px;
	width: 133px;
	z-index: 98; /* Keep this z-index for Webkit and FF, the parent needs a z-index for IE */
}

	div#NavContent div#LeftNavigation ul li.DiscountAnchor a
	{
		color: #0099FF;
	}

/* CONTENT */
div#Content a
{
	color: #CB1C68;
}

	div#Content a.InteriorAnchor
	{
		color: #3366FF;
	}

div#Content h2
{
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}

div#Content h3
{
	color: #CB1C68;
	font-size: 16px;
	font-weight: bold;
	margin: 17px 0 5px 0;
}

div#Content h4
{
	color: #CB1C68;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}

div#Content h3.CarrouselHead
{
	color: #CB1C68;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	margin: 35px 0 28px 21px;
	text-align: center;
	width: 600px;
}

div#Content h3 span
{
	color: #666766;
	font-size: 11px;
}

div#Content span.Highlight
{
	color: #CB1C68;
}

/* CSS Button */
div#Content .Button
{
	background-color: #CB1C68;
	border: none;
	color: #FFFFFF;
	font-size: 15px;
	height: 18px; /* For input buttons in IE */
	padding: 0 10px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div#Content .Button:hover
{
	cursor: pointer;
}

/* END CSS Button */

/* Image Button */
div#Content .ImageButton
{
	border: none;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 13px;
	position: relative;
	text-transform: uppercase;
	top: 12px;
}

	div#Content .ImageButton span.InnerButton
	{
		background-image: url('/Includes/Themes/DigitalArtwork/Images/but_middle.png');
		background-repeat: repeat-x;
		display: inline-block;
		font-weight: normal;
		height: 25px;
		padding: 3px 3px 0 3px;
		position: relative;
		top: -11px;
	}


	div#Content .ImageButton span.InnerButton span
	{
		/* Vertically algin the text on the button */
		position: relative;
		top: 1px;
	}

	div#Content .ImageButton span.LeftButton
	{
		background-image: url('/Includes/Themes/DigitalArtwork/Images/but_left.png');
		background-repeat: no-repeat;
		display: inline-block;
		height: 25px;
		width: 8px;
	}

	div#Content .ImageButton span.RightButton
	{
		background-image: url('/Includes/Themes/DigitalArtwork/Images/but_right.png');
		background-repeat: no-repeat;
		display: inline-block;
		height: 25px;
		width: 10px;
	}

/* END Image Button */

div#Content p.IntroText
{
	margin-left: 52px;
	margin-top: -100px;
	padding-right: 60px;
	text-align: center;
}

div#Content ul
{
	color: #666766;
	margin-left: 20px;
}

div#Content ul li
{
	line-height: 16px;
	list-style-type: circle;
	margin-bottom: 10px;
}

	/* Carrousel */
	div#Content div#Carrousel ul
	{
		margin-left: 0;
	}

	div#Content div#Carrousel ul li
	{
		list-style-type: none;
		margin-bottom: 20px;
	}

div#Content div.ArtworkBanner
{
	border: 2px solid #CDCCCC;
	height: 308px;
	margin-bottom: 35px;
	margin-left: 21px;
	overflow: hidden;
	text-align: center;
	width: 600px;

	-moz-box-shadow: 2px 2px 10px #69696B;
	-webkit-box-shadow: 2px 2px 10px #69696B;
	box-shadow: 2px 2px 10px #69696B;
}

	div#Content div.ArtworkBanner img /* Some rare occasions the image is really small */
	{
		height: 320px;
		width: 630px;
	}

	div#Content div#ImageOverlay
	{
		background-image: url('/Includes/Themes/DigitalArtwork/Images/UniekenExclusief.png');
		background-repeat: no-repeat;
		height: 96px;
		left: 505px;
		position: relative;
		top: -131px;
		width: 120px;
		z-index: 99; /* Needs to be higher then the number of banner images */
	}
	
	div#Content a#LimitedEditionOverlay
	{
		background-image: url('/Includes/Themes/DigitalArtwork/Images/LimitedEditionSticker.png');
		background-repeat: no-repeat;
		direction: ltr;
		display: block;
		height: 110px;
		left: -5px;
		position: relative;
		text-indent: -999em;
		top: -120px;
		width: 110px;
		z-index: 99; /* Needs to be higher then the number of banner images */
	}

	/* CARROUSEL */
	div#Carrousel
	{
		background-color: #333333;
		background-image: url('/Includes/Themes/DigitalArtwork/Images/Carrousel/CarrousselAchtergerond.png');
		height: 212px;
		margin-left: -27px;
		width: 700px;
		overflow: hidden;
	}

		/* IE6 fixes */
		div#Carrousel ul#carousel
		{
			display: block;
			width: 670px !important;
		}

		div#Carrousel div.jcarousel-clip > ul#carousel
		{
			width: 845px !important;
		}

		div.jcarousel-container div.jcarousel-next
		{
			right: 55px;
		}

		div.jcarousel-container > div.jcarousel-next
		{
			right: 9px;
		}

		div#Carrousel ul#carousel li
		{
			margin-right: 50px;
		}

		div#Carrousel ul#carousel > li
		{
			margin-right: 65px;
		}

		div#Carrousel li.jcarousel-item,
	 	div#Carrousel li.jcarousel-item img
		{
			-moz-box-shadow: 2px 2px 10px #151518;
			-webkit-box-shadow: 2px 2px 10px #151518;
			box-shadow: 2px 2px 10px #151518;
		}

		div.jcarousel-skin-ie7 div.jcarousel-clip
		{
			margin: 0 0 0 3px;
		}

		/* Carrousel No Js */
		div#Carrousel.CarrouselNoJs
		{
			height: 505px;
		}

		div.CarrouselNoJs li.NoJsItem
		{
			display: inline; /* Fixes IE6 double margin bug */
			float: left;
			margin-left: 55px;
			margin-top: 10px;
		}

		div.CarrouselNoJs li.NoJsItem img
		{
			border: 1px solid #FFFFFF;
			-moz-box-shadow: 2px 2px 10px #151518;
			-webkit-box-shadow: 2px 2px 10px #151518;
			box-shadow: 2px 2px 10px #151518;
		}

	/* END CARROUSEL */

/* END CONTENT */

/* SHOPPING BASKET */
div#ShoppingBasketOverview table
{
	border: 1px solid #808285;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
}

div#ShoppingBasketOverview > form table /* No background for IE6 */
{
	background-image: url('/Includes/Themes/DigitalArtwork/Images/table_background.png');
	background-position: center bottom;
	background-repeat: repeat-x;
}


div#ShoppingBasketOverview input
{
	border: 1px solid #808285;
}

div#ShoppingBasketOverview table .THead
{
	background-color: #333333;
	color: #CCCCCC;
}

	div#ShoppingBasketOverview table .THead tr td
	{
		line-height: 1.3em;
		padding: 10px 5px 10px 0;
	}

	div#ShoppingBasketOverview table .THead tr td
	{
		border-bottom: 1px solid #808285;
		font-size: 12px;
		font-weight: bold;
		height: 25px;
		padding-left: 10px;
		text-align: center;
	}

	div#ShoppingBasketOverview table .TFoot
	{
		font-weight: bold;
		height: 20px;
	}

	div#ShoppingBasketOverview table .TFoot input.RefreshButton
	{
		background-color: #CB1C68;
		border: none;
		color: #FFFFFF;
		float: left;
		font-size: 15px;
		height: 24px;
		margin-left: 20px;
		margin-top: 10px;
		padding: 0 10px;
		width: 140px;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	div#ShoppingBasketOverview table .TBody tr
	{
		color: #666766;
		height: 100px;
	}

	div#ShoppingBasketOverview table .TBody tr td
	{
		padding-left: 10px;
		padding-top: 15px;
		border-bottom: 1px solid #808285;
	}

		div#ShoppingBasketOverview table span.VerzendkostenSpan
		{
			font-weight:	normal;
			font-size:		11px;
		}

			div#ShoppingBasketOverview table span.VerzendkostenSpan.Asterisk
			{
				margin-right: 4px;
				vertical-align: top;
			}

	div#ShoppingBasketOverview table .TBody tr#DiscountCodeRow
	{
		height: 50px;
	}
		div#ShoppingBasketOverview table .TBody tr#DiscountCodeRow td#InputTd
		{
			text-align: right;
		}

			div#ShoppingBasketOverview table .TBody tr#DiscountCodeRow td#InputTd input
			{
				text-align: center;
				width: 55px;
			}

	div#ShoppingBasketOverview table .TFoot tr td.RowPriceTotal
	{
		height: 30px;
		line-height: 30px;
	}

	div#ShoppingBasketOverview table .TFoot tr td.RowBorder
	{
		border-bottom: 1px solid #000000;
	}

	div#ShoppingBasketOverview table .TFoot tr td.Btw
	{
		font-size: 11px;
		font-weight: normal;
	}

	div#ShoppingBasketOverview table .TFoot tr td.RowPriceTotal,
	div#ShoppingBasketOverview table tr td.EuroSign,
	div#ShoppingBasketOverview table .TBody tr td.RowPrice,
	div#ShoppingBasketOverview table .TBody tr td.RowPriceField
	{
		font-weight: normal;
		text-align: right;
		width: 35px;
	}

	div#ShoppingBasketOverview table .TFoot tr td.SubPriceLabel,
	div#ShoppingBasketOverview table .TFoot tr td.ShippingCost,
	div#ShoppingBasketOverview table .TFoot tr td.GrandTotal
	{
		font-weight: normal;
		text-align: right;
	}

	div#ShoppingBasketOverview table .TFoot tr td.-_-
	{
		font-weight: bold;
	}

	div#ShoppingBasketOverview table .TBody img
	{
		vertical-align: middle;
	}

	div#ShoppingBasketOverview a.ShoppingBasketRemoveButton
	{
		background-color: #FFFFFF;
		border: 1px solid #808285;
		color: #CB1C68;
		font-size: 12px;
		line-height: 25px; /* IE needs more space */
		padding: 3px 8px;
	}

	div#ShoppingBasketOverview form.SubmitForm
	{
		text-align: right;
	}

	div#ShoppingBasketOverview form.SubmitForm a.ContinueShopping
	{
		float: left;
	}

	/* Table Input fields */
	div#ShoppingBasketOverview table input
	{
		text-align: right;
		width: 30px;
	}

/* END SHOPPING BASKET */

/* ARTCOLLECTION */
div.ArtCollectionContainer
{
	font-size: 13px;
	margin-bottom: 30px;
	margin-top: 30px;
	overflow: hidden;
}

div.ArtCollectionContainer p
{
	font-size: 15px;
}

div.ArtCollectionBox
{
	border: 1px solid #989898;
	float: left;
	height: 305px;
	margin: 0 7px 7px 0;
	text-align: center;
	width: 308px;
}

div.ArtCollectionBox:hover
{
	cursor: pointer;
}

	div.ArtCollectionBox a.Remove
	{
		display: block;
		margin-top: 10px;
	}

		div.ArtCollectionBox a span
		{
			display: block;
			height: 260px;
			line-height: 1em;
		}

		div.ArtCollectionBox a > span
		{
			display: inline;
			line-height: 260px;
		}

	div.ArtCollectionBox img
	{
		display: block;
		line-height: 260px;
		margin-top: 20px;
		vertical-align: middle;
	}

	div.ArtCollectionBox span > img
	{
		display: inline;

	}

	div.ArtCollectionBox p
	{
		color: #666766;
		padding-right: 0;
	}

	/* BreadCrumbs - Typo is mandatory :) */
	div.BreadCrumsTop,
	div.BreadCrumsBottom
	{
		font-size: 11px;
		text-align: right;
		width: 656px;
	}

		div#Content div.BreadCrumsTop a.Current,
		div#Content div.BreadCrumsBottom a.Current
		{
			color: #CB1C68;
		}

	div#Column div.DetailPage
	{
		overflow: hidden;
	}

	div#Column div.DetailPage div.CrumContainer,
	div#Column div.DetailPage div.CrumContainer div
	{
		float: left;
	}

		div#Column div.DetailPage div.CrumContainer ul.GalleryNavigation
		{
			float: left;
			margin-left: 0;
			margin-top: -2px;
			padding: 0 29px 0 8px;
			width: 93px;
		}

		@media screen and (-webkit-min-device-pixel-ratio:0)
		{
			/* Fixes movent of text on hover in Safari */
			div#Column div.DetailPage div.CrumContainer ul.GalleryNavigation:hover
			{
				padding-left: 11px;
				padding-right: 26px;
			}

			div#Column div.DetailPage div.CrumContainer ul.GalleryNavigation li ul
			{
				margin-left: -11px;
			}

			div#Content ul.GalleryNavigation:hover
			{
				padding: 0px 14px 0px 16px;
			}
		}

			div#Column div.DetailPage div.CrumContainer ul.GalleryNavigation a.Back:hover
			{
				color: #000000;
			}

			div#Column div.DetailPage div.CrumContainer ul.GalleryNavigation li
			{
				padding-top: 2px;
			}

				div#Column div.DetailPage div.CrumContainer ul.GalleryNavigation li ul li
				{
					background-image: none;
					padding-left: 0;
					padding-right: 0;
				}

	div#Column div.DetailPage div.CrumContainer div#Previous
	{
		width: 385px;
	}

	div#Column div.DetailPage div.CrumContainer div#Next
	{
		margin-left: 20px;
	}

	div#Column div.DetailPage div.CrumContainer div.Inactive
	{
		color: #808285;
	}

	div.BreadCrumsBottom
	{
		margin-top: 20px;
	}

	div#Content div.BreadCrumsTop,
	div#Content div.BreadCrumsTop a,
	div#Content div.BreadCrumsBottom,
	div#Content div.BreadCrumsBottom a
	{
		color: #000000;
	}

	/* Gallery Navigation */
	div#Content ul.GalleryNavigation
	{
		background-color: #333333;
		background-image: url('/Includes/Themes/DigitalArtwork/Images/Galerie-menu-arrow.gif');
		background-position: right center;
		background-repeat: no-repeat;
		color: #CCCCCC;
		font-size: 11px;
		height: 17px;
		margin-left: 0;
		margin-right: 16px;
		margin-bottom: 10px;
		padding: 0px 14px 0px 16px;
		width: 93px;
	}

	div#Content ul.GalleryNavigation li
	{
		list-style-type: none;
	}

		div#Content ul.GalleryNavigation:hover li ul
		{
			display: block;
		}

	div#Content ul.GalleryNavigation ul
	{
		background-color: #CCCCCC;
		display: none;
		margin-left: -16px;
		padding: 5px 0 2px;
		position: absolute;
		text-align: center;
		width: 123px;
		z-index: 9;

		opacity: 0.8;
		filter: alpha(opacity=80);
	}

	div#Content div.CrumContainer ul.GalleryNavigation ul
	{
		margin-left: -8px;
		width: 130px;
	}

	div#Content ul.GalleryNavigation ul li
	{
		margin-bottom: 3px;
	}

	div#Content ul.GalleryNavigation ul li:hover
	{
		background-color: #808285;
		color: #CB1C68;
	}

	div#Content ul.GalleryNavigation ul li a
	{
		display: inline;
		color: #000000;
		font-size: small; /* Used to fix a rounding bug in FF 3.5.7 */

		opacity: 1;
		filter: alpha(opacity=100);
	}

	div#Content ul.GalleryNavigation li a:hover
	{
		color: #CB1C68;
	}

/* END ARTCOLLECTION */

/* GALLERY */
div#ArtDetail
{
	margin-top: 10px;
	text-align: center;
}

div#ArtDetail img
{
	border: 1px solid #808285;
}

div#ArtDetail p
{
	clear: left;
	margin-top: 35px;
	text-align: left;
}

div#ArtDetail div.InfoActions
{
	overflow: hidden;
}

div#ArtDetail div#ProductInformation
{
	float: left;
	margin-left: 0;
	margin-top: 35px;
	overflow: hidden;
	width: 322px;
}

	div#ArtDetail div#ProductInformation p
	{
		margin-bottom: 2px;
		margin-top: 0;
		text-align: left;
	}

div#ArtDetail div p
{
	float: left;
	line-height: 1.2;
	margin-bottom: 0; /* Get even with IE8 */
	margin-top: 13px;
	text-align: center;
	width: 100%;
}

	/* Landscape */
	div.Landscape
	{
/*		margin-left: -27px;	*/
/*		Why?				*/
	}

		div.Landscape div
		{
			overflow: hidden;
			margin: 0 auto;
		}

		div.Landscape div.ArtBig
		{
			display: table;
			border-bottom: 1px solid #808285;
			height: 294px;
			width: 607px;
		}

			div.Landscape div.ArtBig a
			{
				display: table-cell;
				vertical-align: middle;
			}

				div.Landscape div.ArtBig a img
				{
					margin-bottom: 20px;
				}

		div.Landscape div.ArtSmall
		{
			margin-top: 24px;
			overflow: hidden;
			width: 607px;
		}

			div.Landscape div.ArtSmall div
			{
				float: left;
				width: 302px;
			}

			div.Landscape div.ArtSmall div.Example
			{
				width: 304px;
			}

			div.Landscape div.ArtSmall div.ImageExample
			{
				border-right: 1px solid #808285;
			}

	/* Portrait */
	div.Portrait
	{
		text-align: left;
	}

		div.Portrait div.ArtBig
		{
			border-right: 1px solid #808285;
			display: table; /* To center things */
			float: left;
			height: 390px;
			text-align: left;
			width: 330px;
		}

		div.Portrait div.ArtBig a /* To center things in every browser but IE6 (ofcourse) */
		{
			/* @TODO: Find a solution for IE6 */
			display: table-cell;
			text-align: center;
			vertical-align: middle;
		}

		div.Portrait div.ArtSmall
		{
			float: left;
			/*height: 353px;*/
			padding-top: 19px;
			text-align: center;
			width: 280px;
		}

			div.Portrait div.ArtSmall div.Example,
			div.Portrait div.ArtSmall div.Detail
			{
				margin-left: 30px;
			}

			div.Portrait div.ArtSmall div.Example
			{
				margin-bottom: 50px;
			}

			div.Portrait div.ArtSmall div.Detail
			{
				border-top: 1px solid #808285;
			}

			div.Portrait div.ArtSmall div.ImageDetail
			{
				margin-top: 25px;
			}

			div#ArtDetail.Portrait div.Detail
			{
				margin-top: 0;
			}

				div#ArtDetail.Portrait div.Detail div.ImageDetail
				{
					margin-top: 15px;
				}

				div#ArtDetail.Portrait div.Detail p
				{
					margin: 0;
					margin-bottom: 10px;
				}

/* Art Actions */
div#Actions
{
	float: left;
	margin-top: 35px;
	overflow: hidden;
	text-align: left;
}

	div#Actions div#Order select
	{
		margin-right: 10px;
		width: 195px;
	}

	div#Actions div.AdditionalText p
	{
		text-align: left;
		width: 210px;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0)
	{
		/* For Safari */
		div#Actions div.AdditionalText p
		{
			margin-left: -15px;
			text-align: right;
		}
	}

	div#Actions div.AdditionalText p.InteriorAnchorP
	{
		width: 242px;
	}

div#AddToCollection
{
	clear: left;
	float: left;
	margin-left: 0;
	margin-top: 20px;
	text-align: left;
	width: 300px;
}

div#AddToCollection img
{
	border: none;
	padding-bottom: 5px; /* Align in Safari */
	vertical-align: middle;
}

div#AddToCollection a
{
	font-weight: bold;
}

/* END GALLERY */

/* NEWS */
div#newspanel
{
	color: #666766;
	line-height: 1.3;
}

	div#newspanel h2
	{
		margin-bottom: 5px;
		text-indent: 0;
	}

div#newsOverview
{
	margin-top: 30px;
}

table.newsitem
{
	background-color: transparent;
	border-top: 1px dashed #808285;
	margin-left: 0;
	padding: 15px 5px 5px;
	width: 100%;
}

	/* Does not work in IE so there is also some jQuery trickery going on in the JS */
	table.newsitem thead tr:nth-child(even),
	table.newsitem tfoot tr:nth-child(odd)
	{
		visibility: hidden;
	}

	table.newsitem a
	{
		font-style: italic;
	}

		table.newsitem h1
		{
			margin-bottom: 0;
		}

			table.newsitem h1 a
			{
				font-style: normal;
			}

	table.newsitem td.date
	{
		background: url('/Includes/Themes/DigitalArtwork/Images/CalendarIcon.gif') no-repeat scroll left top transparent;
		border: none;
		height: 65px;
		padding: 0;
		text-align: center;
		width: 60px;
	}

	table.newsitem td.date span.Month
	{
		color: #CCCCCC;
		display: block;
		font-size: 12px;
		text-transform: uppercase;
		padding-top: 5px;
	}

	table.newsitem td.date span.Day
	{
		color: #FFFFFF;
		display: block;
		font-size: 25px;
		font-weight: bold;
		padding-top: 3px;
	}

	table.newsitem thead td
	{
		padding-left: 15px;
	}

	table.newsitem tbody p
	{
		margin: 0;
	}

div#NewsLetter a#NewsLetterAnchor
{
	background: transparent url('/Includes/Themes/DigitalArtwork/Images/email.png') no-repeat left center;
	float: right;
	padding-left: 21px;
/*	margin-top: -37px;*/
}

div#NewsLetter a#RssAnchor
{
	background: transparent url('/Includes/Themes/DigitalArtwork/Images/feed-icon-14x14.png') no-repeat left center;
	padding-left: 18px;
}

/* END NEWS */

/* GENERAL FORMS */
form div.Row
{
	color: #666766;
}

form div.Row label
{
	height: 1.5em;
}

form span.Hint
{
	margin-top: -33px;
	right: 220px;
}

form div.TextAreaRow span.Hint
{
	margin-top: -165px;
	right: 125px;
}

form div.Row input.ErrorVeld,
form div.Row label
{
	line-height: 16px;
}

form div.Row input,
form div.Row input.ErrorVeld
{
	width: 200px;
}

form div.ReversedRow span input,
form div.Row div.RadioButtonGroup input,
form div.Row input[type=checkbox],
form div.Row input.Button
{
	width: auto;
}

form div.Row div.RadioButtonGroup div.RadioRow
{
	border-bottom: 1px solid #808285;
	height: 38px;
	line-height: 38px;
}

form div.ErrorMessage
{
	float: none;
}

	/* Contact Form */
	div#contactForm
	{
		width: 455px;
	}

	div#contactForm span.FormHeadText
	{
		color: #CB1C68;
		font-size: 16px;
		font-weight: bold;
		margin: 35px 0 5px;
	}

	div#contactForm span.FormSubText
	{
		color: #666766;
		font-size: 11px;
	}

	div#contactForm div.Row label
	{
		height: 2em;
	}

	div#contactForm div.SubmitRow
	{
		text-align: right;
	}

	/* Favorites Form */
	form.SendFavorites
	{
		width: 500px;
		text-align: right;
	}

	form.SendFavorites div.Row
	{
		text-align: left;
	}

		form.SendFavorites div.Row label
		{
			width: 190px;
		}

		form.SendFavorites div.TextArea label
		{
			vertical-align: top;
		}

	form.SendFavorites span.Hint
	{
		right: 180px;
	}

label
{
	color: #666766;
	display: inline-block;
	width: 150px;
	margin-top: 4px;
}

textarea
{
	height: 150px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 297px;
}

.TextAreaRow label
{
	float: left;
}

/* END GENERAL FORMS */

/* ORDER FORM */
form.OrderForm span.Hint
{
	right: 180px;
}

form.OrderForm span.SmallText
{
	font-size: 10px;
}

	form.OrderForm p.OrderToText
	{
		color: #CB1C68;
		margin-top: 10px;
	}

	form.OrderForm div.Row label
	{
		line-height: 1.5; /* To align in IE8 */
		width: 190px;
	}

	form.OrderForm div.Row input.ErrorVeld
	{
		height: 18px;
		width: 204px;
	}

	form.OrderForm div.PaymentRow
	{
		margin-top: 20px;
	}

	form.OrderForm div.PaymentRow select.IssuerDropdown
	{
		margin-top: 5px;
	}

	form.OrderForm div.Row div.RadioButtonGroup input#ideal
	{
		margin-bottom: 15px;
	}

	form.OrderForm div.Row div.RadioButtonGroup img
	{
		position: relative;
		top: -3px;
		vertical-align: middle;
	}

	form.OrderForm div.ReversedRow label
	{
		width: 600px;
	}

	form.OrderForm div.ReversedRow span
	{
		margin-right: 5px;
	}

		form.OrderForm div.Row div.RadioButtonGroup
		{
			margin-left: 195px;
		}

	form.OrderForm div.RadioButtonGroup label
	{
		width: auto;
	}

	form.OrderForm div.RadioButtonGroup select
	{
		float: right;
		margin-right: 150px;
		width: 150px;
	}

	div#Confirm form.ChangeForm a.ImageButton
	{
		float: left;
	}

	div#Confirm form.ConfirmForm
	{
		margin-bottom: 20px;
		overflow: hidden;
	}

		div#Confirm form.ConfirmForm a.ImageButton
		{
			float: right;
		}

	div#DelayNotice
	{
		background-color: #333333;
		height: 25px;
		margin-bottom: 30px;
		width: 100%;
	}

		div#DelayNotice p
		{
			color: #CCCCCC;
			line-height: 25px;
			padding-right: 0;
			text-align: center;
		}

form.OrderForm a.ImageButton
{
	float: right;
}

div#ReturnPage h3,
div#ReturnPage p
{
	padding-right: 40px;
	text-align: center;
}

/* END ORDER FORM */

/* FOOTER */
div#Footer
{
	/*text-align: left;*/
	width: 100%; /* Fixes distance in IE6 */
}

div#Footer ul
{
	display: inline-block;
	line-height: 1.5em;
	text-align: left;
}

div#Footer ul li
{
	display: inline; /* Avoid float to please IE */
	padding-right: 5px;
}

div#Footer ul li a
{
	color: #CB1C68;
	border-left: 1px solid #333333;
	padding-left: 5px;
}

div#Footer ul li.First a
{
	border:		none;
}

/* END FOOTER */


	div#Confirm p.ConfirmPickup,
	div#Confirm p.ConfirmNews
	{
		background: transparent url('/Includes/Images/Webstruct/buttons/ok_over.png') no-repeat left center;
		padding: 10px 30px;
	}

	div#Confirm p.ConfirmNoPickup,
	div#Confirm p.ConfirmNoNews
	{
		background: transparent url('/Includes/Images/Webstruct/buttons/delete_over.png') no-repeat left center;
		padding: 10px 30px;
	}

/* PhotoOnAluminium */
table.PhotoOnAluminium tr td
{
	float: 	left;
	width: 	260px;
}

	table.PhotoOnAluminium tr td p
	{
		padding-right: 		0;
	}
		
div#Content div.PhotoOnAluBox
{
	background-color: 	#D9DADC;
	border: 			2px solid #CB1C68;
	float: 				left;
	width: 				280px;
}

	div#Content div.PhotoOnAluBox h2
	{
		background-color: 	#CB1C68;
		color:				#FFFFFF;
		font-size: 			13px;
		margin-bottom: 		10px;
		padding: 			5px 0;
		text-align: 		center;
	}

	div#Content div.PhotoOnAluBox div.ListItem
	{
		text-align: 		left;
	}
	
		div#Content div.PhotoOnAluBox div.ListItem div.Number
		{
			background-color: 	#454248;
			color: 				#FFFFFF;
			float: 				left;
			font-size: 			13px;
			font-weight: 		bold;
			margin-right: 		5px;
			padding: 			3px 5px;
			width: 				10px;
		}
		
		div#Content div.PhotoOnAluBox div.ListItem div.Item
		{
			float: 				left;
			font-size: 			13px;
			margin-bottom: 		10px;
			width: 				245px;
		}
		
			div#Content div.PhotoOnAluBox div.ListItem div.Item h2
			{
				background-color: 		transparent;
				color: 					#009ADE;
				margin-bottom: 			0;
				text-align: 			left;
			}
			
			div#Content div.PhotoOnAluBox div.ListItem div.Item p
			{
				margin-bottom: 			3px;
			}

/* END PhotoOnAluminium */

/* ADDTHIS */
div#AddThisContainer
{
	float: left;
	margin-left: 22px;
	margin-top: 22px;
}

	div#AddThisContainer a.addthis_button_facebook_like
	{
		float: left;
		padding-right: 10px;
	}
	
	div#AddThisContainer a.addthis_button_tweet
	{
		float: left;
	}

/* END ADDTHIS */

/* LIMITED EDITION */
div#ArtDetail div#LimitedEditionInfo
{
	margin-top: -15px;
	width: 		634px;
}

	div#ArtDetail div#LimitedEditionInfo p
	{
		margin-bottom: 	20px;
		margin-top: 	0;
	}

/* END LIMITED EDITION */

/* CMS */
h1
{
	color: #CB1C68;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

/* END CMS */