body 
	{
	background-color: #ffffff;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

a {text-decoration: none;}


 


	
/*///////////////////////////////////////////////////////////////////////////////////////////////*/


#productArtworkHeader 
	{
	z-index: 0;
	margin: 0 auto;
	padding: 0;
	height:352px;
	width: 720px;
	background-position: top center;
	background-repeat: repeat-y;
	}
		#productArtworkHeader img { display: block; border: none;}
	

#contentHeader 
	{
	z-index: 0;
	margin: 0 auto;
	padding: 0;
	width: 720px;
	}
		#contentHeader img { display: block; border: none;}
		

#contentContainerShop
	{
	z-index: 1;
	width:720px;
	margin-top: -176px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(graphics/contentShop_Background.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	}


	#contentContainer
		{
		z-index: 2;
		width:720px;
		margin: auto;
		position: relative;
		padding-top: 0px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
		}
		

		#mainAreaContainer 
			{
			z-index: 3;
			position:relative;
			width: 720px;
			margin-left: 0px;
			font-size: 12px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
			}
			
			#mainAreaContent
				{
				z-index: 4;
				position:relative;
				width: 704px;
				margin-left: 8px;
				font-size: 12px;
				color: #ififif;
				padding-left: 0px;
				padding-right: 0px;
				padding-top: 0px;
				padding-bottom: 0px;
				}	
				
				#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent p 
					{
					font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
					font-size: 12px;
					color: black;
					text-align: justify;
					line-height: 1.25em;
					margin-left: 16px; 
					margin-right: 16px; 					
					}
				#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent a {color: #000000; 	font-weight:bold; font-size:120%;}
				#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent a:hover  {color: #ffffff; 	font-weight:bold; font-size:120%;}
				#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent a:active {color: #7f7f7f; 	font-weight:bold; font-size:120%;}	
			
			
			div.infoBoxContainer 
				{
				z-index: 5;
				float: right;
				width: 272px;
				margin-top: 0px; /* should be -56px but IE does not handle properly*/
				}			
					
					
					div.infoBoxHeaderFooter 
						{
						z-index: 6;
						margin-left: 16px;
						margin-right: 0px;
						margin-top: 0px;
						margin-bottom: 0px;
						padding-right: 0px;
						padding-left: 0px;
						padding-top: 0px;
						padding-bottom: 0px;
						}
		
						
					div.infoBox1 
						{
						z-index: 6;
						background-image: url(graphics/infoBox1BodyBG.png);
						background-repeat: repeat-y;
						margin-left: 16px;
						margin-right: 0px;
						margin-top: 0px;
						margin-bottom: 0px;
						padding-right: 0px;
						padding-left: 0px;
						padding-top: 8px;
						padding-bottom: 0px;
						}
						
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox1 p 
								{
								font-family: Helvetica, Helvetica Neue, Arial, sans-serif; 
								font-size: 11px; 
								color: #ffffff; 
								line-height: 1.25em; 
								margin: 0px 24px 0px 16px; 
								text-align: left;
								}	
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox1 a {color: #ffffff; 	 font-weight:normal; font-size:100%; line-height: 1.5em;}
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox1 a:hover  {color: #000000; 	font-weight:normal; font-size:100%;}
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox1 a:active {color: #7f7f7f; 	 font-weight:normal; font-size:100%;}							
								
							.mediaPlayer 
								{
								width: 224px;
								height: 32px;
								margin-left: 8px;
								margin-right: 8px;
								margin-top: 0px;
								margin-bottom: 0px;
								padding-right: 0px;
								padding-left: 0px;
								padding-top: 0px;
								padding-bottom: 0px;
								}	
						
					div.infoBox2 
						{
						z-index: 6;
						background-image: url(graphics/infoBox2BodyBG.png);
						background-repeat: repeat-y;
						margin-left: 16px;
						margin-right: 0px;
						margin-top: 0px;
						margin-bottom: 0px;
						padding-right: 0px;
						padding-left: 0px;
						padding-top: 8px;
						padding-bottom: 0px;
						}
						
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox2 p 
								{
								font-family: Helvetica, Helvetica Neue, Arial, sans-serif; 
								font-size: 11px; 
								color: #efefef; 
								line-height: 1.25em; 
								margin: 0px 24px 0px 16px; 
								text-align: left;
								}	
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox2 a {color: #efefef; 	 font-weight:normal; font-size:100%; line-height: 1.5em;}
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox2 a:hover  {color: #000000; 	font-weight:normal; font-size:100%;}
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox2 a:active {color: #6f6f6f; 	 font-weight:normal; font-size:100%;}	
						
						
					div.infoBox3 
						{
						z-index: 6;
						background-image: url(graphics/infoBox3BodyBG.png);
						background-repeat: repeat-y;
						margin-left: 16px;
						margin-right: 0px;
						margin-top: 0px;
						margin-bottom: 0px;
						padding-right: 0px;
						padding-left: 0px;
						padding-top: 8px;
						padding-bottom: 0px;
						}
						
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox3 p 
								{
								font-family: Helvetica, Helvetica Neue, Arial, sans-serif; 
								font-size: 11px; 
								color: #dfdfdf; 
								line-height: 1.25em; 
								margin: 0px 24px 0px 16px; 
								text-align: left;
								}	
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox3 a {color: #dfdfdf; 	 font-weight:normal; font-size:100%; line-height: 1.5em;}
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox3 a:hover  {color: #000000; 	font-weight:normal; font-size:100%;}
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox3 a:active {color: #5f5f5f; 	 font-weight:normal; font-size:100%;}	
						
					div.infoBox4 
						{
						z-index: 6;
						background-image: url(graphics/infoBox4BodyBG.png);
						background-repeat: repeat-y;
						margin-left: 16px;
						margin-right: 0px;
						margin-top: 0px;
						margin-bottom: 0px;
						padding-right: 0px;
						padding-left: 0px;
						padding-top: 8px;
						padding-bottom: 0px;
						}
						
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox4 p 
								{
								font-family: Helvetica, Helvetica Neue, Arial, sans-serif; 
								font-size: 11px; 
								color: #cfcfcf; 
								line-height: 1.25em; 
								margin: 0px 24px 0px 16px; 
								text-align: left;
								}	
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox4 a {color: #cfcfcf; 	 font-weight:normal; font-size:100%; line-height: 1.5em;}
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox4 a:hover  {color: #000000; 	font-weight:normal; font-size:100%;}
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox4 a:active {color: #4f4f4f; 	 font-weight:normal; font-size:100%;}	
						
					div.infoBox5
						{
						z-index: 6;
						background-image: url(graphics/infoBox5BodyBG.png);
						background-repeat: repeat-y;
						margin-left: 16px;
						margin-right: 0px;
						margin-top: 0px;
						margin-bottom: 0px;
						padding-right: 0px;
						padding-left: 0px;
						padding-top: 8px;
						padding-bottom: 0px;
						}
						
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox5 p 
								{
								font-family: Helvetica, Helvetica Neue, Arial, sans-serif; 
								font-size: 11px; 
								color: #bfbfbf; 
								line-height: 1.25em; 
								margin: 0px 24px 0px 16px; 
								text-align: left;
								}	
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox5 a {color: #bfbfbf; 	 font-weight:normal; font-size:100%; line-height: 1.5em;}
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox5 a:hover  {color: #000000; 	font-weight:normal; font-size:100%;}
							#contentContainerShop #contentContainer #mainAreaContainer #mainAreaContent div.infoBoxContainer div.infoBox5 a:active {color: #3f3f3f; 	 font-weight:normal; font-size:100%;}	
		
			
				img.titleGraphicLeft 
					{
					float: left;
					position: relative;
					width: 432px;
					height: 56px;
					margin-left: -16px;
					margin-right: 0px;
					margin-top: 0px;
					margin-bottom: 0px;
					}
					
					
				img.bodyGraphicFloatLeft 
					{ 
					float: left; 
					margin-left: 0px;
					margin-right: 0px;
					margin-top: 0px;
					margin-bottom: 0px;
					}




/*///////////////////////////////////////////////////////////////////////////////////////////////*/



#ContentFooter 
	{
	margin: 0 auto;
	padding: 0;
	width: 720px;
	}