#hero
{
	margin: 0pt auto; 
	top:93px;
	width: 976px; 
	z-index:0;
}

#hero ul {
	list-style-type: none;
	margin: 0; padding: 0;
}

#hero p {
	display: none;
}

#hero li {
	display: block;
	position: absolute;
}

#hero li { visibility: hidden; /* will be changed by bgrotation.js */ }
#hero li li { visibility: inherit; /* will be changed by bgrotation.js */ }

#hero .is250fsport {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_is250fsport.jpg) no-repeat 0 0;
}

#hero .rx450h a,
#hero .discoverhybrid a,
#hero .lfa a,
#hero .is250fsport a,
#hero .lexclusive a,
#hero .ct200h a,
#hero .juneret a,
#hero .mayretail a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 36px;
	background: url(../img/bg/hero_btns.jpg) no-repeat;
}

#hero .is250fsport ul {
	display: block;
	position: relative;
	left: 719px; top: 142px;
	width: 234px;
}

#home li {
	list-style-type:none;
}

#hero .mayretail {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_mayretail.jpg) no-repeat 0 0;	
}

#hero .mayretail .link1 a { background-position: -1071px 0; width: 160px; height: 30px;}
#hero .mayretail .link1 a:hover { background-position: -1071px -36px; }
#hero .mayretail li { position: static; }
#hero .mayretail ul {
	display: block;
	position: relative;
	left: 780px; top: 92px;
	width: 232px;
}


#hero .julret {
	width: 978px; height: 483px;
	background: url(../img/bg/july_hero.jpg) no-repeat 0 0;	
    visibility: inherit; /* The first hero in the rotation should have this property so that it is initially visible. */
}


#hero .julret .link1 a { background-position: -234px 0px; width: 210px; height: 36px; }
#hero .julret .link1 a:hover { background-position: -234px -36px; }
#hero .julret li { position: static; }
#hero .julret ul {
	display: block;
	position: relative;
	left: 708px; top: 228px;
	width: 232px;
}


#hero .julret .link1 a { background-position: 0 0; width: 225px; height: 32px; background:url(../img/bg/hero_btn_july.jpg) no-repeat }
#hero .julret .link1 a:hover { background-position: 0px -32px; }
#hero .julret .link1 a {
display:block;
height: 32px;
overflow: hidden;
text-indent:-9999px;
}




#hero .juneret .link1 a { background-position: -234px 0px; width: 210px; height: 36px; }
#hero .juneret .link1 a:hover { background-position: -234px -36px; }
#hero .juneret li { position: static; }
#hero .juneret ul {
	display: block;
	position: relative;
	left: 572px; top: 228px;
	width: 232px;
}


#hero .rugby {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_wallabies.jpg) no-repeat 0 0;	
}

#hero .rugby .link1 a { background-position: -8px -7px; width: 151px; height: 25px;}
#hero .rugby .link1 a:hover { background-position: -174px -7px; }
#hero .rugby li { position: static; }
#hero .rugby ul {
	display: block;
	position: relative;
	left: 38px; top: 268px;
	width: 232px;
}

#hero .is250fsport li { position: static; }

#hero .is250fsport .link1 a { background-position: 0 0; width: 234px; }
#hero .is250fsport .link1 a:hover { background-position: 0 -36px; }

#hero .lfa {
	width: 976px; height: 435px;
	background: url(../img/bg/hero_lfa.jpg) no-repeat 0 0;
}

#hero .lfa ul {
	display: block;
	position: relative;
	left: 0px; top: 115px;
	width: 232px;
}

#hero .lfa li { float: right; position: static; }

#hero .lfa .link1 a { background-position: -234px 0; width: 232px; } 
#hero .lfa .link1 a:hover { background-position: -234px -36px; }


#hero .rx450h {
	width: 976px; height: 478px;
	background: url(../img/bg/hero_rx450h.jpg) no-repeat 0 0;
}

#hero .rx450h ul {
	display: block;
	position: relative;
	left: 792px; top: 141px;
	width: 157px;
}

#hero .rx450h li { float: left; position: static; }

#hero .rx450h .link1 a { background-position: -466px 0; width: 157px; height: 34px; }
#hero .rx450h .link1 a:hover { background-position: -466px -34px; }

#hero .discoverhybrid a {
	height: 32px;
}

#hero .discoverhybrid {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_discoverhybrid.jpg) no-repeat 0 0;
	z-index: 1;
}

#hero .discoverhybrid ul {
	display: block;
	position: relative;
	left: 711px; top: 118px;
	width: 239px;
}

#hero .discoverhybrid li { float: right; position: static; }

#hero .discoverhybrid .link1 a { background-position: -623px 0; width: 239px; }
#hero .discoverhybrid .link1 a:hover { background-position: -623px -32px; }



#hero .encore {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_encore.jpg) no-repeat 0 0;
}

#hero .encore a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 10px;
	background: url(../img/bg/hero_btns_encore.png) no-repeat;
}

#hero .rugby a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 10px;
	background: url(../img/bg/hero_btns_encore.png) no-repeat;
}

#hero .encore ul {
	display: block;
	position: relative;
	left: 123px; top: 270px;
	width: 663px;
}

#hero .encore li { position: static; float: left; }

#hero .encore .link1 a { background: transparent none; width: 118px; margin: 0 19px 0 8px; }
#hero .encore .link1 a:hover { background: url(../img/bg/hero_btns_encore.png) no-repeat 0 -39px; }
#hero .encore .link2 a { background: transparent none; width: 178px; margin-right: 15px; }
#hero .encore .link2 a:hover { background: url(../img/bg/hero_btns_encore.png) no-repeat -137px -39px; }
#hero .encore .link3 a { background: transparent none; width: 208px; margin-right: 14px; }
#hero .encore .link3 a:hover { background: url(../img/bg/hero_btns_encore.png) no-repeat -330px -39px; }
#hero .encore .link4 a { background: transparent none; width: 103px; }
#hero .encore .link4 a:hover { background: url(../img/bg/hero_btns_encore.png) no-repeat -552px -39px; }
#hero .encore .link5 { margin: 0; display: block; position: absolute; left: 123px; top: 300px; }
#hero .encore .link5 a { background-position: 0 0; width: 166px; height: 39px; }
#hero .encore .link5 a:hover { background-position: -166px 0px; }


#hero .ct200h {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_ct200h.jpg) no-repeat 0 0;
}

#hero .ct200h ul {
	display: block;
	position: relative;
	left:738px; top: 315px;
	width: 209px;
}

#hero .ct200h li { float: left; position: static; }

#hero .ct200h .link1 a { background-position: 0 0; width: 207px; height: 34px; background:url(../img/bg/hero_btn_ct200h.jpg) no-repeat }
#hero .ct200h .link1 a:hover { background-position: 0 -34px; }