@charset "UTF-8";

HTML
{
	height: 100%;
}

body 
{
	background-color: #c7de8a;
	text-align: center;
	margin: 0px;
	height: 100%;
}

div.page-container
{
	width: 100%;
}

div.top-banner
{	
	background-image: url(images/top-banner.jpg);
	height: 492px;
}

div.nav-bar
{
	height: 25px;
	border-top: solid black 3px;
	border-bottom: solid black 3px;
}

div.nav-bar > a
{
	color: white;
	text-transform: uppercase;
	font-size: 10pt;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	border: 0px;
}

div.body-shell
{
	/* center the div */
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;

    /* The 523px on the line below is the number of pixels above the main content area */
	background: url(images/body-background.jpg) no-repeat 0px 523px;
	background-coor:  #c7de8a;
	border-right: 1px solid black;
	border-left: 1px solid black;
	min-height: 100%;
	
	/* The following two lines are required to make the green leafy background wrap around
	   the height of the three content columns.  Note that the WIDTH needs to remain set for
	   this to work for all browsers. */
	overflow: hidden;
}

div.body-left
{
	width: 248px;
	min-height: 100%;
	float: left;
}

div.body-center
{
	width: 485px;
	padding: 4px;
	min-height: inherit;
	float: left;
	text-align: left;
}

div.body-right
{
	width: 259px;
	min-height: inherit;
	float: left;
}

div.side-box
{
	width: 206px;
	border: 1px solid white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

div.side-box-header-categories,
div.side-box-header-manufacturers,
div.side-box-header-manufacturerinfo,
div.side-box-header-whatsnew,
div.side-box-header-quickfind,
div.side-box-header-information,
div.side-box-header-cart,
div.side-box-header-specials,
div.side-box-header-tellafriend,
div.side-box-header-notifications,
div.side-box-header-reviews
{
	background-repeat: no-repeat;
	background-color: #aeab3f;
	min-height: 23px;
}

div.side-box-header-categories
{	background-image: url(images/box-header-categories.jpg) }
div.side-box-header-manufacturers
{	background-image: url(images/box-header-manufacturers.jpg) }
div.side-box-header-manufacturerinfo
{	background-image: url(images/box-header-manufacturerinfo.jpg) }
div.side-box-header-whatsnew
{	background-image: url(images/box-header-whatsnew.jpg) }
div.side-box-header-quickfind
{	background-image: url(images/box-header-quickfind.jpg) }
div.side-box-header-information
{	background-image: url(images/box-header-info.jpg) }
div.side-box-header-cart
{	background-image: url(images/box-header-cart.jpg) }
div.side-box-header-specials
{	background-image: url(images/box-header-specials.jpg) }
div.side-box-header-tellafriend
{	background-image: url(images/box-header-tellafriend.jpg) }
div.side-box-header-notifications
{	background-image: url(images/box-header-notifications.jpg) }
div.side-box-header-reviews
{	background-image: url(images/box-header-reviews.jpg) }

div.side-box-content
{
	background: url(images/box-body-bg.jpg) repeat-x;
	background-color: #35450e;
	padding: 4px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: white;
}