#top_img_left { float:left; margin: 0 0 5px 0; position:relative; display:inline; width:269px; height:240px; z-index:0; overflow:hidden;}

div.tl, div.tr, div.bl, div.br { position:absolute; width:10px; height:10px; z-index:100;} 
div.tl{ top:0px; left:0px; background:url(../assets/images/page/tl.png) no-repeat }
div.tr{ top:0px; right:0px; background:url(../assets/images/page/tr.png) no-repeat }
div.bl{ bottom:0px; left:0px;  background:url(../assets/images/page/bl.png) no-repeat}
div.br{ bottom:0px; right:0px;  background:url(../assets/images/page/br.png) no-repeat}


#side_head{ 
	float:left;
	width:269px;
	margin:0 0 0 0;
	padding:0;
	background:url(../assets/images/nav/sidenav_head.gif) top left no-repeat;
}

#side_foot{ 
	float:left;
	width:269px;
	height:10px;
	margin:0 0 0 0;
	padding:0;
	background:url(../assets/images/nav/sidenav_foot.gif) top left no-repeat;
}

#side_head h3 { 
	width:264px;
	height:33px;
	padding:0; margin: 22px 0 0 0;
	border-left: 2px solid #FF6600;
	border-right: 2px solid #FF6600;
	background:url(../assets/images/page/h3_products.gif) 18px 9px no-repeat; }

#side_head h3#h3_products { background-image:url(../assets/images/page/h3_products.gif);}
#side_head h3#h3_why { background-image:url(../assets/images/page/h3_why.gif);}
#side_head h3#h3_dist { background-image:url(../assets/images/page/h3_dist.gif);}
#side_head h3#h3_about { background-image:url(../assets/images/page/h3_about.gif);}
#side_head h3#h3_contact { background-image:url(../assets/images/page/h3_contact.gif);}
#side_head h3#h3_links { background-image:url(../assets/images/page/h3_links.gif);}
#side_head h3#h3_general { background-image:url(../assets/images/page/h3_general.gif);}


/* 1st level*/
#sidenav ul {
	margin: 0;
	padding: 0;
	width: 264px;
	position:relative;
	float:left;
	display:inline;
	height: auto;
	list-style:none;
	border:2px solid #a5a5a4;
	border-bottom:none;
	background:#d6d5d5 url(../assets/images/nav/sidenav_bg.gif) bottom left repeat-x; 
	}

#sidenav ul li{
	width: 264px;
	padding:0;
	display:inline;
	list-style: none;
	clear:none;
	margin:0 0 0 0;
	float:left;
	}

#sidenav ul li a:link, #sidenav ul li a:visited,#sidenav ul li a:active {
	float:left; 
	display:inline;
	margin:0 0 0 0; 
	font-size:1.4em;
	font-weight:bold;
	padding:0 18px 0 18px; 
	text-decoration:none;
	color:#fff;
	width: 228px;
	line-height:22px;
	}

#sidenav ul li a:hover { background: url(../assets/images/nav/sidenav_over.png) center no-repeat; color:#404040}


/*active state*/
#sidenav ul li a.active:link, #sidenav ul li a.active:visited,#sidenav ul li a.active:hover, #sidenav ul li a.active:active { cursor:default; border-color:#00738c; color:#404040; background:#a3a2a2;}

/* Expandy link*/

#sidenav ul li a.expand:link, #sidenav ul li a.expand:visited,#sidenav  ul li a.expand:active {
	margin: 0;
	color:#fff;
	background:url(../assets/images/nav/sidenav_expand.gif) bottom no-repeat #595243;
	background-position:16px bottom;
	}

#sidenav ul li a.expand:hover { color:#E8E4DF; text-decoration:underline;}

/* 2nd level*/
#sidenav ul li ul {
	margin: 0 0 0 0;
	padding: 4px 0 4px 0;
	width: 194px;
	position:relative;
	float:left;
	display:inline;
	height: auto;
	list-style:none;
	border:none; background:none;
	}

#sidenav ul li ul li{
	width:194px;
	padding:0;
	display:inline;
	list-style: none;
	clear:none;
	margin:0 0 1px 0;
	float:left;
	}

#sidenav ul li ul li a:link, #sidenav ul li ul li a:visited,#sidenav  ul li ul li a:active {
	float:left; 
	display:inline;
	margin:0 0 0 0; 
	font-size:1.2em;
	padding:0 0 0 46px; 
	text-decoration:none;
	color:#595243;
	width:148px;
	line-height:22px;
	background: url(../assets/images/nav/sidenav_arrow_sub.gif) 32px 6px no-repeat;

	}

#sidenav ul li ul li a:hover { color:#403B30; text-decoration:underline;}

/*active state*/
#sidenav ul li ul li a.active:link, #sidenav ul li ul li a.active:visited,#sidenav ul li ul li a.active:hover, #sidenav ul li ul li a.active:active { cursor:default; border-color:#00738c; color:#fff; background:#00738c;}

#sidenav ul li.rss a { background:url(../assets/images/rss2.gif) 12px 3px no-repeat;}
