<!--

body
	{
	background: #fff url(img/bg1.jpg) no-repeat 50% 0;
	margin: 0;
	padding: 0;
	border: 0;
	
	font-family: Tahoma, Helvetica, Trebuchet, Arial, sans-serif;
   	font-size: 11px;
	font-weight: normal;
	line-height: 1.5;
    	color: #000;
	text-align: center;
	}
	
a img { border: none; }	
a:link, a:visited { color: #000; font-weight: bold; text-decoration: none; }	
a:hover, a:active { color: #000; 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/bg2.jpg) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	text-align: left;
	}

	
/*  HEADER  */
	
#header
	{
	position: relative;
	float: left;
	display: inline;
	width: 980px;
    	height: 273px;
	margin: 0;
	padding: 0;
	}
	
#header .left
	{
	background: transparent url(img/boxes_left.jpg) no-repeat bottom left;
	position: relative;
	float: left;
	display: inline;
	width: 270px;
    	height: 273px;
	margin: 0;
	padding: 0;
	text-align: right;
	}
	
#header .center
	{
	background: transparent url(img/fade_top_center.jpg) no-repeat bottom left;
	position: relative;
	float: left;
	display: inline;
	width: 440px;
    	height: 273px;
	margin: 0;
	padding: 0;
	}
	
#header .center .ut3 { margin: 0 0 40px 0; padding: 0; }
#header .center .now { margin: 0; padding: 0; }

#header .right
	{
	background: transparent url(img/boxes_right.jpg) no-repeat bottom left;
	position: relative;
	float: left;
	display: inline;
	width: 270px;
    	height: 273px;
	margin: 0;
	padding: 0;
	}


/*  4 & 5 COLUMN PANEL  */
	
#order_panel
	{
	background: transparent url(img/panel.jpg) no-repeat top left;
	position: relative;
	float: left;
	display: inline;
	width: 970px;
    	height: 421px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	border: 0;
	color: #999;
	font-weight: bold;
	}
	
#order_panel .vendor
	{
	position: relative;
	float: left;
	display: inline;
	width: 160px;
	height: 160px;
	margin: 0;
	padding: 0 40px;   /*     4 columns...  padding: 0 40px;     5 columns... padding: 0 16px;   */
	border: 0px solid pink;
	}
	
.caption { font-weight: normal; }	
#order_panel .row1 { background: transparent url(img/divider_top.gif) no-repeat top right ; }
#order_panel .row2 { background: transparent url(img/divider_bottom.gif) no-repeat top right ; }

#order_panel .vendor .logo
	{
	position: relative;
	float: left;
	display: inline;
	width: 160px;
	height: 50px;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
	}

#order_panel ul 
	{
	position: relative;
	float: left;
	display: inline; 
	margin: 0; 
	padding: 0; 
	}

#order_panel ul li { list-style: circle url(img/arrow.gif) outside; margin: 0 0 0 15px; padding: 0; }


/*  LOGO GARDEN  */
#logos
	{
	position: relative;
	float: left;
	display: inline;
	width: 980px;
	height: 229px;
	margin: 0;
    	padding: 0;
	}
	
#logos img,
#legal img { margin: 0; padding: 0; }

/*  LEGAL  */
#legal
	{
	position: relative;
	float: left;
	display: inline;
	width: 980px;
	height: 160px;
	margin: 0;
    	padding: 0;
	}
	
#legal .left
	{
	position: relative;
	float: left;
	display: inline;
	width: 184px;
	margin: 0 30px 0 0;
    	padding: 0;
	text-align: right;
	}
	
#legal .center
	{
	position: relative;
	float: left;
	display: inline;
	width: 563px;
	margin: 0;
    	padding: 0;
	text-align: center;
	}
	
#legal .right
	{
	position: relative;
	float: left;
	display: inline;
	width: 173px;
	margin: 0 0 0 30px;
    	padding: 0;
	text-align: left;
	}