@charset "utf-8";

div#my-glider {
	margin: 0 auto;
	padding-top: 30px;
	width: 560px;
	border-top: #CCC 1px dotted;
}
	div#my-glider p#fan {
		width: 381px;
		height: 32px;
		padding-left: 5px;
		background-image: url(/img/products/fantastic.gif);
		line-height: 32px;
		font-size: 18px;
		font-weight: bold;
		color: #fff799;
	}
	div#my-glider div#glider2 {
		position: relative;
		overflow: hidden;
		border: #b7171a 2px solid;
	}
	
	div.scroller { 
		width: 556px;
		height: 410px;
		margin: 0 auto;
		overflow: hidden;
	}
	div.scroller2 { 
		height: 480px;
	}
	
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/
		padding-left: 5px;
		padding-right: 5px;
		width:546px;
		height:410px;
		overflow:hidden;
		float:left;	
	}
	div.scroller2 div.section {
		height:480px;
	}
		div.scroller div.section img {
			margin: 0 auto 10px auto;
		}
		div.scroller div.section p.sec {
			font-weight: bold;
			color: #666666;
			line-height: 21px;
			text-align: center;
		}
	div.scroller div.content {
		width: 10000px;
		}

	div#my-glider div.controls {
		clear: both;
		position: relative;
		top: -5px;
	}
		div#my-glider div.controls table {
			margin: 0 0 5px 0;
		}
			div#my-glider div.controls table td {
				border-collapse: collapse;
			}
				div#my-glider div.controls table td a {
					display: block;
					width: 139px;
					height: 40px;
					background-position: 0 0;
					background-repeat: no-repeat;
					text-indent: -9999px;
				}
				div#my-glider div.controls table td a:hover {
					background-position: 0 -40px;
				}


a#prev {
	display: block;
	position: relative;
	margin-bottom: 5px;
	float: left;
	width: 6.3%;
	height: 21px;
	top: -20px;
	background-image: url(/img/products/prev2.gif);
	background-position: left 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a#prev:hover {
	background-position: left -21px;
}

a#next {
	display: block;
	position: relative;
	margin-bottom: 5px;
	float: right;
	width: 6.3%;
	height: 21px;
	top: -20px;
	background-image: url(/img/products/next2.gif);
	background-position: right 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a#next:hover {
	background-position: right -21px;
}