ul#sidenav {
	position: relative; display: block;
	width: 160px; height: 182px;
	left: 23px; top: 7px;
	list-style-type: none;
	margin: 0; padding: 0;
	overflow: auto;
	}
	
	ul#sidenav li {
		position: relative; display: block;	float: left;
		width: 141px; height: 25px;
		list-style-type: none;
		margin: 0; padding: 0;
		border-bottom: 1px solid #ccc;					
		}

		ul#sidenav a {
			position: relative; display: block;	float: left;	
			width: 141px; height: 25px;
			margin: 0; padding: 0;
			background-position: top left;
			background-repeat: no-repeat;
			background-color: transparent;
			}
			
		ul#sidenav a:hover, ul#sidenav a.active, ul#sidenav a.current {
			background-position: bottom left !important;
			}

			ul#sidenav a img {
				border: none; outline: none; margin: 0; padding: 0;
				width: 141px; height: 25px;
				}
		
/* SPECIFIC NAVIGATIONS ITEMS =================== */

	a.products {
		background-image: url(http://www.capestorm.co.za/site/assets/images//nav/products.png);
		}

	a.aboutus {
		background-image: url(http://www.capestorm.co.za/site/assets/images//nav/aboutus.png);
		}

	a.news {
		background-image: url(http://www.capestorm.co.za/site/assets/images//nav/news.png);
		}

	a.events {
		background-image: url(http://www.capestorm.co.za/site/assets/images//nav/events.png);
		}

	a.sponsorships {
		background-image: url(http://www.capestorm.co.za/site/assets/images//nav/sponsorships.png);
		}

	a.contactus {
		background-image: url(http://www.capestorm.co.za/site/assets/images//nav/contactus.png);
		}	

	a.storelocator {
		background-image: url(http://www.capestorm.co.za/site/assets/images//nav/storelocator.png);
		}	
		
/* PRODUCTS SIDEBAR NAV ======================== */

ul#activityItems {
	display: block;
	width: 188px; height: auto;
	left: 0; top: 7px;
	list-style-type: none;
	margin: 0; padding: 0;
	}
	
	ul#activityItems li {
		display: block;	float: left;
		width: 188px; height: 50px;
		list-style-type: none;
		margin: 3px 0; padding: 0;
		}
		
		ul#activityItems li a {
			display: block; width: 188px; height: 50px;
			background-position: top left;
			background-repeat: no-repeat;
			background-color: transparent;
			}

		ul#activityItems li a:hover, ul#activityItems li.active a {
			background-position: bottom left !important;
			}
			
		ul#activityItems li a img {
			display: block; width: 188px; height: 50px; border: none; outline: none;
			}