body  {
	font:  11px Tahoma, Arial, Helvetica, sans-serif;
	background: #f1f2f1;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}

#container { 
	width: 752px;  /* this will create a container 80% of the browser width */
	background: url(../images/body_bg.gif) repeat-y top;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#toph {
	width: 752px;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	height:10px; 
	background: #f1f2f1 url(../images/topbg.gif) no-repeat bottom center;
}
#both {
	width: 752px;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	height:10px; 
	background: #f1f2f1 url(../images/botbg.gif) no-repeat top center;
	clear:both;
}
#footer {
	padding:0 0 0 35px;
	background: #f1f2f1;
	width: 705px; text-align:right; line-height:13pt;
	clear:both;
}

#footer a {
	text-decoration:none;
	color:#333333;
}

#footer a:hover {
	text-decoration:underline;
	color:#333333;
}

#header {
	padding:0 0 0 17px;
}

#welcome {
	margin:20px 0 0 35px;
}

#welcome .left {
	margin:10px 0 0 0;
	float:left;
}

#welcome .right {
	width:570px; 
	float:left;
	margin:48px 0 20px 20px;
}

#welcome .right a {
	color:#00FF00;
	text-decoration:none; 
}

#welcome .right a:hover {
	color:#00FF00;
	text-decoration: underline;
}

#barproduct {
	margin:0 15px 0 17px;
	background: #273dff;
	clear:both;
	height:30px;
	padding:0 0 0 20px;
}

#sidebar {
		width: 650px;
		margin: 20px 0 0 60px;		 
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	margin: 5px 0;
}

#sidebar li ul img {
	border:solid  #999999 1px;
	padding:3px;
	}

#sidebar li li {
	padding:0 0 10px 20px;

}

#sidebar h2 {
	margin: 0;
	padding: 0px 0 2px 20px;
	background: url(../images/arrow.gif) no-repeat left center;
	font-size: 11px;
	color:#00FF00;
}

#sidebar li a {
	color:#00FF00;
	text-decoration:none; 
}

#sidebar li a:hover {
	color:#00FF00;
	text-decoration: underline;
}

#aboutus {
	margin:20px 0 0 35px;
}

#aboutus .left {
	margin:10px 0 0 0;
	width: 200px;
	float:left;
}

#aboutus .right {
	margin:36px 0 36px 20px;
	padding:0 0 0 10px;
	border-left:solid 1px #CCCCCC;
	float:left;
	width:450px;
}

#aboutus .right img {
	border:solid 1px  #CCCCCC;
}

.column {
	border:solid 1px #CCCCCC;
	font:  11px Tahoma, Arial, Helvetica, sans-serif;
	padding:3px;
}

.button {
	border:solid 1px #0000FF;
	background:#0000FF;
	padding:2px;
	font:  11px Tahoma, Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
}
.button:hover {
	border:solid 1px #0000FF;
	background: #00FF00;
	padding:2px;
	font:  11px Tahoma, Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
}

#productlist {
		width: 220px;	 
}

#productlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#productlist ul li {
	margin: 0 0 10px 0;
}

#productlist li ul {
	margin: 0px 0;
}

#productlist h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background: url(../images/arrow2.gif) no-repeat left top;
	font-size: 11px;
	color:#00FF00;
}

#productlist li a {
	color:#00FF00;
	text-decoration:none; 
}

#productlist li a:hover {
	color:#00FF00;
	text-decoration: underline;
}

.title {
	font-size: 11px; font-weight:bold;
	color: #0000FF;
}