
	#headerNavigationArtLink
	{
		border-color: rgba(0,0,0,0.10);
	}

	#containerdiv
	{
		max-width: 1000px;
		padding-top: 40px;
		padding-bottom: 80px;
		text-align: left;
	}
	
	#topnavigationdiv
	{
		display: inline-block;
		width: 100%;
		border: none;
		font: 10pt arial;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: center;
	}
	
	
	
	.leftdiv
	{	
		float: left; 
		width: 50%;
		width: -webkit-calc(100% - 420px);
		width: calc(100% - 420px);
		padding-top: 0px; 
		text-align: center;
		clear: both;
	}
				
	.rightdiv
	{	
		float: right;
		width: 360px;
		padding-top: 0px;
	}			

	#productPreviewImage
	{
		display: inline-block;
		position: relative;
		top: 0px;
		left: 0px;
		cursor: auto;
		width: auto;
		max-width: 100%;
		max-height: 700px;
	}	
	
	#priceDetailDiv
	{
		display: inline-block;
		width: 100%; 
		width: calc(100% - 2px);
		width: -webkit-calc(100% - 2px);
		border: 1px solid #AAAAAA;
		border-radius: 0px;
		box-shadow: none;
		margin-top: 25px;
		overflow: hidden;
	}
	
	.priceDetailLineItemDiv
	{
		float: left;
		width: 100%;
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 8px;
		padding-bottom: 8px;
		margin: 0px;
		background-color: #FFFFFF;
		border: none;
	}
	
	.priceDetailLineItemDiv:nth-child(2n)
	{
		background-color: #EEEEEE;
	}
	
	.priceDetailLineItemDiv:nth-child(n + 2)
	{
		border-top: 1px solid #CCCCCC;
	}
	
	.priceDetailLineItemDiv > p
	{
		float: left;
		font-size: 9pt;
		font-family: arial;
		text-align: left;
	}
	
	.priceDetailLineItemDiv > p:nth-child(1)
	{
		width: 75px;
	}
	
	.priceDetailLineItemDiv > p:nth-child(2)
	{
		width: 170px;
		padding-left: 20px;
	}	
	
	.priceDetailLineItemDiv > p:nth-child(3)
	{
		float: right;
		width: 50px;
		text-align: right;
	}	
	
	
	#headerdiv
	{
		float: left;
		width: 100%;
		padding-bottom: 40px;
		min-height: 0px;
		text-align: center;
		overflow: hidden;
	}
				
	#imagepreview
	{
		max-width: 100%;
		max-height: 800px;
	}				
				
	#dimensionContainerDiv
	{
		display: inline-block;
		width: 100%;
		padding-top: 40px;
		text-align: justify;
	}
				
	#dimensiondiv
	{
		display: inline-block;
		width: 35%;
	}
	
	#dimensionsdiv > div
	{
	
	}

	h2
	{	
		float: left; 
		width: 100%; 
		font-size: 14pt;
		font-family: avenir, oswald, arial; 
		font-weight: normal; 
		padding-bottom: 8px; 
		border-bottom: 1px solid #AAAAAA; 
		text-shadow: none;
		color: #444444;
		letter-spacing: 0px;
		text-align: left;
		text-transform: uppercase;
		word-spacing: 5px;
	}
		
	
	.tabdiv
	{	
		background-color: #FCFCFC;
		border: 1px solid #AAAAAA;
		border-top: none;
	}

	.incomingMailDimensionDiv
	{
		display: inline-block;
		width: 30%;
		max-width: 150px;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.incomingMailDimensionDiv > p
	{
		display: inline-block;
		width: 100%;
		font-size: 10pt;
		font-family: arial;
		color: #444444;
	}
	
	.incomingMailDimensionDiv  > select
	{
		display: inline-block;
		width: 100%;
		width: calc(100% - 2px);
		width: -webkit-calc(100% - 2px);
		padding-top: 5px;
		padding-bottom: 5px;
		margin-top: 5px;
		border: 1px solid #999999;
		font-size: 10pt;
		font-family: arial;
		text-align: center;
	}	
	
	#incomingMailPackageType
	{
		display: inline-block;
		width: 100%;
		max-width: 300px;
		padding: 5px;
		margin-top: 5px;
		font-size: 10pt;
		font-family: arial;
		border: 1px solid #999999;
	}

	.menuTab
	{
		float: left;
		position: relative; 
		background-color: #FFFFFF;
		height: 20px;
		overflow: hidden;
		font: 9pt arial;
		padding-left: 7px;
		padding-right: 10px;
		padding-top: 3px;
		border: 1px solid #DDDDDD;
		border-bottom: none;
		color: #444444;
		box-shadow: none;
		margin-right: 5px;	
	}
	
	.menuTab:last-child
	{
		margin-right: 0px;
	}
	
	.menuTab:hover
	{
		border: 1px solid #DDDDDD;
		border-bottom: none;
		background-color: #EEEEEE;
		border-bottom: none;
	}
	
	.menuTabSelected
	{
		border: 1px solid #AAAAAA;
		border-bottom: none;
		background-color: #FCFCFC;
		height: 21px;	
	}
	
	.menuTabSelected:hover
	{
		border: 1px solid #AAAAAA;
		border-bottom: none;
		background-color: #FCFCFC;
	}
	
	.menuTab a:link, .menuTab a:hover, .menuTab a:visited
	{
		font: inherit;
		color: #222222;
	}
	
	.menuTab:hover a:link, .menuTab:hover a:hover, .menuTab:hover a:visited
	{
		color: #000000;
	}	

	.menuTabSelected:hover a:link, .menuTabSelected:hover a:hover, .menuTabSelected:hover a:visited
	{
		color: #222222;
	}	
	
	.optionselected
	{
		background-color: #AAAAAA;
		border: 1px solid #444444;
		border-radius: 0px;
		box-shadow: none;
	}
					
	.optionnotselected
	{
		background-color: #FEFEFE;
		border: 1px solid #AAAAAA;
		border-radius: 0px; 
		box-shadow: none;
	}
	
	.cropTypeLink, .cropTypeLink:active, .cropTypeLink:link, .cropTypeLink:visited, .cropTypeLink:hover, .cropTypeLinkSelected, .cropTypeLinkSelected:active, .cropTypeLinkSelected:link, .cropTypeLinkSelected:visited, .cropTypeLinkSelected:hover
	{
		display: inline-block;
		vertical-align: middle;
		padding-bottom: 2px;
		margin: 0px;
		margin-left: 5px;
		margin-right: 5px;
		font-size: 10pt;
		font-family: arial;
		text-decoration: none;
		color: #444444;
	}
	
	.cropTypeLink:nth-child(1)
	{
		margin-left: 0px;
	}
	
	.cropTypeLinkSelected, .cropTypeLinkSelected:active, .cropTypeLinkSelected:link, .cropTypeLinkSelected:visited, .cropTypeLinkSelected:hover
	{
		border-bottom: 2px solid #4CD4BF;
	}

	.cropTypeLink:hover
	{
		color: #000000;
	}
		
	.printSizeDiv
	{
		display: inline-block;
		width: 100%;
		padding-bottom: 5px;
	}
	
	.printSizeDiv .optionselected, .printSizeDiv .optionnotselected
	{
		cursor: pointer;
		cursor: hand; 
		display: inline-block;
		vertical-align: middle;
		width: 16px;
		height: 16px;
		margin-left: 10px;
	}
	
	.printSizeDiv .optionselected
	{
		background-color: #AAAAAA;
		width: 16px;
		height: 16px;
		border: 1px solid #444444;
		box-shadow: 0px 1px 3px #CCCCCC;
		box-shadow: none;
	}
			
	.printSizeDiv p
	{
		display: inline-block;
		vertical-align: middle;
		font-size: 12pt;
		font-family: oswald, arial;
		color: #444444;
		letter-spacing: 0.5px;
	}
	
	.printSizeDiv p:nth-child(2)
	{
		width: 70px;
		padding-left: 20px;
	}

	.printSizeDiv p:nth-child(3)
	{
		width: 25px;
	}

	.printSizeDiv p:nth-child(4)
	{
		padding-left: 10px;
	}
					
	#dropdownproductsdiv
	{
		float: left;
		width: 100%;
		width: calc(100% - 2px);
		width: -webkit-calc(100% - 2px);
		min-height: 70px;
		overflow: visible;
		margin-bottom: 32px;
		border: 1px solid #CCCCCC;
		border-radius: 0px;
		text-align: left;
		box-shadow: 0px 8px 8px -5px #F5F5F5;
		box-shadow: none;
	}
						
	.linkpreviousarrow, .linknextarrow
	{
		position: absolute;
		top: 50%;
		top: calc(50% - 40px);
		top: -webkit-calc(50% - 40px);
		border: none;
		opacity: 0.20;
		filter: alpha(opacity=20);
		max-height: 40px;
		padding: 25px;
		border: none;
		z-index: 1000;
	}
	
	.linkpreviousarrow:hover, .linknextarrow:hover
	{
		opacity: 1.00;
		filter: alpha(opacity=100);
	}	
	
	.linkpreviousarrow
	{
		left: 0px;
	}
	
	.linknextarrow
	{
		right: 0px;
	}
	
	.div1 {width: 340px; padding: 15px; padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #999999; background-color: #FFFFFF;}
	.div2 {width: 340px; padding: 15px; padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #999999; background-color: #EEEEEE;}

	
	.matPreviewImage
	{
		float: right;
		width: 88px;
		height: 45px;
		border: 1px solid #999999;
	}
	
	.frameDiv
	{
		float: none;
		display: inline-block;
		width: 30%;
		width: calc(30% - 2px);
		width: -webkit-calc(30% - 2px);
		max-width: 75px;
		margin: 1px;
		margin-bottom: 20px;
		vertical-align: top;
		border: 1px solid #AAAAAA;
		box-shadow: 5px 5px 8px #DDDDDD;	
	}
	
	.frameDiv.frameDivSelected
	{
		width: calc(30% - 4px);
		width: -webkit-calc(30% - 4px);
		margin: 0px;
		border: 2px solid #888888;
	}
	
	
	@media screen and (max-width: 1400px)
	{
		.linkpreviousarrow, .linknextarrow
		{
			display: none;
		}
	}

	@media screen and (max-width: 900px)
	{
		#dimensiondiv
		{
			width: 100%;
			padding-top: 15px; 
		}
	}
	
	@media screen and (max-width: 720px)
	{
		#containerdiv
		{
			padding-top: 0px;
		}
	
		#frameform
		{
			display: flex;
			display: -webkit-flex;
			flex-direction: column;
			-webkit-flex-direction: column;
			overflow: visible;
		}
		
		#frameform > *
		{
			float: none;
			width: 100%;
			order: 100;
			-webkit-order: 100;
		}

		.leftdiv
		{
			float: none;
			width: 100%;
			overflow: visible;
			padding-top: 5px;
		}
		
		.rightdiv
		{
			float: none;
			width: 100%;
			padding-top: 20px;
		}

		#headerdiv
		{
			min-height: 0px;
			padding-bottom: 25px;
			text-align: center;
		}		
		
		#productPreviewImage
		{
			max-height: 400px;
		}
		
		.menuTabNumber
		{
			display: none;
		}
		
		.matPreviewImage
		{
			width: 45px;
		}		
		
		#artistheadshotdiv
		{
			width: 100%;
			text-align: center;
		}
		
		#likediv
		{
			float: none;
			display: inline-block;
			width: 100%;
			padding-top: 5px;
			text-align: center;
		}
		
		h2
		{
			font-size: 14pt;
			text-align: left;
			text-shadow: none;
		}
		
		
		#dropdownproductsdiv
		{
			display: none;
		}
		
		.productdiv
		{
			padding-bottom: 15px;
		}
		
		.productdiv:first-child
		{
			padding-left: 3px;
		}
		
		.productdiv:last-child
		{
			padding-right: 3px;
		}
				
		#dimensionContainerDiv		
		{
			display: none;
		}
		
		#dimensiondiv
		{
			display: none;
		}
		
		.menu1, .menu2, .menu3
		{
			padding-left: 8px;
			padding-right: 8px;
		}
		
		.smallhidden
		{
			display: none;
		}
	
	}