* { margin: 0;
	padding: 0;
	font-family: georgia, arial, sans-serif;
	color: #000000;
	/*Fix for IE5.5 and 6 for transparent pngs*/
	behavior: url('templates/iepngfix.htc');
	outline: none; }

html { font-size: 75%; }

html>body { font-size: 12px; height: 100%; }

body { background: url('../img/bg.png') bottom left repeat-x #eeeeee; }

img { border: 0; }

#container { width: 968px; margin: 30px auto; height: 100%; }

#header { background: url('../img/banner/banner.png') top left no-repeat;
	height: 99px;
	margin: 0; }

#navigation { float: right;
	width: 872px; }
	
#navigation ul {
	list-style: none; }

/*Hack for IE6, otherwise it builds stages*/

#navigation li {
	display: inline; }

/*End of Hack*/
	
#navigation li a { float: left;
	width: auto;
	background: url('../img/banner/button.png') no-repeat left top; }

/*Hack for IE6 and IE8 (don't understand li:hover)*/

#navigation :link:hover img { float: left;
	width: auto;
	background: url('../img/banner/button_active.png') no-repeat left top; }

/*For IE8 we also need <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> in template to switch to IE7 engine*/

#navigation a:hover img { float: left;
	width: auto;
	background: url('../img/banner/button_active.png') no-repeat left top; }

/*End of Hack*/

#navigation li:hover, #navigation li:hover a { float: left;
	width: auto;
	background: url('../img/banner/button_active.png') no-repeat left top; }

#randomimg { width: 100%;
	background: url('../img/adds/add.png') top left;
	height: 400px;
	border-bottom: 5px solid #b47373; }
	
#content { border-bottom: 1px solid #5f0909; margin: 0; height: 100%; }

#maincontent { margin: 10px;
	width: 628px;
	float: left;
	display: inline;
	height: 100%; }

#sidecontent { margin: 10px; width: 300px; float: right; display: inline; height: 100%; }

#floatedbox { clear: both; }

#footer { margin: 0;
	height: 30px; }

#subnavigation { float: right; }
	
#subnavigation ul {
	list-style: none; }

/*Hack for IE6, otherwise it builds stages*/

#subnavigation li {
	display: inline;
	}

/*End of Hack*/
	
#subnavigation li a { float: left;
	width: auto;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 0.8em;
	color: #5f0909; }

/*Hack for IE6 (doesn't understand li:hover)*/

#subnavigation :link:hover { float: left;
	width: auto;
	border-bottom: 2px solid #5f0909;
	text-decoration: none; }

/*End of Hack*/

#subnavigation li:hover, #subnavigation li:hover a { float: left;
	width: auto;
	border-bottom: 2px solid #5f0909;
	text-decoration: none; }

td.recentlyadded { padding: 5px; }

td.products_manufacturers { padding: 5px;
	border-bottom: solid 1px #b47373;}

p.product_name { font-size: 1.5em;
	color: #5f0909; }

img.products_images { border: solid 1px #5f0909;
	margin: 5px; }

p.smalltext { font-size: 0.8em; }

#heading {
	float: left;
	margin: 10px;
	font-size: 2.7em;
	color: #b47373;
	border-bottom: solid 1px #b47373; }

#product_details { height: 400px;
	position: relative; }
	
#productlist ul { list-style: none; }

#productlist li { list-style: none; padding-left: 150px; }
