@charset "UTF-8";
/* CSS Document */



@font-face 
{
	font-family: "ITC Lubalin";
	src: url("/media_server/LubalinGraphStd-Demi.otf");
}


body
{
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px; 
	padding:0px;
	text-align: center;
	
	background-color: #EFEFEF;
/* 	background-image0:url(site/2x2greycheckerboard1.gif);   
	background-image:url("site/bgtile3.gif");*/
}


/*
li
{
	list-style:circle;
}
*/


#dump
{
	display: none;
}



h1, h2
{
	margin: 0px;
	padding: 0px;
}


td
{
	text-align: left;
	vertical-align: top;
}


a 
{
	color: #b30400;
	text-decoration: underline;
}




a:hover 
{
	color: #f60600;
}


#named a 
{
	/* display: none; */
	display: inline;
	visibility: hidden;
}




p
{
	margin-bottom: 10px;
}


.rounded-5px
{
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;

	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;

	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
	



#root
{
	display: none;
	
	
	/*background: #FFF;
	background: url( "/2010/site/content-background.png" ) repeat-y;
	height: 100%;
	margin: 0px auto;
	overflow: auto;
	position: relative;
	
	text-align: left;
	width: 840px;*/
}


	
	
	
	
	/********************************************************************** 
	 * 
	 *  Masthead with address, home link and logo
	 *
	 **********************************************************************/
	 
	#root #masthead
	{
		background: url( "/2010/site/masthead-background.jpg" );
	
		height: 126px;
		
		position: relative;
	}
	
	
		#root #masthead #Address
		{
			color: #FFF;
			font-size: 11px;
			letter-spacing: 1px;
			line-height: 12px;
			overflow: hidden;
			position:absolute;
			height: 90px;
			width: 209px;
			top: 30px;
			left: 30px;
		}
		
		
		#root #masthead #Address .title
		{
			display: none;
		}
		
		
		#root #masthead #Address a
		{
			color: #ffa201;
			font-weight: bold;
			text-decoration: none;
			
			text-shadow: #0b1c22 0px 0px 2px;
		}
	

	
		#root #masthead #home a
		{
			display: block;
			position:absolute;
			
			height: 90px;
			width: 600px;
			
			top: 30px;
			left: 210px;
		}
	


		#root #masthead #help-button a
		{
			background: url( "/2010/site/help-button-background.png" );
			
			display: block;
			position:absolute;
			
			height: 60px;
			width: 52px;
			
			top: 0px;
			left: 788px;
		}


		#root #masthead #help-button a:hover
		{
			background-position: 0px -60px;
		}
		
		
	/********************************************************************** 
	 * 
	 *  Menu with cart link 
	 *
	 **********************************************************************/
	 
	#root #menu
	{
		background: url( "/2010/site/menu-background.png" );
		
		height: 23px;
		
		overflow: hidden;
		
		padding-top: 7px;
		padding-left: 30px;
	}
	
	
	#root #menu a
	{
		color: #FFF;
		
		display: block;
		
		float: left;
		
		font-family: "ITC Lubalin", Arial, San-serif;
		font-size: 14px;
		/*font-weight: bold;*/
		
		letter-spacing: 1px;
		
		margin-right: 40px;
		
		text-decoration: none;
	}
	
	
	#root #menu a:hover,
	#root #menu a.active
	{
		color: #ffff00;
		
		/*margin-top: -25px;*/
	}
	
	
	
	#root #menu #cart-button a
	{
		background: url( "/2010/site/cart-button-background.png" );
		height: 44px;
		width: 49px;
		position: absolute;
		top: 119px;
		left: 745px;
		z-index: 1000;
	}
	
	
	#root #menu #cart-button a:hover
	{
		background-position: 0px -44px;
	}



	/********************************************************************** 
	 * 
	 *  Your Order
	 *
	 **********************************************************************/
	 
	#your-order
	{
		background: #FFF;
		
		letter-spacing: 1px;
		
		text-align: left;
		
		width: 380px;
	}
	
		#your-order img
		{
			border: 1px solid #FFF;
			
			margin-bottom: 10px;
		}
		
		
		#your-order ul
		{
			margin: 10px 0px 0px 20px;
		}
		
		
		#your-order li
		{
			line-height: 14px;
			list-style: disc;
			margin-bottom: 8px;
		}
	
	
		#your-order .heading
		{
			color: #dc0500;
			font-family: "ITC Lubalin", Arial, San-serif;
			font-size: 22px;
			margin-bottom: 14px;
		}
	
	
		#your-order table
		{
			width:  330px;
		}
		
		
		#your-order tr
		{
			background: url( "/2010/site/cart-cell-background.png" ) repeat-x 0px -20px;
			
			
		}
		
		#your-order td
		{
			padding: 12px;
		}
		
		
		#your-order td.remove
		{
			padding: 18px 12px 12px 12px;
		}
		
		
		#your-order td.remove a
		{
			background: #f8f8f8;
			
			border: 1px solid #999;
			
			font-size: 18px;
			
			padding: 4px;
			
			text-decoration: none;
		}
			
		#your-order td.numeric
		{
			font-size: 24px;
			
			padding: 20px 12px 12px 12px;
			
			text-align: right;
		}
		
		
		#your-order td.grand
		{
			background: url( "/2010/site/cart-cell-background.png" ) repeat-x 0px -90px;
			
			border-top: 4px solid #000;
			border-bottom: 4px solid #000;
			
			padding: 12px;
		}
		
		
		#your-order td.blank
		{
			background: #FFF;
		}
		
		
		#your-order td.checkout
		{
			background: #FFF;
			/*padding: 40px 0px;*/
			
			text-align: right;
		}
		
		
		#your-order td div.title
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			line-height: 16px;
		}
		
		#your-order td.quantity .times,
		#your-order td.quantity .equals
		{
			font-size: 14px;
		}
		
		
		#your-order td.quantity .qty
		{
			background: #FFF;
			
			border: 1px solid #999;
			
			margin: 0px 6px 0px 6px;
			
			padding: 6px 8px 6px 8px;
		}
		
		
		#your-order a#checkout-button
		{
			background: url( "/2010/site/checkout-button.png" ) no-repeat;
			
			display: block;
			
			height: 61px;
			width: 185px;
		}
		
		
		#your-order a:hover#checkout-button
		{
			background-position: 0px -61px;
		}
		
		
		#your-order
		{
			display: none;
		}
		
		#fancybox-wrap
		{
			text-align: left;
		}
		
		#fancybox-wrap #content
		{
			line-height: 18px;
		}
		
		
		#fancybox-wrap #content div.box
		{
			background: url( "/2010/site/box-background.png" ) repeat-x;
			
			border: 1px solid #cccccc;
			
			padding: 8px;
		}
		
		
		#fancybox-wrap div.box div.title
		{
			color: #dc0500;
			font-family: "ITC Lubalin", Arial, San-serif;
			font-size: 18px;
			/*font-weight: bold;*/
			
			letter-spacing: 1px;
			
			margin-bottom: 8px;
		}
		
		#fancybox-wrap #your-order
		{
			display: block;
		}
		
	/********************************************************************** 
	 * 
	 *  Dynamic content
	 *
	 **********************************************************************/
	 
	#root #content
	{
		background: url( "/2010/site/content-background.png" ) repeat-y;
		color:#000;
		
		padding: 10px 30px 10px 30px;
	}
	
	
		#root #content div.box
		{
			background: url( "/2010/site/box-background.png" ) repeat-x;
			
			border: 1px solid #cccccc;
			
			clear: both;
			
			font-size: 14px;
			
			letter-spacing: 1px;
			line-height: 19px;
			
			margin-bottom: 30px;
			
			padding: 20px;
			
			text-align: left;
		}
		
		
		#root #content div.box div.title
		{
			color: #dc0500;
			font-family: "ITC Lubalin", Arial, San-serif;
			font-size: 24px;
			/*font-weight: bold;*/
			
			letter-spacing: 1px;
			
			margin-bottom: 12px;
		}
	
	
	
	
	#root #content div.products div.title
	{
		display: none;
	}
	
	
	
	#root #content div.rounded
	{
		border-top-right-radius: 20px;
		border-bottom-left-radius: 20px;
	
		-moz-border-radius-topright: 20px;
		-moz-border-radius-bottomleft: 20px;
	
		-webkit-border-top-right-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
	}
	
	
	
	#root #content div.shadow,
	#root #content div.trailer
	{
	   box-shadow:inset 0 0 4px #000000;
	   -moz-box-shadow:inset 0 0 4px #000000;
	   -webkit-box-shadow:inset 0 0 4px #000000;
	}
	
	
	#root #content #Packs
	{
		float: left;
		width: 530px;
	}
	
	
	#root #content #your-downloads
	{
		padding: 10px;
	}
	
	
	
	#root #content #your-downloads td
	{
		border: 1px solid #cccccc;
		
		font-size: 20px;
		
		padding: 8px;
	}
	
	
	#root #content div.product
	{
		
		background: #FFF url( "/2010/site/product-background.png" ) repeat-x;
	
		box-shadow: 0px 0px 4px #333;
		-moz-box-shadow: 0px 0px 4px #333;
		-webkit-box-shadow: 0px 0px 4px #333;
		
		clear: both;
		
		font-size: 12px;
		
		margin: 0px 0px 33px 20px;
		
		
		overflow: auto;
		
		padding: 20px;
		
		position: relative;
		
		width: 490px;
		
		z-index: 50;
	}
	
	
	
	#root #content div.product ul
	{
		margin: 10px 0px 0px 20px;
	}
	
	
	#root #content div.product li
	{
		line-height: 14px;
		list-style: disc;
		margin-bottom: 8px;
	}
	
	
	
	#root #content div.products div.product .title
	{
		color: #dc0500;
		display: block;
		
		float: left;
		
		font-family: "ITC Lubalin", Arial, San-serif;
		font-size: 24px;
		/*font-weight: bold;*/
		
		letter-spacing: 1px;
		margin-bottom: 14px;
		
		width: 380px;
	}
	
	
	#root #content div.product .price
	{
		color:#000;
		
		/* IE fix 
		 */
		display: inline;
	
		font-size: 32px;
		font-weight: bold;
		
		height: 40px;
		
		text-align: right;
		
		text-shadow: #fff 0px 0px 2px;
		
		float: right;
		
		margin: -20px -20px 0px 0px;
		
		padding: 10px;
		
		/*position: absolute;
		
		top: 8px;
		left: 414px;*/
		
		width: 100px;
		
		z-index: 100;
	}
	
	
	#root #content div.product .price a
	{
		color: #000;
		text-decoration: none;
	}
	
	#root #content div.product .price a:hover
	{
		color: #FFF;
		
		text-shadow: #000 0px 0px 2px;
	}
	
	
	
	#root #content div.product .postage
	{
		font-size: 9px;
		
		margin-top: -2px;
	}
	
	
	#root #content div.product .Downloads .postage
	{
		display: none;
	}
	
	
	#root #content div.product .sticker
	{
		background: #FF0;
		
	/*	position: absolute;
		
		top: 0px;
		left: 410px;
		
		height: 60px;
		width: 120px;
		
		z-index: 90;*/
	}
	
	
	#root #content div.product  .price-1
	{
		background: #bcfef7;
	}
	
	
	#root #content div.product  .price-2
	{
		background: #5cb4ff;
	}
	
	#root #content div.product  .price-3
	{
		background: #5cb4ff;
	}
	
	#root #content div.product  .price-4
	{
		background: #5cb4ff;
	}
	
	#root #content div.product  .price-5
	{
		background: #fbfe08;
	}
	
	#root #content div.product  .price-6
	{
		background: #5cb4ff;
	}
	
	#root #content div.product  .price-7
	{
		background: #ff4cec;
	}
	
	#root #content div.product  .price-8
	{
		background: #ff8c04;
	}
	
	#root #content div.product  .price-9
	{
		background: #45dd34;
	}
	
	#root #content div.product  .price-10
	{
		background: #1efefb;
	}
	
	#root #content div.product  .price-11
	{
		background: #ff43ba;
	}
	
	
	
	
	
	#root #content div.product .image
	{
		float: left;
	}
	
	#root #content div.product .image img
	{
		border: 1px solid #FFF;
	}
	
	
	#root #content div.product .image .product-code
	{
		color: #333;
		
		font-weight: bold;
		
		margin-top: 4px;
	}
	
	
	#root #content div.product .description
	{	
		float: right;
		width: 280px;
	}
	
	
	
	
	#root #content div.trailer
	{
		/**/
		box-shadow: 0px 0px 4px #333;
		-moz-box-shadow: 0px 0px 4px #333;
		-webkit-box-shadow: 0px 0px 4px #333;
		
		/* IE fix 
		 */
		display: inline;
		
		height: 160px;
		
		float: right;
		
		margin: 0px 20px 40px 0px;
		
		overflow: hidden;
		
		position: relative;
		
		width: 175px;
	}
	
	
	#root #content div.trailer div.title
	{
		/*background: url( "/2010/site/trailer-mask.png" );
		*/
		color: #fff;
		
		font-family: "ITC Lubalin", Arial, San-serif;
		font-size: 16px;
		/*font-weight: bold;*/
		
		letter-spacing: 1px;
		line-height: 21px;
		
		/*padding: 0px 20px 0px 20px;*/
		
		text-align: center;
		
		text-shadow: #000 0px 0px 4px;
		
		position: absolute;
		
		top: 20px;
		left: 20px;
		
		
		width: 135px;
		
		z-index: 200;
	}
	
	
	#root #content #Downloads td
	{
		padding: 20px;
	}
	
	
	/*#root #content div.trailer a
	{
		background: url( "/2010/site/trailer-mask.png" );
		
		display:  block;
		
		position: absolute;
		
		top: 0px;
		left: 0px;
		
		height: 161px;
		width: 187px;
		
		z-index: 150;
	}*/
	
	


	/********************************************************************** 
	 * 
	 *  Footer with Mindbrix link
	 *
	 **********************************************************************/
	 
	#root #footer
	{
		background: url( "/2010/site/footer-background.png" );
		
		height: 87px;
		
		position: relative;
	}
	
		
		#root #footer #mindbrix a
		{
			display: block;
			position: absolute;
			top: 49px;
			left: 759px;
			height: 10px;
			width: 55px;
			
			
		}
		
		
		#root #footer #mindbrix a:hover
		{
			border: 1px solid #94abb4;
		}