/*	CSS "Styles" Document
	E4 Media Group	*/
	
/*	Always Include:	
	
	These styles do the following:
		* - Removes padding and margin from ALL elements, must be added back
				for elements that normally have it included, such as 'p' or
				'h1' tags.  Note: Standard padding can generally be substituted
				for 1em or 10-12 pixels, top and bottom for normal text, sides
				as well for lists.
		img - Removes IE spacing around images.  Images must be returned to inline
				in situations where they are required to fit in with text.
		a: - Fixes a problem in FF3 where a small dot appears at the top left corner
				of an image on a page.
		a - Removes underlining from all links on a page, can be added back in in
				specific instances where it is needed. 
		.clear - Used in every document with a float for IE6 compatibility, added 
				here because it is so ubiquitous.*/

	* {
		padding: 0;
		margin: 0;
	}
	
	img {
		border: none;
		display: block;
	}
	
	a:focus, a:hover, a:active {
		outline: none;
	}
	
	a {
		text-decoration: none;
	}
	.clear {
		clear: both;
	}

/*	End Always Include	*/

/*	Base Tags	*/

	body {
		background: #f4f2e1;
	}

/*	End Base Tags	*/

/*	Structure	*/
	
	#container {
		width: 808px;
		margin: 0 auto;
	}
		#header {
			padding: 22px 0 0 1px;	
		}
		#nav {
			width: 781px;
			height: 35px;
			background: url(images/pngs/navbg.png) top left no-repeat;
			margin: 17px 0 5px 0;
			text-align: center;
		}
		#infobar {
			width: 781px;
			height: 25px;
			background: url(images/pngs/infobarbg.png) top left no-repeat;
			font: 11px Verdana, Arial, Helvetica, sans-serif;
			color: #ffffff;
			overflow: hidden;
		}
		#infobox {
			height: 142px;
			font: 11px Verdana, Arial, Helvetica, sans-serif;
			color: #252525;
			overflow: hidden;
			margin: 20px 0 15px 0;
		}
		#content {
		
		}

/*	End Structure	*/

/*	Important Elements	*/

	/*	Nav	*/
		#nav a {
			font: bold 12px Verdana, Arial, Helvetica, sans-serif;
			color: #f4f2e1;
			padding: 10px;
		}
		#nav img {
			display: inline;
			vertical-align: middle;
		}

	/*	Infobar	*/
		#infobar p {
			margin: 5px 0 0 10px;
		}

	/*	Infobox	*/
		#infobox img {
			float: left;
			display: inline;
			margin: 0 10px 0 0;
		}
		#infobox p {
			margin: 4px 0 12px 0;
		}
	/*	Content	*/
		.productbox {
			width: 264px;
			height: 167px;
			float: left;
			display: inline;
			background: url(images/pngs/productbg.png) top left no-repeat;
			margin: 0 5px 9px 0;
		}
			.productbox img {
				border: 1px solid black;
				float: left;
				display: inline;
				margin: 8px 0 0 10px;
			}
			.productbox p {
				font: 11px Verdana, Arial, Helvetica, sans-serif;
				margin: 10px 0 0 10px;
			}
				.productbox p a {
					color: #252525;
				}
			.percent, .retail, .price {
				width: 89px;
				float: right;
				display: inline;
				font: Verdana, Arial, Helvetica, sans-serif;
				text-align: center;
				overflow: hidden;
			}
			.percent {
				height: 33px;
				background: #404040;
				color: #ffffff;
				margin: 8px 6px 0 0;
			}
				.percent p {
					margin: 10px 0 0 0;
					font-size: 11px;
				}
			.retail {
				height: 44px;
				background: #85b643;
				color: #252525;
				margin: 4px 6px 0 0;
			}
				.retail p {
					margin: 8px 0 0 0;
					font-size: 11px;
				}
			.price {
				height: 42px;
				background: #252525;
				color: #ffffff;
				margin: 4px 6px 0 0;
			}
				.price p {
					margin: 5px 0 0 0;
					font-size: 12px;
					font-weight: bold;
				}
	/*	Fullcont	*/
		#fullcont p {
			padding: 5px 0;
			font: 12px Verdana, Arial, Helvetica, sans-serif;
		}
		#fullcont ul {
			margin: 0 0 0 30px;
		}
		#fullcont table {
			margin: 10px 0;
		}

/*	End Important Elements	*/

/*	Classes

	This section is for non-specific classes.  Classes associated with important elements will
		generally be located with the elements group.	*/
	
	.bold {
		font-weight: bold;
	}
	.center {
		text-align: center;
	}
	#fullcont p.small {
		font-size: 10px;
	}
	.formclass {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #ffffff;
	}
	.formclass table td {
		padding: 4px;
	}
	
/*	End Classes	*/