@import url("reset.css");

body
{
	background: #FFF;
	color: #000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

img
{
	border: 0;
}

	img.imgleft
	{
		float: left;
		border: solid 1px #666;
		background: #262626;
		padding: 3px;
		margin: 8px 10px 8px 0px;
	}
	
	img.imgright
	{
		float: right;
		border: solid 1px #555;
		padding: 5px;
		margin: 0 0 15px 15px;
	}
	
/* 404 Error Form */

.errorform fieldset
{
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
}

.errorform fieldset input { border: 1px solid #DDD; padding: 5px; }

#pageleft
{
	margin: 0px auto;
	width: 900px;
	background: url('../images/design_01.gif') top left repeat-y;
}

#pageright
{
	margin: 0px auto;
	width: 900px;
	background: url('../images/design_03.gif') top right repeat-y;
}

	/*  menu  */
	
	#pageright #menucontainer
	{
		margin: 0px auto;
		width: 880px;
		height: 40px;
		overflow: hidden;
		background: url('../images/design_02.gif') top left no-repeat;
	}
	
	#pageright #menucontainer ul#topnav
	{
		margin: 0px auto;
		list-style: none;	
		font-size: 10px;
		clear: both;
		float: right;
	}
	
	#pageright #menucontainer ul#topnav li
	{
		margin: 0; 
		padding: 0; 
		overflow: hidden; 
		float: left; 
		height: 40px;
	}
	
	#pageright #menucontainer ul#topnav li a, #pageright #menucontainer ul#topnav li span
	{
		padding: 10px 20px; 
		float: left; 
		text-decoration: none; 
		color: #FFF;
		text-transform: uppercase;
		clear: both;
		height: 20px;
		line-height: 20px;
		background: #181818; 
	}
	
	#pageright #menucontainer ul#topnav li span
	{
		display: none;
		cursor: hand;
	}
	 
	#pageright #menucontainer ul#topnav.v2 span
	{
		background: #181818;
	}
	
	#pageright #menucontainer ul#topnav.v2 a
	{
		color: #FFF;
		background: #8a122e;
	}

#header
{
	margin: 0px auto;
	width: 880px;
	height: 129px;
	background: url('../images/design_05.gif') top left no-repeat;
}

#header a
{
	display: block;
	width: 880px;
	height: 129px;
}

#banner
{
	margin: 0px auto;
	width: 880px;
	height: 119px;
	background: url('../images/design_07.gif') top left no-repeat;
}

#body
{
	margin: 0 auto;
	width: 860px;
	
	min-height: 300px;
	height: auto !important;
	height: 300px;
	
	padding: 10px;
	color: #FFF;
	background: #181818;
}

#body a
{
	color: #BE183E;
	text-decoration: none;
}

#body a:hover
{
	color: #FFF;
}

h1
{
	text-indent: 70px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 60px;
	font-size: 24px;
	letter-spacing: -1px;
	color: #FFF;
	background: url('../images/header-icon.jpg') top left no-repeat;
}

#body p
{
	line-height: 24px;
	margin-bottom: 15px;
}

.productimage
{
	float: left;
	border: solid 1px #666666;
	background: #262626;
	padding: 3px;
	margin: 8px 20px 8px 0px;
}

.products
{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 98%;
	padding: 10px 0;
	line-height: 36px;
	border-top: 1px solid #444;
}

.products a
{
	color: #8a122e;
}

.products a:hover
{
	color: #ffffff;
}

.getit
{
	float: right;
}

input
{
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #C0C0C0;
	background: #8a122e;
	font-size: 12px;
	color: #FFF;
	cursor: hand;
	margin-left: 10px;
}

input:hover
{
	background: #000;
	border: solid 1px #8a122e;
	color: #FFF;
	cursor: pointer;
}

#footer
{
	line-height: 16px;
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
	width: 880px;
	background: #181818;
	color: #CCC;
	padding: 15px 0;
	border-top: 1px solid #444;
	text-decoration: none;
}

	#footer p
	{
		margin: 0; 
	}
	
	#footer a
	{
		color: #FFF;
		text-decoration: none;
	}
	
	#footer a:hover
	{
		color: #BE183E;
		text-decoration: none;
	}