@charset "utf-8";
@import "products.css";

body
{
	margin: 10px;
	padding: 0;
	background: #f4f4fa url(/images/css/2009/gradient.png) repeat-x;
}

#top, #middle, #bottom, #footer
{
	position:relative;
	margin: 0 auto;
	width: 962px;
}

#top
{
	height: 62px;
}

#top-logo
{
	position: absolute;
	background: no-repeat url("/images/css/2009/logo.png");
	width: 297px;
	height: 37px;
	left: 14px;
	top: 11px;
}

#top-nav, #top-nav a
{
	font-size: 9px;
	color: #666;
}

#top-nav
{
	position: absolute;
	text-align: right;
	left: 446px;
	top: 22px;
	width: 500px;
}

#middle
{
	overflow: auto;
}

#middle-content
{
	margin: 0 22px;
	padding: 0;
	width: auto;
	min-height: 450px;
}

#footer
{
	width: 100%;
	padding: 12px 0;
	text-align: center;
}

#footer, #footer a, .footnote
{
	font-size: 9px;
	color: #AAA;
}

/* LEFT COLUMN */

#leftColumn 
{
	margin: 0;
	padding: 0;
	width: 670px;
}

#leftColumnTop
{
	width: 100%;
	height: 14px;
	background: url(../../images/css/2009/leftcolumn_top.png) no-repeat;
}

#leftColumnMiddle
{
	padding: 0 14px 6px 14px;
	width: 100%-28px;
	height: 100%-6px;
	background: url(../../images/css/2009/leftcolumn_middle.png) repeat-y;
	min-height: 350px;
}

#leftColumnBottom
{
	width: 100%;
	height: 14px;
	background: url(../../images/css/2009/leftcolumn_bottom.png) no-repeat;
}

/* RIGHT COLUMN */

#rightColumn 
{
	text-align: center;
	margin: 0;
	padding: 0;
	float: right;
	width: 275px;
}

#rightColumnTop
{
	width: 100%;
	height: 14px;
	background: url(../../images/css/2009/rightcolumn_top.png) no-repeat;
}

#rightColumnMiddle
{
	padding: 0 14px 6px 14px;
	width: 100%-28px;
	height: 100%-6px;
	background: url(../../images/css/2009/rightcolumn_middle.png) repeat-y;
}

#rightColumnBottom
{
	width: 100%;
	height: 14px;
	background: url(../../images/css/2009/rightcolumn_bottom.png) no-repeat;
}