hr{
	border-top: 1px dotted #252525;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	margin-bottom: 20px;
}

img{
	float: right;
}


.clear{
	clear: both;
}


/*table properties*/

th{
	background-color: #cccccc;
	padding: 10px;
	text-align: left;
}

td{
	text-align: left;
	padding: 10px;
	background-color: #d9d9d9;
}

td.left{
	text-align: center;
	padding: 10px;
	background-color: #cccccc;
}

/*end table properties*/



li.gumball-list{
	list-style: square;
	list-style-position: inside;
	padding-bottom: 20px;
	margin-left: 15px;
}


.rolloverGumball a{
	width: 960px;
	height: 289px;
	display: block;
	background: url("../images/gumball-header2.jpg") 0 0 no-repeat;
	color: #b2b2b2;
	text-align: center;
	float: left;
}

.rolloverGumball a:hover{
	background-position: 0 -289px;
	text-align: center;
}




.rolloverShop1 a{
	width: 318px;
	height: 568px;
	display: block;
	background: url("../images/shop-1.jpg") 0 0 no-repeat;
	color: #b2b2b2;
	text-align: center;
	float: left;
}

.rolloverShop1 a:hover{
	background-position: 0 -568px;
	text-align: center;
}


.rolloverShop2 a{
	width: 318px;
	height: 481px;
	display: block;
	background: url("../images/shop-2.jpg") 0 0 no-repeat;
	color: #b2b2b2;
	text-align: center;
	float: left;
}

.rolloverShop2 a:hover{
	background-position: 0 -481px;
	text-align: center;
}


.rolloverShop3 a{
	width: 323px;
	height: 358px;
	display: block;
	background: url("../images/shop-3.jpg") 0 0 no-repeat;
	color: #b2b2b2;
	text-align: center;
	float: left;
}

.rolloverShop3 a:hover{
	background-position: 0 -358px;
	text-align: center;
}

.rolloverShop1fr a{
	width: 318px;
	height: 568px;
	display: block;
	background: url("../images/shop-1f.jpg") 0 0 no-repeat;
	color: #b2b2b2;
	text-align: center;
	float: left;
}

.rolloverShop1fr a:hover{
	background-position: 0 -568px;
	text-align: center;
}


.rolloverShop2fr a{
	width: 318px;
	height: 481px;
	display: block;
	background: url("../images/shop-2f.jpg") 0 0 no-repeat;
	color: #b2b2b2;
	text-align: center;
	float: left;
}

.rolloverShop2fr a:hover{
	background-position: 0 -481px;
	text-align: center;
}


.rolloverShop3fr a{
	width: 323px;
	height: 358px;
	display: block;
	background: url("../images/shop-3f.jpg") 0 0 no-repeat;
	color: #b2b2b2;
	text-align: center;
	float: left;
}

.rolloverShop3fr a:hover{
	background-position: 0 -358px;
	text-align: center;
}


.rolloverVideo1 a{
	width: 650px;
	height: 105px;
	display: block;
	background: url("../images/video-link.png") 0 0 no-repeat;
	color: #b2b2b2;
	text-align: center;
	float: left;
}

.rolloverVideo1 a:hover{
	background-position: 0 -105px;
	text-align: center;
}

.rolloverVideo1 { overflow: hidden; }

	.rolloverVideo1 a {
		float: left;
		position: relative;
	}

		.rolloverVideo1 a span {
			display: none;
			height: 90px;
			left: 50%;
			margin: -47px 0 0 -45px;
			position: absolute;
			top: 50%;
			width: 90px;
		}


.rolloverVideo2 a{
	width: 650px;
	height: 105px;
	display: block;
	background: url("../images/video-link_fr.png") 0 0 no-repeat;
	color: #b2b2b2;
	text-align: center;
	float: left;
}

.rolloverVideo2 a:hover{
	background-position: 0 -105px;
	text-align: center;
}

.rolloverVideo2 { overflow: hidden; }

	.rolloverVideo2 a {
		float: left;
		position: relative;
	}

		.rolloverVideo2 a span {
			display: none;
			height: 90px;
			left: 50%;
			margin: -47px 0 0 -45px;
			position: absolute;
			top: 50%;
			width: 90px;
		}