@charset "utf-8";
/* CSS Document */
/* ===== SPI Products Slideshow ===== */

div#spiProducts {
	position: relative;
	width: 680px;
	height:419px;
}

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

/* Button placement images */
div#images{
	position:relative;
	top: 0px;
	left: 0px;
	width:680px;
	height:314px;
	overflow:hidden;
}

/* Navigation buttons to the left of disjointed images */
#button {
	position:absolute;
	top: 314px;
	left: 0px;
	height: 100px;
	z-index:99;
}

div#button li{
	float: left;
	width:155px;
	height:90px;
	text-indent:-9999px;
	margin:10px 0 0 13px;
	padding: 0;
}
	
/* Make the Buttons Clickable */
li#lightruss a, li#echo a, li#basik a, li#ips a{
	width:155px;
	height:90px;
	display:block;
}

/* Normal Button States */
li#lightruss{
	background:url(images/buttons/lightrussBg.png) no-repeat;
	}
li#echo{
	background:url(images/buttons/echoBg.png) no-repeat;
	}
li#basik{
	background:url(images/buttons/basikBg.png) no-repeat;
	}
li#ips{
	background:url(images/buttons/ipsBg.png) no-repeat;
	}
	
/* Hover Button States */
li#lightruss:hover{
	background:url(images/buttons/lightrussBgOn.png) no-repeat;
	}
li#echo:hover{
	background:url(images/buttons/echoBgOn.png) no-repeat;
	}
li#basik:hover{
	background:url(images/buttons/basikBgOn.png) no-repeat;
	}
li#ips:hover{
	background:url(images/buttons/ipsBgOn.png) no-repeat;
	}