@charset "utf-8";
/* CSS Document */

/*Begin Styles for top carousel without pager*/
#top-carousel {
	height: 857px;
	overflow:hidden;
	width:557px;
	position:relative;
	padding-top:101px;
	left:10px;
	background:url("../images/2012/May/carousel-bg.jpg") no-repeat top;
}
#top-carousel .viewport {
	float: left;
	width: 434px!important;
	height: 446px;
	overflow: hidden;
	position: relative;
	margin-left:63px;
}
#top-carousel .buttons {
	width:9px;
	height:11px;
	margin:61px 7px 0px 7px;
	display:none;
}
#top-carousel .prev, #top-carousel .next {
	background:url("../images/common/arrow-sprite.png") no-repeat left top;
	width:39px;
	height:40px;
	position:absolute;
	top:129px;
	z-index:1000;
}
#top-carousel .next {/*margin: 1px 0 0 1px; */
	background-position:0px -43px;
	float:left;
	left:100px;
	left:515px;
}

#top-carousel .prev { /*margin: 1px 0 0 1px;  */
	background-position:0px 0px;
	float:left;
	left:-3px;
}

#top-carousel .disable {/* visibility: hidden;*/
	opacity:0.5;
}

#top-carousel ul.overview {
	list-style: none;
	position: absolute;
	padding: 0px;
	margin: 0px;
	left: 0;
	top: 0;
	border:0px solid #bfbfbf;
	height:446px!important;
	width:434px;
}

#top-carousel .overview  li {
	height: 446px!important;
	width: 434px!important;
	float: left;
	margin: 0px 0px 0px 0;
	padding: 0px;
	text-align:center;
}

/*#top-carousel .overview  li ul.terms {
	float:left;
	margin:10px 0px 0px 3px;
	padding:0px;
	list-style-type:none;
}
#top-carousel .overview  li ul.terms li {
	float:left;
	height:auto!important;
	list-style-type:none;
	text-align:left;
	line-height:18px;
}*/
/*End Styles for tiny carousel without pager*/



/* Styles for tiny carousel pager*/
#top-carousel .pager {
    float: left;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
	margin: 17px 0px 17px 38px;
	padding:0px;
	height:67px;
	/*background:url("../images/2012/May/carousel-nav.png") no-repeat left top;*/
	width:494px;
}
#top-carousel .pager li {
    float: left;
	margin: 0px;
	height:67px;
	width:83px;
	}
/*
#top-carousel .pager li#live {
    float: left;
	background-position:-33px 0px;
	width:69px;
	height:107px;		
}*/
/*
#top-carousel .pagenum ,#top-carousel .active{
background:url("../images/common/pagerbg.jpg") no-repeat left top;
height:13px;
width:12px;
}*/

#top-carousel .pager li#live{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  0px 0px;
	margin-left:33px;
	}

#top-carousel .pager li#live a.pagenum{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  0px 0px!important;
	width:83px;
	height:67px;
	float:left;
	}

#top-carousel .pager li#live a.pagenum:hover{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  0px -69px!important;
	}

#top-carousel .pager li#live a.active{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  0px -138px!important;
	width:83px;
	height:67px;
	float:left;
	}

#top-carousel .pager li#live a.active:hover{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  0px -138px!important;
	}




#top-carousel .pager li#ball75{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  -85px 0px;
	margin-left:27px;
	}

#top-carousel .pager li#ball75 a.pagenum{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  -85px 0px!important;
	width:83px;
	height:67px;
	float:left;
	}

#top-carousel .pager li#ball75 a.pagenum:hover{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  -85px -69px!important;
	}

#top-carousel .pager li#ball75 a.active{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  -85px -138px!important;
	width:83px;
	height:67px;
	float:left;
	}

#top-carousel .pager li#ball75 a.active:hover{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  -85px -138px!important;
	}

#top-carousel .pager li#ball80{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  -170px 0px;
	margin-left:27px;
	} 

#top-carousel li#ball80 a.pagenum{
	background:url("../images/2012/May/carousel-nav.png") no-repeat -170px 0px;
	width:83px;
	height:67px;
	float:left;
}

#top-carousel li#ball80 a.pagenum:hover{
	background:url("../images/2012/May/carousel-nav.png") no-repeat -170px -69px;
}
	
#top-carousel li#ball80 a.active{
	background:url("../images/2012/May/carousel-nav.png") no-repeat -170px -138px;
	width:83px;
	height:67px;
	float:left;
}

#top-carousel li#ball80 a.active:hover{
	background:url("../images/2012/May/carousel-nav.png") no-repeat -170px -138px;
}

#top-carousel .pager li#ball90p{
	background:url("../images/2012/May/carousel-nav.png") no-repeat  -255px 0px;
	margin-left:27px;
	} 

#top-carousel li#ball90p a.pagenum{
    float: left;
	background:url("../images/2012/May/carousel-nav.png") no-repeat -255px 0px;
	width:83px!important;
	height:67px;		
}

#top-carousel li#ball90p a.pagenum:hover{
	background:url("../images/2012/May/carousel-nav.png") no-repeat -255px -69px;	
}

#top-carousel li#ball90p a.active{
	background:url("../images/2012/May/carousel-nav.png") no-repeat -255px -138px;
	width:83px!important;
	height:67px;		
    float: left;
}

#top-carousel li#ball90p a.active:hover{
	background:url("../images/2012/May/carousel-nav.png") no-repeat -255px -138px;
}

#top-carousel .pagenum {
    display: block!important;
}
#top-carousel .active {
}
/* End Styles for tiny carousel pager */