body {
		text-align: center;
		font: 75%/1.8 sans-serif;
		color: #566d74;
		background: #3f4d67 url(images/ui_bg.gif) top left repeat-x;
		padding:0;
		margin:0;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
A:link    { text-decoration: none; color:#346eac; }
A:visited { text-decoration: none; color:#346eac; }
A:active  { text-decoration: none; color:#346eac; }
A:hover   { text-decoration: underline; color:#f82c0a; }
	
	#container { height:142px; width:779px; margin:0 auto;padding:0; border:0px solid red;}

	#topnavbg { height:142px; background: url(images/ui_toptablebg.gif) bottom left no-repeat; padding:0; margin:0; border:0px solid yellow; }
	#topnav {margin: 0 0 0 0; padding:15px 0 0 0px; border:0px solid red; }
	#logo { float:left; margin:0; padding:0 20px; border:0px solid grey;  }
	#banner { float:right; margin:8px 10px 0 0 ; padding:0; }
	#nav { position:relative; height:19px; margin:80px 0 0 0; padding:0; border:0px solid green; }
	#nav ul {
		margin: 0;
		padding: 0;
		float: left;
	}

	#nav li {
		list-style-type: none;
		
		margin: 0;
		padding: 0;
		border: 0px solid red;
		height: 19px;
		overflow:hidden;font-size:10px;
		
	}

	/* SiteNaviagtion*/
	#nav li.navbuttonon {
		font-weight : bold;
		color:#333333;
		list-style-type: none;
		margin: 0;
		padding: 0;display: block;
		background: url(images/b_on.gif) no-repeat; width:123px; height:19px; float: left;

	}

	#nav li.navbuttonoff {
		list-style-type: none;
		margin: 0;
		padding: 0;display: block;
		background: url(images/b_off.gif) no-repeat; width:123px; height:19px; float: left;

	}

	#nav li.navbuttonoff a {
		display: block;
		color:#606060;
		text-decoration: none;
		width:123px;
		height:19px;
		font-weight : bold;

	}

	#nav li.navbuttonoff a:hover {
		font-weight : bold;
		display: block;
		color:#373737;
		text-decoration: none; width:123px; height:19px;

	}
	#sitecontent { color:#535353; width:779px; margin:0 auto; padding:0; background: url(images/ui_contentbg_2.gif) top left no-repeat; border:0px solid red; }
	#content {
	text-align:left;
	padding:0 25px;
	text-indent: 0px;
}

	H1 { font-size:14px; margin:0 0 10px 0;}
	
	#listmenu {
	float:right;
	width:280px;
	padding-left:30px;
}
	
	#horiline { clear:both; margin:5px 0; padding:0px 0; background: url(images/ui_horiline.gif) top left repeat-x; height:2px;width:100%;  }
	
	#footer { width:779px; height:25px; margin:0 auto; padding:0;background: url(images/ui_footer.gif) top left no-repeat; }
	#footer span { display:none; }
	
	#call { margin:-15px 0; padding:0; float:right;font-size:15px; font-weight:bold; color:#5a5d61;}
	#call .tel { font-size:26px; font-weight:bold; color:#ff2400; }
	
	#listproduct { border:0px solid #eeeeee; clear:both; width:100%; text-align:center; margin-bottom:20px; }
	#textlist { text-align:left; }
	#textlist ul li { margin-left:10px;indext-text:10px; }
	#productright { float:right; padding-left:10px; }
	#productleft { float:left; padding-right:10px; }
	
	
	/* STYLESHEET FOR LIVE DEMO */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 120px;
border: 1px solid black;
padding: 1px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}