body
	{
	background: #282D2E url(img/bg_fade.jpg) repeat-x;
	margin: 0;
	padding: 0;
	border: 0;
	
	font-family: Tahoma, Helvetica, Trebuchet, Arial, sans-serif;
   	font-size: 9px;
	font-weight: normal;
	line-height: 1.2;
    	color: #616B6F;
	text-align: center;
	}
	
a img { border: none; }	
a:link, a:visited { color: #fff; font-weight: bold; text-decoration: none; }	
a:hover, a:active { color: #fff; font-weight: bold; text-decoration: underline; }

.clear { clear: both; font-size: 0px; line-height: 0px; }

ul { margin: 0; padding: 0; }
li { list-style-type: none; margin: 0; padding: 0; }

#pgcenter 
	{
	background: transparent url(img/bg.jpg) no-repeat 50% 0;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	text-align: left;
	}
	
#content
	{
	background: transparent;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	}

	
/*  HEADER  */	
#header
	{
	position: relative;
	float: left;
	display: inline;
	width: 980px;
    	height: 245px;
	margin: 0;
	padding: 0;
	}
	
#order_now
	{
	position: absolute;
	left: 339px;
	top: 181px;
	margin: 0;
	padding: 0;
	}
	
#box_art
	{
	position: relative;
	float: right;
	display: inline;
	margin: 11px 26px 0 0;
	padding:0;
	width: 235px;
	height: 185px;
	}


/*  4 & 5 COLUMN PANEL  */
#vendor_align
	{
	position: relative;
	float: left;
	display: inline;
	width: 640px;   /*    use this value for 4 vendors across */
	/*width: 800px;     use this value for 5 vendors across */
    	height: 353px;
	margin: 0;
	padding: 0 0 0 180px;  /*    use this value for 4 vendors across  */
	/* padding: 0 0 0 100px;    use this value for 5 vendors across */
	border: 0;
	}
	
#vendor_align .vendor
	{
	background: transparent url(img/vendor_box.png) no-repeat top left ;
	position: relative;
	float: left;
	display: inline; 
	width: 159px;
	height: 174px;
	margin: 0;
	padding: 0;	
	}
	
#vendor_align #row2 .vendor { margin: -4px 0 0 0; }   /*  This margin raises Row2 up so the PNGs overlap. Otherwise they are 10px apart vertically.  */
	
#vendor_align .vendor .logo
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 10px 0 0 0;
	width: 159px;
	height: 97px;
	text-align: center;
	}

#vendor_align ul 
	{
	position: relative;
	float: left;
	display: inline; 
	margin: 14px 0 0 23px; 
	padding: 0;
	}

#vendor_align ul li 
	{ 
	list-style: circle url(img/bullet_arrow.gif) outside; 
	margin: 0 0 0 15px; 
	padding: 0 0 2px 0;
	color: #fff; 
	font-weight: bold; 
	text-decoration: none;
	}
	
#vendor_align .vendor .free_gift
	{
	position: absolute;
	top: 6px;
	left: 20px;
	margin: 0;
	padding: 0;
	}
	
#vendor_align .vendor .coming_soon
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 20px 0 0 40px;
	}



/*  LEGAL SECTIONS  */
#midway
	{
	background: transparent url(img/midway_bg.gif) no-repeat 0 0 ; 
	position: relative;
	float: left;
	display: inline;
	width: 980px;
	height: 112px;
	margin: 0 0 20px 0;
    	padding: 0;
	}
	
#midway div
	{
	position: relative;
	float: left;
	display: inline;
	}
	
#midway .left
	{
	position: relative;
	float: left;
	display: inline;
	width: 247px;
	height: 68px;
	margin: 44px 0 0 53px;
	padding: 0;
	}
	
#midway .center
	{
	position: relative;
	float: left;
	display: inline;
	width: 380px;
	height: 68px;
	margin: 44px 0 0 0;
    	padding: 0;
	text-align: center;
	}
	
#midway .right
	{
	position: relative;
	float: left;
	display: inline;
	width: 233px;
	height: 86px;
	margin: 26px 67px 0 0;
    	padding: 0;
	text-align: right;
	}
	
#logo_garden
	{
	position: relative;
	float: left;
	display: inline;
	width: 980px;
	height: 85px;
	margin: 20px 0 0 0;
    	padding: 0;
	}
	
#logo_garden img { border: 0px; }

#legal
	{
	background: transparent url(img/legal.gif) no-repeat 50% 0; 
	position: relative;
	float: left;
	display: inline;
	width: 915px;
	height: 80px;
	margin: 0 30px 0 35px;
    	padding: 0;
	}
	
#pod9
	{
	position: relative;
	float: left;
	display: inline;
	width: 980px;
	height: 90px;
	margin: 0;
    	padding: 0;
	text-align: center;
	}