/*

	-- -- -- -- -- -- --
	
	http://www.alistapart.com/articles/sprites2
	
	CATEGORY NAV - REVIEW CHANNELS
	-- -- -- -- -- -- --
	
*/

.nav {
	width: 571px;
	height: 53px;
	background: url(../i/navigation/category_nav2.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 87px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 53px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	
}
	
	/* MOVIES */
	.nav .movies a:link, .nav .movies a:visited {
		left: 0;
		width: 96px; 
	}
	
	.current-movies .movies a:link, .current-movies .movies a:visited {
		background: url(../i/navigation/category_nav2.gif) no-repeat 0 -53px;
		cursor: pointer;
	}
	.nav-movies, .nav-movies-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 96px;
		height: 53px;
		background: url(../i/navigation/category_nav2.gif) no-repeat 0 -53px;
	}

	
	/* DVD & PPV */
	.nav .dvdppv a:link, .nav .dvdppv a:visited {
		left: 96px;
		width: 96px;
	}
	
	.current-dvdppv .dvdppv a:link, .current-dvdppv .dvdppv a:visited {
		background: url(../i/navigation/category_nav2.gif) no-repeat -96px -53px;
		cursor: pointer;
	}
	.nav-dvdppv, .nav-dvdppv-click {
		position: absolute;
		top: 0;
		left: 96px;
		width: 96px;
		height: 53px;
		background: url(../i/navigation/category_nav2.gif) no-repeat -96px -53px;
	}
	
	
	/* MUSIC */
	.nav .music a:link, .nav .music a:visited {
		left: 192px;
		width: 96px;
	}
	
	.current-music .music a:link, .current-music .music a:visited {
		background: url(../i/navigation/category_nav2.gif) no-repeat -192px -53px;
		cursor: pointer;
	}
	.nav-music, .nav-music-click {
		position: absolute;
		top: 0;
		left: 192px;
		width: 96px;
		height: 53px;
		background: url(../i/navigation/category_nav2.gif) no-repeat -192px -53px;
	}
	
	/* VIDEO GAMES */
	.nav .videogames a:link, .nav .videogames a:visited {
		left: 288px;
		width: 96px;
	}
	
	.current-videogames .videogames a:link, .current-videogames .videogames a:visited {
		background: url(../i/navigation/category_nav2.gif) no-repeat -288px -53px;
		cursor: pointer;
	}
	.nav-videogames, .nav-videogames-click {
		position: absolute;
		top: 0;
		left: 288px;
		width: 96px;
		height: 53px;
		background: url(../i/navigation/category_nav2.gif) no-repeat -288px -53px;
	}
	
	/* CONCERTS */
	.nav .concerts a:link, .nav .concerts a:visited {
		left: 384px;
		width: 96px;
	}
	
	.current-concerts .concerts a:link, .current-concerts .concerts a:visited {
		background: url(../i/navigation/category_nav2.gif) no-repeat -384px -53px;
		cursor: pointer;
	}
	.nav-concerts, .nav-concerts-click {
		position: absolute;
		top: 0;
		left: 384px;
		width: 96px;
		height: 53px;
		background: url(../i/navigation/category_nav2.gif) no-repeat -384px -53px;
	}
	
	/* RESTAURANTS */
	.nav .restaurants a:link, .nav .restaurants a:visited {
		left: 480px;
		width: 96px;
	}
	
	.current-restaurants .restaurants a:link, .current-restaurants .restaurants a:visited {
		background: url(../i/navigation/category_nav2.gif) no-repeat -480px -53px;
		cursor: pointer;
	}
	.nav-restaurants, .nav-restaurants-click {
		position: absolute;
		top: 0;
		left: 480px;
		width: 96px;
		height: 53px;
		background: url(../i/navigation/category_nav2.gif) no-repeat -480px -53px;
	}

/*

	-- -- -- -- -- -- --
	SHARE NAV
	-- -- -- -- -- -- --
	
*/
	ul.sharenav,
	ul.sharenav li {
		position: relative;
		z-index: 2;
		float: left;
		left:1px;
	}

	ul.sharenav li,
	ul.sharenav a,
	ul.sharenav span {
		display: block;
		float: left;
		width: 89px;
		height: 24px;
		margin: 0 0 2px;
		text-indent: -9999px;
	}
	
	ul.sharenav a {
		position: relative;
		z-index: 2;
	}
	
	ul.sharenav span {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	div#container ul.disable-hover-background li a:hover { background: none; }
	
	ul.sharenav li.embed { background: url(../i/navigation/share_nav2.gif);}
	
	ul.sharenav li.embed a:hover,
	ul.sharenav li.embed span { background: url(../i/navigation/share_nav2.gif) 0 -24px; }
	
	ul.sharenav li.twitter { background: url(../i/navigation/share_nav2.gif) -89px 0;}
	
	ul.sharenav li.twitter a:hover,
	ul.sharenav li.twitter span { background: url(../i/navigation/share_nav2.gif) -89px -24px;}
	
	ul.sharenav li.email { background: url(../i/navigation/share_nav2.gif) 0 -50px;}
	
	ul.sharenav li.email a:hover,
	ul.sharenav li.email span { background: url(../i/navigation/share_nav2.gif) 0 -74px;}
	
	ul.sharenav li.tweet { background: url(../i/navigation/share_nav2.gif) -89px -50px;}
	
	ul.sharenav li.tweet a:hover,
	ul.sharenav li.tweet span { background: url(../i/navigation/share_nav2.gif) -89px -74px;}
	
	ul.sharenav li.facebook { background: url(../i/navigation/share_nav2.gif) 0 -100px;}
	
	ul.sharenav li.facebook a:hover,
	ul.sharenav li.facebook span { background: url(../i/navigation/share_nav2.gif) 0 -124px;}
	
	ul.sharenav li.myspace { background: url(../i/navigation/share_nav2.gif) -89px -100px;}
	
	ul.sharenav li.myspace a:hover,
	ul.sharenav li.myspace span { background: url(../i/navigation/share_nav2.gif) -89px -124px;}


/*

	-- -- -- -- -- -- --
	BUTTONS
	-- -- -- -- -- -- --
	
*/

.btn_showtimes	{
	position:relative;
	float: left;
	margin: 0 0 3px 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(../i/buttons/btn_ticketsshowtime-on.gif) no-repeat;
	width: 62px;
	height: 29px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.btn_showtimes a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 62px;
	height: 29px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}
			
.btn_showtimes img {width: 62px; height: 29px; border: 0; }
* html a:hover {visibility:visible}
.btn_showtimes a:hover img{visibility:hidden}

.btn_showtimes span {
	position: absolute;
	left: 30px;top: 15px;
	text-align: center;
	width: 150px;
	text-indent:-9999em;
	cursor: pointer;   
}

.btn_moviesite	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(../i/buttons/btn_officialmoviesite-on.gif) no-repeat;
	width: 62px;
	height: 29px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.btn_moviesite a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 62px;
	height: 29px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}
			
.btn_moviesite img {width: 62px; height: 29px; border: 0; }
* html a:hover {visibility:visible}
.btn_moviesite a:hover img{visibility:hidden}

.btn_moviesite span {
	position: absolute;
	left: 30px;top: 15px;
	text-align: center;
	width: 150px;
	text-indent:-9999em;
	cursor: pointer;   
}

.btn_rent	{
	display: none;
	position:relative;
	float: left;
	margin: 0 0 3px 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(../i/buttons/btn_rent-on.gif) no-repeat;
	width: 62px;
	height: 18px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.btn_rent a {
	display: none;
	display: block;
	color: #000000;
	font-size: 11px;
	width: 62px;
	height: 18px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}
			
.btn_rent img {width: 62px; height: 18px; border: 0; display: none;}
* html a:hover {visibility:visible}
.btn_rent a:hover img{visibility:hidden}

.btn_rent span {
	position: absolute;
	left: 30px;top: 15px;
	text-align: center;
	width: 150px;
	text-indent:-9999em;
	cursor: pointer;   
}




.btn_buy	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(../i/buttons/btn_buy-on.gif) no-repeat;
	width: 62px;
	height: 29px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.btn_buy a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 62px;
	height: 29px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}
			
.btn_buy img {width: 62px; height: 29px; border: 0; }
* html a:hover {visibility:visible}
.btn_buy a:hover img{visibility:hidden}

.btn_buy span {
	position: absolute;
	left: 30px;top: 15px;
	text-align: center;
	width: 150px;
	text-indent:-9999em;
	cursor: pointer;   
}



.btn_go	{
	position:relative;
	float: left;
	margin: 0 2px 0 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(../i/buttons/btn_go-on.gif) no-repeat;
	width: 25px;
	height: 17px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.btn_go a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 25px;
	height: 17px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}
			
.btn_go img {width: 25px; height: 17px; border: 0; }
* html a:hover {visibility:visible}
.btn_go a:hover img{visibility:hidden}

.btn_go span {
	position: absolute;
	left: 30px;top: 15px;
	text-align: center;
	width: 150px;
	text-indent:-9999em;
	cursor: pointer;   
}




.btn_back	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(../i/buttons/btn_back-on.gif) no-repeat;
	width: 41px;
	height: 17px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.btn_back a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 41px;
	height: 17px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}
			
.btn_back img {width: 41px; height: 17px; border: 0; }
* html a:hover {visibility:visible}
.btn_back a:hover img{visibility:hidden}

.btn_back span {
	position: absolute;
	left: 30px;top: 15px;
	text-align: center;
	width: 150px;
	text-indent:-9999em;
	cursor: pointer;   
}






.btn_submit	{
	position:relative;
	float: left;
	
	margin: 0 2px 0 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(../i/buttons/btn_submit-on.gif) no-repeat;
	width: 59px;
	height: 17px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.btn_submit a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 59px;
	height: 17px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}
			
.btn_submit img {width: 59px; height: 17px; border: 0; }
* html a:hover {visibility:visible; }
.btn_submit a:hover img{visibility:hidden}

.btn_submit span {
	position: absolute;
	left: 30px;top: 15px;
	text-align: center;
	width: 150px;
	text-indent:-9999em;
	cursor: pointer;   
}





.btn_reset	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(../i/buttons/btn_reset-on.gif) no-repeat;
	width: 59px;
	height: 17px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.btn_reset a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 59px;
	height: 17px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}
			
.btn_reset img {width: 59px; height: 17px; border: 0; }
* html a:hover {visibility:visible}
.btn_reset a:hover img{visibility:hidden}

.btn_reset span {
	position: absolute;
	left: 30px;top: 15px;
	text-align: center;
	width: 150px;
	text-indent:-9999em;
	cursor: pointer;   
}